校招基本停止,总结一下

校招的即段时日学及了诸多

最终大概是签约上海美团点评

从而Word总结了成百上千题材。发布于此处


 

 

7-13:

1:flex项目嵌套flex项目怎么算?

公明白Flex项目也得成为Flex容器吗?是的,是唯恐的!

若想嵌套多可怜就嵌套多可怜(不过理智的做法是涵养一个理所当然之水平)。

2:总结flexbox

3:规划布局

4:CSS选择器

5:现代各种布局

6:Hexo

7:react+redux书

 

7-17:

1:e.target.parentNode.remove();成功,查询一下JS原生的remove方法

2:复习JS DOM的原生操作方法,比如innerHTML(),insertBefore()等

3:技术之瞳

4:jquery的each,map等方法

5:数组和对象的深浅拷贝

http://blog.csdn.net/fungleo/article/details/54931379

 

7-18

1:MD5这种JS文件无法直接以index.js里面载入,需要因此webpack加入的因由及哪些在?

2:webpack2.2汉语文档 http://www.css88.com/doc/webpack2/

4:screenX,pageX,client,offset…

http://www.cnblogs.com/yehuabin/archive/2013/03/07/2946004.html

7:js怎么编写鼠标的右击事件

https://zhidao.baidu.com/question/1111401816718591899.html

 

7.24

1.checked波的变化<input type=”checkbox”
checked={this.state.checked} onChange={this.checkedChangeHandler}
/>记住账号1</span>

2:backbone路由的包怎么开的

3:基于 CentOS 搭建微信小序服务

 

7.25

1.JS原生的onclick事件写法

2:左右上加

3联网人无还问题

 

7.26

作者:DaphneMoMo
链接:https://www.nowcoder.com/discuss/18530?type=2&order=3&pos=55&page=1

一面

1、 
window.onload和$(document).ready()的区别,浏览器加载转圈结束时谁时间接触?

  $(document).ready()方法及window.onload方法发生一般之功用,但是在实行会点是来分之。window.onload方法是分支呀网页遭到之具有因素(包括元素的享有关乎的文本)完全加载到浏览器后才行,即javascript此可以拜网页遭到之另外因素。而经过jquery中的$(document).ready()方法注册的流年处理程序,在DOM完全就绪时就可被调用。此时,网页的拥有因素对jquery而言都是得看的,但是,这并无代表这些因素关联的公文还已下载了。

  举一个例子,有一个特大型的图库网站,为网页遭到之享有图片添加某些行为,例如单机图片后被他躲或显示。如果以window.onload方法来拍卖,那么用户须等交各个一样合图片都加载了后,才得以开展操作。如果利用jquery中之$(document).ready()方法来进行安装,只要DOM就绪就足以操作了,不欲拭目以待所有图片加载了。显然,吧网页解析为DOM树的速度比吧网页中之持有涉嫌文件加载了的从的快多。

  另外,需要留意一点,由于当$(document).ready()方法外报之轩然大波,只要DOM就绪就会见吃实践,因此恐怕这因素的涉及文件未生充斥了。例如与图片有关的HTML下充斥了,并且已经就是诶下为DOM树了,但很有或图片还未加载了,所有像图片的可观和宽窄这样的性能此时较得有效。要解决这个题材,可以用Jquery中另外一个关于页面加载的章程—–load()方法。load()方法会在要素的onload事件备受绑定一个处理函数。如果处理函数绑定给window对象,则会于拥有情节(包括窗口。框架,对象与图像等)加载了后点,如果处理函数绑定以要素上,则会当要素的被容加载了后加载。jquery代码如下:

1

2

3

4

$(window).load(function(){

//代码

 

});

  等价于javascript中之以下代码:

1

2

3

4

window.onload=function(){

     

//代码

}

 

2、  form表单当前页面无刷新提交  <form target=””>  iframe

http://www.cnblogs.com/yevon/p/about\_target\_attribute\_of\_form.html

3、  setTimeout和setInterval区别,如何相互实现?

http://blog.csdn.net/baidu_24024601/article/details/51862488

参考资料:javascript高级程序设计第三版本:重复定时器

4、 
如何避免多又回调—promise,promise简单描述一下,如何当外表进行resolve()

官文档

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise

         通俗解释

http://www.cnblogs.com/lvdabao/p/es6-promise-1.html

         感性理解

ES6 JavaScript Promise的感性认知

咱俩回去总结一下,异步回调的风俗人情做法时有发生四单问题:

  1. 嵌套层次很特别,难以保障

  2. 代码难以复用

  3. 仓库被毁损,无法正常检索,也无能为力正常下 try/catch/throw

  4. 大多只异步计算以展开,无法预料好顺序,必须靠外层作用域的变量,有

误操作风险

Promise保留异步在管阂上的优势,又能吃咱刻画代码写的再度舒畅

5、  margin坍塌?水平方向会无会见倒塌

http://www.cnblogs.com/hugejinfan/p/5901320.html水平方向无会见油然而生margin坍塌 

6、  伪类和伪元素区别

http://www.cnblogs.com/ihardcoder/p/5294927.html

概括的话,伪元素创建了一个虚拟容器,这个容器不含其他DOM元素,但是得蕴涵内容。另外,开发者还好为伪元素定制样式。

8、数组去还

http://blog.csdn.net/chengxuyuan20100425/article/details/8497277

 我毕竟并想生了三种植算法来促成者目的:

1.  Array.prototype.unique1 = function()

2.  {

3.    var n = []; //一个新的临时数组

4.    for(var i = 0; i < this.length; i++) //遍历当前数组

5.    {

6.           //如果当前数组的第i已经保存进了临时数组,那么跳过,

7.           //否则把当前项push到临时数组里面

8.           if (n.indexOf(this[i]) == -1) n.push(this[i]);

9.    }

10.  return n;

11.}

12.Array.prototype.unique2 = function()

13.{

14.  var n = {},r=[]; //n为hash表,r为临时数组

15.  for(var i = 0; i < this.length; i++) //遍历当前数组

16.  {

17.         if (!n[this[i]]) //如果hash表中没有当前项

18.         {

19.                 n[this[i]] = true; //存入hash表

20.                 r.push(this[i]); //把当前数组的当前项push到临时数组里面

21.         }

22.  }

23.  return r;

24.}

25.Array.prototype.unique3 = function()

26.{

27.  var n = [this[0]]; //结果数组

28.  for(var i = 1; i < this.length; i++) //从第二项开始遍历

29.  {

30.         //如果当前数组的第i项在当前数组中第一次出现的位置不是i,

31.         //那么表示第i项是重复的,忽略掉。否则存入结果数组

32.         if (this.indexOf(this[i]) == i) n.push(this[i]);

33.  }

34.  return n;

35.}

9、使用flex布局实现三等分,左右两独因素分别贴到左手和右,垂直居中

flex{1} flex{1} flex{1}

10、平时安学前端的,看了什么书,关注了哪群众号

二面

1、  说下对this的理解

http://www.jb51.net/article/77519.htm

2、  实现bind函数

http://blog.csdn.net/u010552788/article/details/50850453(手写bind()函数,理解MDN上之专业Polyfill,bind和new,柯里化)

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
(bind mdn)

http://www.cnblogs.com/libin-1/p/6069031.html(理解JS中的apply,call和bind方法)

http://www.cnblogs.com/admos/p/4453259.html  (bind函数使用apply的兑现)

3、数组和链表区别,分别可啊数据结构

再三组的特性是飞速随机访问
链表的风味是便捷插入删除

4、对mvc的理解

5、描述一个记忆最为充分的品类,在其中充当的角色,解决什么问题

6、http状态码。。。401和403区别?

400(错误请求)

服务器不理解请求的语法。

401(未授权)

请求要求身份验证。对于登录后请求的网页,服务器可能返回此响应。

403(禁止)

服务器拒绝请求。

1xx(临时响应)2xx(成功)3xx(重定向)4xx(请求错误)5xx(服务器错误)

7、  描述下二分开查找

http://www.cnblogs.com/zuojiayi/p/6229902.html

8、  在函数中应用array.prototype.slice.call(arguments,1);的打算?

arguments是每个函数在运作的下自动获得的一个类似数组的靶子(传入函数的参数从0开始遵循数字排列,而且有length)。比如当您
func(‘a’, ‘b’, ‘c’) 的时,func里面得到的arguments[0] 是
‘a’,arguments[1] 是
‘b’,依次类推。但问题在于此arguments对象实际并无是Array,所以无slice方法。Array.prototype.slice.call(
)可以间接对那个实现slice的作用,而且回去的结果是真的Array。

http://www.cnblogs.com/dingxiaoyue/p/4948166.html

https://www.zhihu.com/question/21351604

三面

1、为什么选前者,如何学习的,看了哪书,《js高级程序设计》和《你莫懂得之js》有什么区别,看开,看博客,看群众号三者的时光是怎分配的

2、如何评价bat

3、描述下在实习中召开过的一个型,解决了呀问题,在内部担任了啊角色?这个历程是什么问题,有啊值得改进的地方

4、如何对待加班,如果起个类型用连接一个月加班,你怎么看

5、遇到的下压力最老的一律码事是呀?如何缓解之

6、平时来什么好

7、自身有待改进的地方

8、n长的数组放入n-1只数,不能够再,找有特别缺失之高频

思路:数组之与削弱去自然数的同,结果就是是深重的。

相当于差数列求和公式

 

 

9、手里来啊offer

10、你对第一客工作最好看重的老三个点是什么

11、如何评价现在之前端

12、有啊问题

一致达午面了守四个钟头完成了三照,当天晚间就收到了三面面试官的对讲机说面试通过了,炒鸡开心,校招这么久远以来收到的第一独offer~后来又询问及是凤巢部门,于是便控制去这里了

 

 

7-28

1:JS异步开发教程

https://meathill.gitbooks.io/javascript-async-tutorial/content/

 

7-31

1:自己之成品

2:JavaScript创建对象的老三种艺术

http://blog.csdn.net/u010552788/article/details/50849191

3:书总一下 技术之瞳/react/JS高级/你莫懂得的JS

4:

 

1、手写jsonp的实现

2、手写链表倒数第K单寻

 

寻单链表倒数第m个结点,要求时复杂度为O(n).(提示,使用对指南针)


解题思路: 
正常思路也先行获得链表的长度N,然后回N-k+1位置处的结点即可。但是中需遍历两不善链表。 
咱们利用另外一样种植算法,设定两独指针p1,p2.将这简单个指针都朝着第一只结点,让p1先倒k步,然后简单独指针一起为后走,当p1到达最终一个结点时,p2指针刚好靠为链表的倒数第k个结点。

 

3、  http请求行,请求头,请求体,cookie在谁里面?url在哪里面?

http://blog.csdn.net/u010256388/article/details/68491509

cookie在伸手头,url似乎以求求行?

4、  原型链的解释

原型链是作为实现连续的要紧措施,基本考虑是采用原型为一个援类型继承另一个引用类型的性与道。

5、 
对闭包的晓,实现一个暴露内变量,而且外部可以看修改的函数(get和set,闭包实现)

http://blog.csdn.net/baple/article/details/42495361

好写得set的例证

var f1 = function (x) {

         var a = 1;

         function f2 (b){

                   a =  a+b ;

                   return a

         }

         return f2

 }

 

var x = f1();

var xx = x(2);

闭包就是能读取其他函数内部变量的函数

7、{}=={}?   []==[]? null==undefined?

{} == {} false

[] == [] false

null == undefined true

null == null true

undefined == undefined true

解答

[] == [] 这个好理解. 当半个价都是目标 (引用值) 时,
比较的是少数独引用值在内存中是否是与一个针对性象. 因为此 [] 非彼 [],
虽然同为空数组, 确是简单个互不相干的空数组, 自然 == 为 false.

 

null 表示一个价值为定义了,定义为“空值”;
undefined 表示从来不存定义。

所以设置一个值吗 null 是有理之,如
objA.valueA = null;
可是设置一个价值吗 undefined 是未成立之

 

6、  基本的数据类型

ECMAScript吃产生5挨简单数据类型(也称之为基本数据类): UndefinedNullBooleanNumberString。还产生1着复杂的数据类型————ObjectObject实为上是出于同样组无序的名值对构成的。Array,Date,Function+基本包装类Number,String,Boolean均归于Object

 

7、  基本的有限列于适应布局

意识产生矣position的特性,不再跟健康文档流中之要素互相影响

.sub, .extra {

    position: absolute;

    top: 0;

    width: 200px;

}

.sub {

    left: 0;

    background-color: yellow;

}

.extra {

    right: 0;

    background-color: black;

}

.main {

background-color: blue;

    margin: 0 200px;

}

<div class=”sub”>left</div>

<div class=”main”>main</div>

<div class=”extra”>right</div>

 

11、OSI模型,HTTP,TCP,UDP分别在哪些层

OSI 分层( 7 层):物理层、数据链路层、网络层、传输层、会话层、表示层、应用层

物理层与数量链路层为面的协议族提供服务我们一般大少接触。IP在网络层,TCP/UDP在传输层,应用层一般是咱常常接触的东西HTTP在运用层ARP(地址解析协议)在链路层

12、网站性能优化

CDN是啊?使用CDN有什么优势?

https://www.zhihu.com/question/36514327

13、快排的年月复杂度和空中复杂度。

var quicksort = function(arr){

         if(arr.length<=1){

                   return arr

         }

         var num = Math.floor(arr.length/2);

         var item = arr.splice(num,1);  

         var arrleft=[];

         var arrright=[];

         for (var i = 0; i < arr.length; i++) {

                   if(arr[i]<item[0]){

                            arrleft.push(arr[i]);

                   }

                   else{

                            arrright.push(arr[i]);

                   }

         }

         return
quicksort(arrleft).concat(item[0],quicksort(arrright));

}

 

console.log(quicksort([1,2,3,5,4]));

注意一下i < arr.length不克是<=,否则发生一个undefined就见面无限循环

一面问的基础知识很多,但是基本还报出了,面完后有些蒙逼。

二面凡如出一辙各类女面试官,给的压力非常酷,人可比严肃,不苟言笑,后来听说二面是压力对,二面问了50分钟。

2、在jquery方法以及原型上面长方法的分别与贯彻($.extend,$.fn.extend),以及jquery对象的贯彻(return
new jQuery.fn.init)

理解jquery的$.extend()、$.fn和$.fn.extend()

啊jQuery类添加类方法,可以清楚啊长静态方法

针对jQuery.prototype进得扩展,就是吗jQuery类添加“成员函数”。jQuery类的实例可以动用此“成员函数”。

 

jQuery 2.0.3 源码分析core –
整体架构

http://www.cnblogs.com/aaronjs/p/3278578.html

3、手写一个递归函数(考察arguments.callee,以及arguments的说明)

// arguments.callee 是一个对准正在履行函数的指针

function factorial(num)

{ if (num <= 1) { return 1; }

else { return num * arguments.callee(num – 1); } }

caller

以一个函数调用另一个函数时,被调用函数会自动生成一个caller属性,指向调用它的函数对象。如果该函数当前匪受调用,或不用为其他函数调用,则caller为null。

 callee

当函数被调用时,它的arguments.callee对象就会指向自身,也就算是一个针对性好之援。
由于arguments在函数被调用时才使得,因此arguments.callee在函数未调用时凡匪设有的(即null.callee),且解引用它见面起十分。

 

4、对前者路由的知情?前后端路由于的分别?

1,什么是前方端路由于?
路由是冲不同之 url 地址展示不同的情要页面
前者路由于就是管不同路由对应不同的内容要页面的职责交给前端来开,之前是通过劳务端根据
url 的不比返回不同之页面实现之。
2,什么时下前端路由于?
于单页面应用,大部分页面结构不变换,只变动有内容的使

3,后端平路由于:

各过反到不同的URL,都是又访问服务端,然后服务端返回页面,页面也可是服务端获取数据,然后与模板组合,返回HTML,也足以是直归模板HTML,然后由前端js再也失去央求数据,使用前端模板与数目开展整合,生成想使之HTML。

4.5、怎记住OSI七层协议模型

http://blog.csdn.net/hellochenlu/article/details/52895341

Physical Data Link Network Transport Session Presentation
Application

5、介绍一下webpack和gulp,以及项目被实际的行使

http://www.cnblogs.com/lovesong/p/6413546.html

6、你对es6的了解

http://www.alloyteam.com/2016/03/es6-front-end-developers-will-have-to-know-the-top-ten-properties/comment-page-1/#comments

  1. Default Parameters(默认参数) in ES6
  2. Template Literals (模板文本)in ES6
  3. Multi-line Strings (多履行字符串)in ES6
  4. Destructuring Assignment (解构赋值)in ES6
  5. Enhanced Object Literals (增强的目标文本)in ES6
  6. Arrow Functions (箭头函数)in ES6
  7. Promises in ES6
  8. Block-Scoped Constructs Let and Const(块作用域构造Let and Const)
  9. Classes(类) in ES6
  10. Modules(模块) in ES6

7、解释一下vue和react,以及异同点

https://www.zhihu.com/question/31585377

念一下vue

8、  前后端分离的意义和针对前者工程化的解

https://www.zhihu.com/question/28207685 –前后端分离

https://www.zhihu.com/question/24558375 –前端工程化主要应该从

模块化:webpack对:require的五种植用法

组件化:组件化实际上是同一种植照模板(HTML)+样式(CSS)+逻辑(JS)三位一体的形式对面向对象的更抽象

规范化:规范化其实是工程化中颇要紧之一个有的,项目初期规范制定的好坏会直接影响及后期的开销品质。

我能体悟的发出以下部分内容:

目结构的制定

编码规范

前后端接口规范

文档规范

零件管理

Git分支管理

Commit描述规范

定期CodeReview

视觉图标规范

自动化:我觉着,前端工程化的不得了多脏活累在还应该提交自动化工具来成功。

### 图标合并

并非再用PS拼雪碧图了,统一运动Webpack吧;

决不还就此Icomoon了,统一运动Webpack吧。

### 持续集成

### 自动化构建

### 自动化部署

### 自动化测试

10、使用css实现一个三角

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}

增幅一定要啊0,left,right是三角形的骨干往左望右边长度;bottom是三角形的赛;

10.5CSS3D效果?

13、解释一下call函数和apply函数的意图,以及用法

1、介绍一下自己

2、你说自己抗压能力大,具体表现在何?

3、对前者前景的展望,以后前端会怎么提高

4、手写第一破面试没有写出来的链表问题,要求用es6勾

5、平时凡是怎么套技术之?

6、平时高校中时间是怎统筹的?

7、接下去有啊计划?这个学期和下个学期的计划是?

8、项目遭到相见的难题,或者您读书路上的难处

9、你是经过什么艺术和路径来读书前端的

12、你以集体受到另行赞成被什么角色?

13、对java的理解

14、介绍node.js,并且介绍你用它们举行的品种

 

百度外出售

 

1、介绍好

2、手写一个js的深克隆

3、for函数里面setTimeout异步问题

关于for循环里面异步操作的题目

for 循环中之setTimeout(function(){})异步问题,为什么改var 为let就得解决?

 深入明JavaScript编程中的齐和异步机制

4、归并排序

 

1、实现两个数组的排序合并,我同样开始先行统一重复排序,他无甘于,然后我为此了近似插入排序的道。

2、手写一个原本生ajax

https://segmentfault.com/a/1190000008097712

xmlhttp=newXMLHttpRequest();

xmlhttp.onreadystatechange=state_Change

xmlhttp.open(“GET”,“/example/xdom/note.xml”,true);

xmlhttp.send(null);

function state_Change()

{

if(xmlhttp.readyState==4)

{

`**if** (xmlhttp.status==200)`

{

// 这里当是函数具体的逻辑“

}

else

{

alert(“Problem retrieving XML data”);

}

}

}

6、手写实现jquery里面的insertAfter

结合nextSibling和insertBefore来实现

9、  AMD和CMD,commonJS的区别

AMD依赖前置;CMD就近依赖(牺牲性能来换取更多开发便民);

NodeJS是CommonJS规范之兑现;CommonJS的这个Modules规范设计的新是为着server端设计之,它是一个共的模式。但是这种模式并无切合为浏览器端,大家着想一下而浏览器联合模式一个一个加载模块,那么打开将见面更换得老的缓慢,所以AMD就是为了这诞生,它最特别的特点就是足以异步的章程加载模块。(CMD也是异步的)
那么RequrieJS其实就是AMD现在为此底最为常见,最风靡的落实。

 

8-1

  1. 饥人谷
  2. 萌鹿简历

 

8-2

  1. 怎写一个模态框

https://my.oschina.net/aiguozhe/blog/279992

  1. 面试什么的

http://www.cnblogs.com/iceb/p/7238785.html

笔者:小芋头君
链接:https://www.zhihu.com/question/41986174/answer/94241086
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

匪提是问题发无发意义,在我看来的确没有意思,但是这的来其实不是在乎这些问题是否发含义。
而在于

卿会支配面试官问出公擅长对的题目?

当同样叫面试官,我面试了不少人了啊算是,首先,挑选简历的时光自己便会见选自己能问出问题之简历,如果一个简历看了以后我都问不发什么对的问题,只能随口问一个“闭包怎么形容”这样的题目吧,这个简历为从未什么面试的必要性了。所以率先关就算是,简历有足让面试官针对性提问的情节,有亮眼的情,有考虑有总,这样咱们虽得愉悦的拓展相同集市互动交流的面试了,而休是让你同布置试卷,你挨个勾代码写算法。

下一场,到了现场面试,同样,你要带面试官来咨询。首先是简历上体现的始末,然后是受你自我介绍的当儿,一定要是吸引这会!!!!不要说几没因此之,你爱打球什么的,我都未关心!!让你自我介绍,是吃您一个时,你来开一下咱们的话题!其实就算好像于述职,你谈话出口你过去一段时间做过之发含义之工作,符合您一定的作业,不管是技巧上升级,还是上学了新物,还是你带来项目发分析,还是开了哟优化,做了呀提升团队效率的家伙,或者是你是管理者,你怎么管理团队,如何升级组织效率,如何考虑提升组织完全技能力量影响力等等等等。这真是无比重要了。

这些表述都是自从你想表现的友爱有着的精良特质作为起点来总结的,

寻常差不多思量下如何的工程师特质是豪门想看到底,

这些是您而召开的,是您一旦总结的,就是若下次面试的时光要表达的

 

设若您的简历及你的自我介绍都不要紧说头,那不好意思,为了敷衍一下,我出只面试题列表,我不得不于内照便挑一样修出来问,都是很形式化的问题,其实乃答应对了吗绝非卵用,只是集聚一下外场而曾啦,毕竟这些题目无google一下纵理解操纵了。

说的且是大实话,不管是做面试官,还是失去面试,想知道自己而发表出什么事物来,想清楚自己想只要博什么信息,都无异,凡事就怕用心!

 

8-3

  1. HTTP协议下POST和GET的区别

http://blog.csdn.net/wangzhilife/article/details/12440089

2:浏览器缓存机制

http://www.cnblogs.com/slly/p/6732749.html

3:图片轮播

锋利的JQUERY

C:\Users\Administrator\Downloads\[jb51.net]fengli_jquery\实例下载\04第四章\季段例子\10-实例

3.5Jquery的show()很易就可以来打达成于下的渐变效果,怎么好的?

“更多|收起”交互中渐进使用transition动画

show()使用的css3动画作用由达到往下需要高度,Jquery算高度的章程还非清楚

4:React拖拽

http://www.cnblogs.com/LuckyWinty/p/5347559.html

5.君明白啊是CSS预处理么

CSS 预处理器定义了平栽新的语言,其主干思维是,用同样种植特别的编程语言,为
CSS 增加了有编程的特色,将 CSS
作为对象变文书,然后开发者就如利用这种语言进行编码工作。

浅显的说,“CSS 预处理器用一种植特别的编程语言,进行 Web
页面样式设计,然后又编译成健康的 CSS 文件,以供应项目动。CSS 预处理器为
CSS 增加部分编程的特征,无需考虑浏览器的兼容性问题”,例如你可以 CSS
中利用变量简而言之的逻辑程序函数(假如右代码编辑器中尽管利用了变量$color)等等在编程语言中的有的主导特点,可以被您的
CSS 越是简洁适应性更胜可读性更佳再次易于代码的护等居多补。结构清晰,便于扩展,轻松实现多重复继承

6.关于转变的规律和工作办法,你得描述一下么

转变元素脱离文档流,不占用空间。浮动元素碰到包含它的边框要变更元素的边框停留。

7.变会有什么震慑呢,要怎么处理?

父元素的可观无法让撑起来,影响及父元素同级的素
及变化元素同级的非浮动元素(内联元素)会跟该后
要不是先是个因素浮动,则该因素之前的因素呢亟需变更,否则会潜移默化页面显示的组织

解决方式:
使用CSS中的clear:both;属性来排元素的转移可化解2、3题目,对于问题1,添加如下样式,给父元素添加clearfix样式:

.clearfix:after{content: “.”;display: block;height: 0;clear:
both;visibility: hidden;}

.clearfix{display: inline-block;} /* for IE/Mac */

 

8.您询问什么选择器?以及这些选择器的下状况?

9.若掌握它们的权重怎么计算么

  1. 首先对等:代表内联样式,如: style=””,权值为1000。
  2. 第二等:代表ID选择器,如:#content,权值为100。
  3. 其三当:代表类,伪类和特性选择器,如.content,权值为10。
  4. 季等:代表色选择器和伪元素选择器,如div p,权值为1。

12.你从jQuery学到了什么?(跳坑了居然说自己扣了源代码…然后无见面说了..)

16.说游说函数表达式和函数声明的界别(变量提升与函数提升)

http://blog.csdn.net/qq673318522/article/details/50810650

18.你了解attribute和property的区别吗

http://www.cnblogs.com/cndotabestdota/p/5706562.html

素上之性能(包括从定义)都是attribute,但一味生id,title,class等而为是property,attribute就是DOM元素自带的习性,property是这个因素作为靶子附加的始末,比如firstChild等

19.平常出了解web性能么,一般只要体贴如何点?

https://www.zhihu.com/question/21658448 (很重要!!!!!)

21.淘宝那边的商品项,如图,滚动到了才加载,你懂得怎么落实者

题目19之zhihu回答中来个Lazy Load Images好像有点类似

 

8-4

  1. 前端路由和单页路由?

①  
Backbone单页路由就是用①href=”#xx”或②router.navigate触发路由后实行回调函数,更改模板重新渲染。

②Hash路由于的贯彻https://segmentfault.com/a/1190000007422616

hash 属性是一个可是读而写的字符串,该字符串是 URL 的锚部分(从 #
号开始的有)。

语法:location.hash=anchorname

③前端的程由于控制:hash和history(HTML5新特性)

④js页面刷新跳转的几乎种植方法和界别

http://blog.csdn.net/fb408487792/article/details/41248675

window.location.href=”http://shanghepinpai.com”; 

⑤a标签的href=”javascript:void(0)”和href=”#”的区别

http://www.cnblogs.com/pp-cat/p/4308736.html

比方页面内有id为nogo的素,点击是链接后,锚点机制会打算,页面贴齐这个元素上盖

  1. 牛客网校招日历

https://www.nowcoder.com/activity/campus2018

  1. ES6解构赋值,箭头函数

http://es6.ruanyifeng.com/\#docs/destructuring

字符串也足以解构赋值。这是因这时候,字符串被撤换成为了一个看似数组的靶子。

Object(‘abc’) // {0: “a”, 1: “b”, 2: “c”, length: 3, [[PrimitiveValue]]: “abc”}

 

let arr = [1, 2, 3];
let {0 : first, [arr.length – 1] : last} = arr;
first // 1
last // 3

4:廖雪峰JS

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345008539155e93fc16046d4bb7854943814c4f9dc2000

  1. console.trace()会打印出函数调用栈的音信

 

8-7

1:js关于for循环中之闭包问题?

for(var i=0,arr=[];i<=3;i++) {
arr.push(function(){alert(i)});
}
arr[0](); // ?? 结果不是0
arr[1](); // ?? 全是4
改装后
for(var i=0,arr=[];i<=3;i++) {
arr.push(
(function(i){
return function(){
alert(i);
}
})(i)
);
}
运用闭包可以缓解了,为什么第一软代码中的i读取的直白是I变量的末段之结果也?
深大神能让分析一下率先段代码的尽的具体步骤呢?

https://www.zhihu.com/question/33468703

 

2:为什么用闭包呢

一对变量无法共享与长久的保存,而全局变量可能致变量污染,所以我们意在来同种体制既好老之保留变量又不会见导致全局污染。

特点

霸占更多内存

未爱让放走

何时使用

既是想反复用,又想避免全局污染

哪些下

1.概念外层函数,封装被保安之组成部分变量。
2.定义内层函数,执行对标函数变量的操作。
3.外层函数返回内层函数的目标,并且外层函数被调用,结果保存在一个大局的变量中。

https://zhuanlan.zhihu.com/p/27857268

 

3:

var k = (function fun(x) {

if(x>0) {

    x–;

    console.log(x);

} else{

         console.log(“lala”);

   return “lala”;

}

    fun(x); 

})(3)

console.trace(k);

缘何打印结果是undefined?

 

k就是你的fun(3)fun(3) 按照你代码,没有显式给来返回值,默认就是回来的 undefined 。

假定您一旦开递归的话,应该 给 里面的 fun(x) 加上 return
变成 return fun(x); 如此就可知吃k为 lala了。

 

4:
a标签的href=”javascript:void(0)”和href=”#”的区别

http://www.cnblogs.com/pp-cat/p/4308736.html

倘页面中来id为nogo的元素,点击是链接后,锚点机制会打算,页面贴齐这个元素上以

 

5:还是确实抓一下本生JS和JQUERY 然后从创作入手写一个工

廖雪峰+MDN+JS高级+你免晓之JS+JQUERY

 

6:廖雪峰

1.字符串:多实行字符串,模板字符串

2.对象:

中括号运算符总是能够替代点运算符。但点运算符却无自然能尽替中括号运算符。
中括号运算符可以据此字符串变量的情节作属性名。点运算符不克。

var test={aa:12,bb:34};//或者var test={};

var cc= “acqId”

test[cc]=12;

test[“cc”]=13;

console.log(test[cc]);//13

console.log(test[“cc”]);//12

console.log(test[aa]);//报错
中括号运算符可以就此纯数字呢属性名。点运算符不克。
中括号运算符可以为此js的显要字与保留字作为属性名。点运算符不克。

 

要是我们只要检测xiaoming是不是具某平等性质,可以就此in操作符:

‘name’`**in** xiaoming; // `true

而假如小心,如果in判定一个属性是,这个特性不自然是xiaoming的,它恐怕是xiaoming继续取得的:

‘toString’`**in** xiaoming; // `true

因为toString定义在object目标被,而拥有目标最终还见面当原型链上指向object,所以xiaoming也拥有toString属性。

苟一口咬定一个性能是否是xiaoming自我兼备的,而不是继往开来取得的,可以为此hasOwnProperty()方法:

xiaoming.hasOwnProperty(‘name’);//true

for…in 言用于遍历数组或者目标的特性

 

8-8

3.ES6新类型Map和Set

初始化Map需要一个二维数组,或者直接初始化一个空Map。Map具有以下方式:

var m = new Map(); // 空Map

m.set(‘Adam’, 67); // 补给加新的key-value

m.set(‘Bob’, 59);

m.has(‘Adam’); // 是不是是key ‘Adam’: true

m.get(‘Adam’); // 67

m.delete(‘Adam’); // 删除key ‘Adam’

m.get(‘Adam’); // undefined

var m = new Map([[‘Michael’, 95], [‘Bob’, 75], [‘Tracy’,
85]]);

不同于object的是JavaScript的靶子来个小问题,就是键必须是字符串。但其实Number或者其他数据类型作为键也是不行合理的。

Map举凡同等组键值对的结构,具有极快的寻速度。

 

Set

SetMap类,也是一模一样组key的集合,但未存储value。是因为key不克重复,所以,在Set倍受,没有更的key。

设创一个Set,需要提供一个Array作为输入,或者直接开立一个缺损Set

vars1 =newSet();// 空Set

vars2 =newSet([1,2,3]);// 含1, 2, 3

通过add(key)艺术可以补加元素到Set未遭,可以另行添加,但无见面发生作用:

>>> s.add(4)

>>> s

{1,2,3,4}

>>> s.add(4)

>>> s

{1,2,3,4}

通过delete(key)办法可以去元素:

 

ES6正式引入了初的iterable类型,ArrayMapSet都属于iterable类型。

具有iterable型的集合好经过新的for ... of巡回来遍历。

for ... of循环是ES6引入的初的语法

 

君也许会见出问号,for ... of循环和for ... in巡回有哪里区别?

for ... in巡回由于历史遗留问题,它遍历的实际是目标的特性名称。一个Array数组实际上为是一个目标,它的每个元素的目被视为一个性能。

当我们手动于Array靶上加了额外的属性后,for ... in循环将带意想不到的意料之外效果:

for ... of循环则一心修复了这些题目,它仅仅循环集合本身的因素:

 

立就是为何要引入新的for ... of循环。

可,更好之方法是直接利用iterable内置的forEach措施,它接受一个函数,每次迭代就是自行回调该函数。以Array为例:

vara = [‘A’,‘B’,‘C’];

a.forEach(function (element, index, array) {“

// element: 对当前因素的值

// index: 本着当前目录

// array: 指向Array对象自我

alert(element);

});

SetArray类似,但Set从不索引,因此回调函数的前少单参数都是素本身

 

  1. 函数

 

①作用域

名字空间

全局变量会绑定到window齐,不同之JavaScript文件要运用了同样的全局变量,或者定义了同一名字的顶层函数,都见面招致命名冲突,并且十分为难给察觉。

缩减冲的一个措施是将自己的有变量和函数全部绑定到一个全局变量中。例如:

// 唯的全局变量MYAPP:

varMYAPP = {};

// 任何变量:

MYAPP.name
=
‘myapp’;

MYAPP.version
=
1.0;

// 任何函数:

MYAPP.foo
=
function () {“

`**return** 'foo';`

};

拿温馨之代码全部放入唯一的名空间MYAPP倍受,会大大减少全局变量冲突的或许。

成千上万红的JavaScript库都是这样干的:jQuery,YUI,underscore等等。

 

②变量

由于varlet发明的是变量,如果假定说明一个常量,在ES6之前是可怜的,我们平常用全大写的变量来代表“这是一个常量,不要涂改其的值”:

varPI =3.14;

ES6业内引入了初的主要字const来定义常量,constlet还独具块级作用域:

‘use strict’;

constPI =3.14;

PI
=
3;// 好几浏览器不报错,但是无效果!

PI;// 3.14

⑤靶方法的this

倘因为目标的点子形式调用,比如xiaoming.age(),该函数的this本着于调用的对象,也就是是xiaoming,这是顺应我们预料的。

如果单独调用函数,比如getAge(),此时,该函数的this本着全局对象,也便是window

坑爹啊!

重复坑爹的凡,如果这么写:

var fn = xiaoming.age; // 先拿到xiaoming的age函数

fn(); // NaN

也是充分的!要保this针对是,必须用obj.xxx()的形式调用!

 

微时候,喜欢重构的你拿措施重构了一下:

‘use strict’;

varxiaoming = {

name:‘小明’,

birth:1990,

age:function () {“

function getAgeFromBirth() {“

`**var** y = **new** Date().getFullYear();`

`**return** y – **this**.birth;`

}

`**return** getAgeFromBirth();`

}

};

xiaoming.age();// Uncaught TypeError: Cannot read property ‘birth’
of undefined

结果同时报错了!原因是this指南针只当age计的函数内对xiaoming,在函数内部定义的函数,this又指向undefined了!(在非strict模式下,它再也对全局对象window!)

修补的艺术吗不是未曾,我们因此一个that变量首先捕获this

‘use strict’;

varxiaoming = {

name:‘小明’,

birth:1990,

age:function () {“

`**var** that = **this**; `//
每当方中一开始便破获this

function getAgeFromBirth() {“

`**var** y = **new** Date().getFullYear();`

`**return** y – that.birth; `// 用that而不是this

}

`**return** getAgeFromBirth();`

}

};

xiaoming.age();// 25

var that = this;,你虽得放心地于措施中定义其他函数,而未是拿具有语句都堆放到一个计中。

 

装饰器

利用apply(),我们尚足以动态改变函数的行。

JavaScript的享有目标还是动态的,即使搭的函数,我们呢得以还对新的函数。

本若我们想统计一下代码一共调用了多少次parseInt(),可以管持有的调用都找出来,然后手动加上count += 1,不过这样做顶愚笨了。最佳方案是用我们和好的函数替换掉默认的parseInt()

varcount =0;

varoldParseInt = parseInt;// 保留原函数

window.parseInt =function () {“

count +=1;

`**return** oldParseInt.apply(null, arguments); `//
调用原函数

};

// 测试:

parseInt(’10’);

parseInt(’20’);

parseInt(’30’);

count;// 3

 

⑥大阶函数(参数里来函数的函数比如array.map)

Array.reduce

苟我们后续改善这个事例,想方法把一个字符串13579先变成Array——[1, 3, 5, 7, 9],再利用reduce()即足以形容起一个管字符串转换为Number的函数。

牵连到的问题是:将字符串变成数字之隐式转换(符号)

‘use strict’;

var arr = [‘1’, ‘2’, ‘3’];

var r;

r = arr.map(parseInt);

[1, NaN, NaN]

出于map()接收的回调函数可以生出3独参数:callback(currentValue, index,
array),通常咱们才得首先个参数,而忽视了传播的后两只参数。不幸之凡,parseInt(string,
radix)没有忽视第二个参数,导致实际执行之函数分别是:

parseInt(‘0’, 0); // 0, 按十进制转换

parseInt(‘1’, 1); // NaN, 没有一样进制

parseInt(‘2’, 2); // NaN, 按二进制转换不同意出现2

可转移也r = arr.map(Number);,因为Number(value)函数仅收到一个参数。

 

Filter()

Arrayfilter()呢接到一个函数。和map()差的凡,filter()拿传播的函数依次作用被每个元素,然后因返回值是true还是false控制封存还是丢该因素。

得用来多次组去再

 

箭头函数对this的熏陶

this

箭头函数看上去是匿名函数的同样种简写,但实质上,箭头函数和匿名函数有只家喻户晓的区分:箭头函数内部的this举凡词法作用域,由上下文确定。

追思前的事例,由于JavaScript函数对this绑定的错误处理,下面的例证无法取预期结果:

varobj = {

birth:1990,

getAge:function () {“

`**var** b = **this**.birth; `// 1990

`**var** fn = `function () {“

`**return** **new** Date().getFullYear() – **this**.birth; `//
this指向window或undefined

};

`**return** fn();`

}

};

今昔,箭头函数完全修复了this的指向,this连日来指为词法作用域,也便是外围调用者obj

varobj = {

birth:1990,

getAge:function () {“

`**var** b = **this**.birth; `// 1990

`**var** fn = () => **new** Date().getFullYear() – **this**.birth; `//
this指向obj对象

`**return** fn();`

}

};

obj.getAge();// 25

要运用箭头函数,以前的那种hack写法:

varthat =this;

即便不再需要了。

由于this于箭头函数中一度以词法作用域绑定了,所以,用call()或者apply()调用箭头函数时,无法对this进行绑定,即传入的首先单参数为忽视:

varobj = {

birth:1990,

getAge:function (year) {“

`**var** b = **this**.birth; `// 1990

`**var** fn = (y) => y – **this**.birth; `//
this.birth仍是1990

`**return** fn.call({birth:2000}, year);`

}

};

obj.getAge(2015);// 25

 

Generator

generator(生成器)是ES6规范引入的初的数据类型。一个generator看上去像一个函数,但足回来多次。

 

正规对象

小结一下,有诸如此类几漫漫规则需要遵守:

1.并非以new Number()new Boolean()new String()开创包装对象;

2.用parseInt()parseFloat()来转换任意档次及number

3.用String()来换任意档次及string,或者直接调用某个对象的toString()方法;

4.家常不必把自由类型转换为boolean更判断,因为可以直接写if (myVar) {...}

5.typeof操作符可以看清出numberbooleanstringfunctionundefined

6.判断Array要使用Array.isArray(arr)

7.判断null请使用myVar === null

8.判定有全局变量是否留存用typeof window.myVar === 'undefined'

9.函数里判断有变量是否在用typeof myVar === 'undefined'

10.终极有密切之同窗指出,任何对象还出toString()方法吗?nullundefined就是从来不!确实这样,这半单非常值如果除,虽然null还作成了object类型。

更周密之同学指出,number目标调用toString()报SyntaxError:

123.toString();//SyntaxError“

逢这种场面,要非常处理一下:

123..toString();//`'123', `注意是两个点!

(123).toString();//‘123’“

决不问怎么,这就是是JavaScript代码的意趣!

 

JSON

序列化

JSON.stringify(xiaoming, null, ‘  ‘);

倘若我们尚惦记要标准控制什么序列化小明,可以被xiaoming概念一个toJSON()的措施,直接返回JSON应该序列化的数额

反序列化

用到一个JSON格式的字符串,我们直接用JSON.parse()拿它们化一个JavaScript对象

 

 

插一句子:CSS 动画实战:创建一个佳绩的加载动画

http://svgtrick.com/tricks/7ecdbe287454e03bcbe6d36c3ee584bc

 

8-9

  1. 知识点总结

https://github.com/BearD01001/front-end-QA-to-interview#new%E6%93%8D%E4%BD%9C%E7%AC%A6%E5%85%B7%E4%BD%93%E5%B9%B2%E4%BA%86%E4%BB%80%E4%B9%88%E5%91%A2

  1. New关键字之长河

以new关键字调用函数(new ClassA(…))的具体步骤:

  1. 缔造空对象;
      var obj = {};

2.
设置新对象的constructor属性为构造函数的称谓,装新对象的__proto__属性指向构造函数的prototype对象;   obj.__proto__ = ClassA.prototype;

  1. 利用新目标调用函数,函数中之this被指向新实例对象:
      ClassA.call(obj);  //{}.构造函数();    

纵使是obj执行同一整个构造函数,把性能什么的经this.xx =xx;给obj。      

  1. 拿初始化完毕的初目标地址,保存到相当号左边的变量中

 

并且注意,调用构造函数千万不要忘记写new。为了区别普通函数和构造函数,按照预约,构造函数首字母应当大写,而普通函数首字母应当小写,这样,一些语法检查工具而jslint以得以助您检测及漏写的new

 

小心:若构造函数中归this或返回值是主导项目(number、string、boolean、null、undefined)的值,则赶回新实例对象;若返回值是引用类型的价,则实在返回值为者引用类型。

 

关于prototype和__proto__的关系

摘自JS高级:

 

我们创建的每个函数都发出一个prototype属性,这个特性是一个指南针,指向一个对象,而者目标的用途是富含可以由特定类型的持有实例共享的习性和方式。

Constructor(构造函数)属性包含的凡一个对准prototype所在函数的指针,通过者构造函数可以连续为原型对象上加计以及特性。

        
而当调用构造函数创建一个实例之后,该实例将富含一个指针叫做[prototype],也就是浏览器支持下的__proto__;

 
例如Array.prototype.slice.call();实际上Array就是一个构造函数啦!所以用的是prototype。

 

3.class继承

咱先行想起用函数实现Student的方法:

function Student(name) {“

`**this**.name = name;`

}

Student.prototype.hello
=
function () {“

alert(‘Hello, ‘+this.name +‘!’);

}

使就此新的class最主要字来修Student,可以这么勾画:

classStudent {

constructor(name) {

`**this**.name = name;`

}

hello() {

alert(‘Hello, ‘+this.name +‘!’);

}

}

末尾,创建一个Student对象代码和前面章节完全等同:

varxiaoming =newStudent(‘小明’);

xiaoming.hello();

class继承

class概念对象的别一个宏伟的裨益是累又便宜了。想同一思念我们打Student派生一个PrimaryStudent消编制的代码量。现在,原型继承的中级对象,原型对象的构造函数等等都无欲考虑了,直接通过extends来实现:

classPrimaryStudentextendsStudent {

constructor(name, grade) {

`**super**(name); `// 记忆用super调用父类的构造方法!

`**this**.grade = grade;`

}

myGrade() {

alert(‘I am at grade ‘+this.grade);

}

}

注意PrimaryStudent的概念也是class关键字贯彻的,而extends尽管如此意味原型链对象来Student。子类的构造函数可能会见与父类不太一样,例如,PrimaryStudent需要namegrade点滴个参数,并且需要经过super(name)来调用父类的构造函数,否则父类的name性能无法正常初始化。

PrimaryStudent就自行获取了父类Studenthello法,我们还要于子类中定义了初的myGrade方法。

ES6引入的class及原的JavaScript原型继承来啊界别为?实际上它没有其他区别,class的企图就是是为JavaScript引擎去实现原需要我们协调编辑的原型链代码。简而言之,用class的补就大幅度地简化了原型链代码。

 

练习

 

请利用class重新定义Cat,并于她起已有些Animal此起彼伏,然后新增一个方式say(),返回字符串'Hello, xxx!'

class Animal {

    constructor(name) {

        this.name = name;

    }

}

class Cat extends Animal{

     constructor(name){

          super(name);

}

 

    say(){

       return `Hello, ${this.name}!`

}

}

var kitty = new Cat(‘Kitty’);

 

4.浏览器对象

window

navigator

screen

location

document

history

location.href是一个特性,要这么使:
location.href=’http://www.example.com’而location.assign(‘http://www.example.com’)就location.href=’http://www.example.com’至于location.replace(‘http://www.example.com’)与前双方的别是,在replace从此,浏览历史便被清空了(href与assign方法会起历史记录)。

 

5.操作DOM

出于HTML文档被浏览器解析后即便是平等蔸DOM树,要反HTML的布局,就需经JavaScript来操作DOM。

 

以操作一个DOM节点前,我们用通过各种措施先期将到是DOM节点。最常用的法子是document.getElementById()document.getElementsByTagName(),以及CSS选择器document.getElementsByClassName()

 

老二种植艺术是运用querySelector()querySelectorAll(),需要了解selector语法,然后用规范来得到节点,更加方便.

 

适度从紧地说道,我们这边的DOM节点是据Element,但是DOM节点实际上是Node,在HTML中,Node包括ElementCommentCDATA_SECTION等于众多栽,以及根节点Document项目,但是,绝大多数早晚咱们仅仅关注Element,也就算是实际上决定页面结构的Node,其他种类的Node忽视即可。根节点Document都自行绑定为全局变量document

 

6.更新DOM

同等种是改innerHTML性,
第二栽是修改innerTexttextContent属性,这样好活动对字符串进行HTML编码,保证无法设置任何HTML标签

 

改CSS也是经常需要之操作。DOM节点的style性能对应所有的CSS,可以一直沾或设置。因为CSS允许font-size这么的称呼,但其并非JavaScript有效的属于性名,所以待以JavaScript中改写为驼峰式命名fontSize

//
``获取
<p id=”p-id”>...</p>“

var
p = document.getElementById('p-id');

//
``设置CSS:

p.style.color
= '#ff0000';

p.style.fontSize
= '20px';

p.style.paddingTop
= '2em';

  1. 插入DOM

出零星只方式可以插入新的节点。一个凡是下appendChild,把一个子节点添加到父节点的最终一个子节点。

 

若我们若拿子节点插入到指定的位置怎么收拾?可以使parentElement.insertBefore(newElement, referenceElement);,子节点会插入到referenceElement之前。

 

  1. 删除DOM

苟删减一个节点,首先要收获该节点本身和她的父节点,然后,调用父节点的removeChild管自己删掉:

// 将到得删除节点:

var`**self** = document.getElementById('to-be-removed');`

// 以到父节点:

var`**parent** = **self**.parentElement;`

// 删除:

varremoved =parent.removeChild(self);

removed
===
self;// true

专注到删除后底节点虽然非以文档树中了,但实际上它们还在内存中,可以天天再次为补充加到别的位置。

 

 

MDN- ChildNode.remove()

ChildNode.remove() 方法把由它所属之DOM树被去除对象。

<div id=”div-01″>Here
is div-01
</div>“

<div id=”div-02″>Here
is div-02
</div>“

<div id=”div-03″>Here
is div-03
</div>

varel=document.getElementById(‘div-01’);“

el.nextElementSibling.remove();“

// id 也 ‘div-02’ 的 div 被删掉了

 

8-10

  1. 操作表单

 

付给表单

 

注意到idmd5-password<input>标记了name="password",而用户输入的idinput-password<input>没有name属性。没有name属性的<input>的数量不会见叫交付。

 

  1. 操作文件

每当HTML表单中,可以上传文件之唯一控件便是<input type=”file”>。

注意:当一个表单包含<input
type=”file”>时,表单的enctype必须指定为multipart/form-data,method必须指定为post,浏览器才能够正确编码并以multipart/form-data格式发送表单的多寡。

鉴于安全考虑,浏览器就同意用户点击<input
type=”file”>来摘取本地文件,用JavaScript对<input
type=”file”>的value赋值是没外作用的。当用户选择了上传某个文件后,JavaScript也无能为力取得该公文之真路径:

File API

由于JavaScript对用户上传的文本操作特别有限,尤其是无能为力读取文件内容,使得森消操作文件的网页不得不为此Flash这样的老三正插件来实现。

随着HTML5的推广,新增的File
API允许JavaScript读博文件内容,获得重新多之文书信息。

HTML5的File
API
提供了FileFileReader区区独根本目标,可以得到文件信息并读取文件。

下的事例演示了哪些读取用户挑选的图片文件,并以一个<div>遭预览图像

  1. 自己评价

推荐语:本人本科期间是数学专业的,由于针对计算机编程的钟爱,研究生转向计算机系,两年岁月之色支出经历,使得自己的编程能力来矣酷充分之增高。技术方面熟练掌握数据结构、操作系统、计算机网络;并针对性基本算法和常用设计模式有比好的掌握。熟练掌握Java语言及其高级特性,包括集合、I/O流、反射、多线程并发;并针对性JVM基本原理有早晚之刺探。熟练掌握JavaWeb技术,包括JSP、JavaScript、Servlet、Session、Filter、Listener、JDBC等技能。熟悉MVC开发模式及SSH、MyBatis、SpringMVC等JavaEE主流开发框架;具有JavaWeb和.NET开发经历;并对准Lucene、JBPM、WebService、Nginx有必然的询问。熟练使用SQL
Server、MySql数据库,熟悉数据库事务特性与数据库连接池;了解MySQL数据库的优化;并对准Redis有一定之了解。了解Linux常见操作命令,Maven项目构建和着力的分布式开发原理。此外,在本科和研究生期间,成绩出色,积极到校内校外实践活动,并多坏拿走奖学金,其中校级奖学金两差,研究生学业奖学金两差。语言方面通过CET-4和CET-6,具备阅读英文文献和着力的联系能力。在结业到之际,希望团结能够来时机和漂亮之严正员工一起上学提高,共同创造下一个了不起之秋!

 

  1. VUE的学习

 

声明式渲染

 

Vue.js 的主导是一个同意使用简单的模版语法来声明式的将数据渲染进 DOM:

<div id="app-2">

  <span v-bind:title="message">

    鼠标悬停几秒钟查看此处动态绑定的提示信息!

  </span>

</div>

 

var app2 = new Vue({

  el: ‘#app-2’,

  data: {

    message: ‘页面加载于 ‘ + new Date()

  }

})

鼠标悬停几秒钟查看此动态绑定的提示信息!

这边我们遇到点新物。你看看的 v-bind 属性被喻为指令。指令带有前缀 v-,以代表其是
Vue 提供的特殊性质。可能您既蒙到了,它们会于渲染之 DOM
上应用非常的响应式行为。简言之,这里该令的图是:“将此因素节点的 title 属性和
Vue 实例的 message 属性保持一致”。

 

8-11

1.react的extends语法(MDN)

使用 extends

第一独例子是根据名也 Polygon ``类始建一个号称也Square``的类。 你可以从实战演示总的来看这例子。

class`Square extends Polygon `{“

`constructor(length) `{“

// 这里将length传参给父类的构造方法“

// 作为父类Polygon的财大气粗和赛“

`super(length,
length`);“

// 备注:在衍生类中使this前须事先调用super()方法“

// 忽视这同一碰用见面导致一个援错误“

`this.name
= `’Square’;“

}“

`get area() `{“

`return this.height
\* this.width`;“

}“

`set area(value) `{“

`this.area
= value`;“

`} `

}

 

Getter/Setter访问器属性

get 语法将一个目标属性绑定到查询该属性时将给调用的一个函数上。

语法E

{get prop() { … } }

{get [expression]() { … } }

 

super 关键字用于调用一个对象的阿爸对象及之函数。

super.prop 和 super[expr] 表达式在类 和 目标字面量 任何 艺术定义 中还是实用之。

语法

super([arguments]);

// 调用 父对象/父类 的构造函数

super.functionOnParent([arguments]);

// 调用 父对象/父类 上的主意

 

  1. 滚动条样式

http://blog.csdn.net/hanshileiai/article/details/40398177

当装了-webkit-scrollbar属性的上,即使只有设置了width,也会见如滚动条变透明。

为此只需要如下两长条就足以来非常漂亮的滚动条

#mobile-body-content::-webkit-scrollbar{width:8px}

#mobile-body-content::-webkit-scrollbar-thumb{background-color:#bdf4eb;-webkit-border-radius:4px;border-radius:4px}

 

4:通过以装元素的top和bottom,确定因素的可观。

 

5:如何让 height:100%; 起作用

http://www.webhek.com/post/css-100-percent-height.html

倘若想吃一个元素的百分比高度height: 100%;自从作用,你得吃这元素的所有父元素的莫大设定一个有效值。

 

 

6:定宽元素居中方法2

{position:absolute;

left:50%;

width:300px;

margin-left:150px;}

 

7:利用伪元素::before或::after产生阴影

#mobile-body-bg:before {

position: relative;

width: 100%;

  height: 25px;

  background: linear-gradient(rgba(34,195,170,0.1) 0, transparent);}

 

8.CSS动画

transform-origin设置旋转元素的主心骨位置

 

animation: msgBounceIn .4s;

animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)

 

@keyframes msgBounceIn{

from{transform:scale(0)}                    //from相当于0%,to相当于100%

40%{transform:scale(1.03)}

75%{transform:scale(0.98)}

to{transform:scale(1)}

}

 

补充一个:transition 属性 

width:100px;

transition: width 2s;

 

8-13

1.git文件及污染

http://www.cnblogs.com/cxk1995/p/5800196.html

本地文件更新服务器

http://blog.csdn.net/u014724048/article/details/54408994

服务器覆盖本地

http://blog.csdn.net/zzclqy/article/details/52743810

  1. 使原来是

transform: translateY(100%);

transition-duration: .3s;

transition-property: transform;

然后

background-color:rgba(0,0,0,0.5);

border-radius:20px;opacity:1;-webkit-transition:opacity
.3s;transition:opacity .3s

transform:translateY(0)

就对话框的见!

  1. 本着话框关闭的X用::before和::after

.close-btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 20px;

    padding: 12px 18px;

}

 

.close-btn:before {

    top: 10px;

    -webkit-transform: rotateZ(45deg);

    -ms-transform: rotate(45deg);

    transform: rotateZ(45deg);

}

 

 

.close-btn:after {

    -webkit-transform: rotateZ(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotateZ(-45deg);

}

 

.close-btn:before, .close-btn:after {

    content: ”;

    display: block;

    width: 16px;

    height: 2px;

    position: relative;

    top: 8px;

    background-color: #ddd;

}

  1. 针对话框出来时,底层变暗的效应(类似模态框)

#mobile.has-prompt #prompt-bg{

    position:absolute;

    top:0;

    z-index:50;

    display:block;

    width:100%;

    height:100%;

    background-color:rgba(0,0,0,0.5);

    -webkit-border-radius:20px;

    border-radius:20px;opacity:1;-webkit-transition:opacity
.3s;transition:opacity .3s

}

 

5:右边对话框浮动的破方法

.msg-row::before, .msg-row::after {

    content: ” “;

    display: table;

}

 

.msg-row::after {

    clear: both;

}

 

6.为什么 .clear :after 和 :before 的 display 属性要定义也 table?

.cf:after,.cf:before {content: ” “; display: table;} .cf:after {clear:
both;} :before是为table类型能生成单身的bfc,防止上边距塌陷,
:after负责清除浮动,防止父级高度塌陷;配合下,代码少,效率高。

单独是理解父级高度塌陷的代码通过测试只有待

.main::after{

    clear: both;

}

.main::after {

    content: ” “;

    display: table;

}

尽管好得,原理就是利用伪元素清除浮动

 

8-15

  1. 组件化
  2. 回调完成各种功能
  3. 动用数组+1+1这样就对话?
  4. 胡react的组件要super(props)
    1. 调用super的由:在ES6受,在子类的constructor受务必先行调用super才能够引用this ``(经测试,不调用``super``会报错);
    2. super(props)的目的:在constructor遭得以采用this.props
    3. 最后,可以看下React文档,里面有同段

Class components should always call the base constructor with props.

下我的事例,constructor的标配就是super(props);会活动传入组件的props;  

constructor(props) {

                   super(props);

                   this.state = {

                            replyarr:[“hehe”]

                   };

         }

除非当不需consructor的当儿可以简写如下

class Welcome extends React.Component {

  render() {

    return <h1>Hello, {this.props.name}</h1>;

  }

}

5.官方实例

class Clock extends React.Component {

  constructor(props) {

    super(props);

    this.state = {date: new Date()};

  }

 

  componentDidMount() {

    this.timerID = setInterval(

      () => this.tick(),

      1000

    );

  }

 

  componentWillUnmount() {

    clearInterval(this.timerID);

  }

 

  tick() {

    this.setState({

      date: new Date()

    });

  }

 

  render() {

    return (

      <div>

        <h1>Hello, world!</h1>

        <h2>It is
{this.state.date.toLocaleTimeString()}.</h2>

      </div>

    );

  }

}

 

ReactDOM.render(

  <Clock />,

  document.getElementById(‘root’)

);

 

  1. 改状态

①   this.setState({comment: ‘Hello’});

②   当state更新得用之前的价时,要采用函数进行创新

Because this.props and this.state may be updated asynchronously, you
should not rely on their values for calculating the next state.

For example, this code may fail to update the counter:

// Wrong“

this.setState({“

`counter: this.state.counter + `this.props.increment,“

});“

To fix it, use a second form of setState() that accepts a function
rather than an object. That function will receive the previous state as
the first argument, and the props at the time the update is applied as
the second argument:

// Correct“

this.setState((prevState,`props) =&gt; `({“

`counter: prevState.counter + `props.increment“

}));

更新state数组写法平:

this.setState((prevState, props) => ({

                  counter: prevState.replyarr.push(“一只羊”)

           }));

写法二:

this.state.replyarr.push(“一只羊”);

           this.setState({

                    replyarr:this.state.replyarr

           });

  1. onClick={this.reply1.bind(this)}

react里面这种写法很多,如果无长bind(this)那么当reply1
里面调用this结果是null?

 

①如果你的点击事件触发的办法里待引用this。就得绑定啊。不然你的this是null(记得要没有绑定this应该是全局window。但这里this
就是null,撸完手上的求去看一下react源码 )所以

1.公还是以创造的当儿绑定:

<div className=”save”
onClick={this.handleClick.bind(this)}>Save</div>

2.要以一如既往始发构造器里声称绑定

constructor(props){

  super(props);

  this.handleClick=this.handleClick.bind(this)

3.还来同样种植是动闭包把作用域包起来

<div className=”save”
onClick={()=>this.handleClick}>Save</div>

只要因此第一种植 会在每次点击时经过bind创建一个初的法子,所以一般用2 3
两栽状态,显示调用bind()只是为着保险this值。

作者:空腹熊
链接:https://www.zhihu.com/question/50572127/answer/144757646

*创建绑定函数  bind() 太简便的用法是开创一个函数,使这函数不论怎么调用都起同一的this值。[JavaScript](http://lib.csdn.net/base/javascript)新手经常犯之一个荒谬是拿一个艺术从目标中拿出去,然后重新调用,希望方法吃的this举凡原先的对象。(比如当回调中盛传这个主意。)如果非做特处理的话,一般会掉原来的目标。从原来的函数和原先的目标创建一个绑定函数,则会充分了不起地解决这个题目:*

this.x =9;

varmodule = {

x:81,

getX:function() {`return this.x; }`

};

module.getX();// 返回 81“

varretrieveX = module.getX;

retrieveX();// 返回 9, 在这种景象下,”this”指向全局作用域“

// 创建一个新函数,将”this”绑定到module对象“

// 新手或会见于全局的x变量和module里的属性x所迷惑“

varboundGetX = retrieveX.bind(module);

boundGetX();// 返回 81

结这里的事例进行明白,React构造方法中之bind即将handleClick函数与是组件Component进行绑定以保证于这个处理函数中运用this时可以随时指于这同样组件

 

  1. 7.       JQUERY对象转DOM对象

鲜栽易方式以一个jQuery对象转换成DOM对象:[index]和.get(index);

(1)jQuery对象是一个数目对象,可以经[index]的点子,来博相应的DOM对象。

如:

 

 

var $v =$("#v") ; //jQuery对象

var v=$v[0]; //DOM对象

alert(v.checked) //检测这个checkbox是否被选中

(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象

 

  1. 8.       吃滚动条保障以最为底部

$('#content').scrollTop( $('#content')[0].scrollHeight );

`一发端出错的缘故是REACT情渲染前纵装了惊人,渲染后不曾还设置,因此写于componentDidUpdate函数里面,在state更改后自动调用!“`

componentDidUpdate(prevProps,
prevState) {

var contentSH =
$("#mobile-body-content")[0].scrollHeight;

var contentCH =
$("#mobile-body-content")[0].clientHeight;

var scrollTopValue = contentSH - contentCH;

$("#mobile-body-content").scrollTop(scrollTopValue);

}

9. 同滚动栏适配的速条

//与滚动栏适配的快慢长达
(function() {
var $w = $(window);
var $prog2 = $(‘.bottombar’);
var wh = $w.height();
var h = $(‘body’).height();
var sHeight = h – wh;
$w.on(‘scroll’, function() {
window.requestAnimationFrame(function(){
//scrollTop()是滚了小,sHeight是可以滚粗
var perc = Math.max(0, Math.min(1, $w.scrollTop() / sHeight));
updateProgress(perc);
});
});

function updateProgress(perc) {
$prog2.css({width: perc * 100 + ‘%’});
}

}());

10.

$(window).height(); //浏览器当前窗口可看到区域高度

 $(document).height(); //浏览器当前窗口文档的可观

 $(document.body).height();//浏览器当前窗口文档body的高度

 $(document.body).outerHeight(true);//浏览器当前窗口文档body的总高度
包括border padding margin 

$(window).width(); //浏览器当前窗口可看区域涨幅

 $(document).width();//浏览器当前窗口文档对象宽度 

$(document.body).width();//浏览器当前窗口文档body的可观 

$(document.body).outerWi      
dth(true);//浏览器当前窗口文档body的总增长率 包

 

11.①Jquery中间的{}?——$().css设置多独特性时就是这般形容

②各种高度与鼠标位置

网页可见区域方便: document.body.clientWidth 
网页可见区域大: document.body.clientHeight 
网页可见区域方便: document.body.offsetWidth (包括边线的丰饶) 
网页可见区域大: document.body.offsetHeight (包括边线的胜) 
网页正文全文宽: document.body.scrollWidth 
网页正文全文高: document.body.scrollHeight 
网页为卷去的大: document.body.scrollTop 
网页为卷去之错: document.body.scrollLeft 
网页正文部分达到: window.screenTop 
网页正文部分左: window.screenLeft 
屏幕分辨率的高: window.screen.height 
屏幕分辨率的富裕: window.screen.width 
屏幕可用工作区高度: window.screen.availHeight 
屏幕可用工作区宽度: window.screen.availWidth 

③    生命周期函数

④    缓慢滑动到对象位置

http://www.daixiaorui.com/read/92.html

Jquery的offset()可以赢得元素的职,从而稳定及元素所在处

⑤    同步和异步的定义

http://blog.csdn.net/u013063153/article/details/52457307

异步代码会被放入一个事件队列,等到有其他代码执行后才开展,而未见面死线程。

javascript最基础的异步函数是setTimeout和setInterval。setTimeout会在肯定时间晚行给定的函数。它接受一个回调函数作为第一参数与一个毫秒时间作为第二参数。

12.JS之单线程和异步机制

https://www.zhihu.com/question/19732473

争理解阻塞非阻塞与同异步的别?

http://www.cnblogs.com/sxz2008/p/6513619.html

JavaScript单线程和异步机制

虽然JavaScript是单线程的,可是浏览器中未是单线程的。你的片I/O操作、定时器的计时与波监听(click,
keydown…)等还是由于浏览器提供的任何线程来形成的。

倘想使基本上线程处理部分耗时较丰富之任务,可以采取HTML5提出的Web Worker。

 

8-16

明日修改样式往github上面架一下

 

8-17

  1. JS中的波绑定,事件捕获,事件冒泡以及事件委托,兼容IE

http://www.cnblogs.com/zhangmingze/p/4864367.html

  1. background-image
  2. https://sologgfun.github.io/
  3. 作者:Try
    链接:https://www.nowcoder.com/discuss/19662?type=2&order=3&pos=21&page=1
    来源:牛客网

此前都是于牛客看别人的面经,面试更啊的,这次该换我来形容了,

实习:

校招:

7.20发端投简历

蚂蚁金服UED

一面:55分钟

1.如何给各种场面下之div居中(绝对定位的div,垂直居中,水平居中)

  1. display有怎样值?说明她们之企图

None,block,inline-block,table,cell

  1. requirejs实现原理

基本原理是动态生成script标签,比如requirejs,seajs。还有一对是ajax请求js代码,然后eval执行之。另外可以关心一下MT.手机腾讯网,基于localstorage来做到路字符级别的增量更新

  1. requirejs怎么防止再加载

7.ES6里头的箭头函数的this对象与另外的生何区别

8.tcp/udp区别

http://www.cnblogs.com/bizhu/archive/2012/05/12/2497493.html

小结TCP与UDP的区别:
1.基于连接和任连接;
2.对网资源的要求(TCP较多,UDP少);
3.UDP程序结构较简单;
4.流模式与数报模式 ;
5.TCP保证数据正确性,UDP可能丢包,TCP保证数据顺序,UDP不包。

  1. tcp三蹩脚握手过程

TCP三涂鸦握手过程
1 主机A通过奔长机B 发送一个含同步序列号的标志位的数目段被主机B
,向长机B 请求建立连接,通过之数据段,
主机A告诉主机B
两件事:我思念只要跟而通信;你可用谁序列号作为开局数据段来回应我.
2 主机B
收到主机A的呼吁后,用一个带有确认对(ACK)和同步序列号(SYN)标志位之数据段响应主机A,也报告主机A两宗事:
自己就接你的乞求了,你可以传输数据了;你若为此啊佧序列号作为开场数据段来回应本人
3 主机A收到这数据段后,再发送一个认可对,确认就接受主机B
的数据段:”我已接纳回复,我本要是开始传输实际多少了
这么3糟握手就到位了,主机A和主机B 就好传输数据了.
3潮握手的风味
没应用层的多寡
SYN这个标志位只有以TCP建产连接时才会叫置1
握手完成后SYN标志位受置0

  1. xss与csrf的原理及怎么防止

http://blog.csdn.net/koastal/article/details/52905358

①XSS概念之主语是“脚本”,是如出一辙栽过站实行之本子,也便是JavaScript剧本,指的是于网站上渐我们的javascript本子,执行非法操作。 
CSRF定义之主语是”请求“,是一致种跨站的仿冒之请,指的凡超越站伪造用户的乞求,模拟用户之操作。

②XSS攻击发生的格是得履javascript脚本,一般以站点中终究会生发表文章、留言等消息之表单,这种表单一般是描写副到数据库遭逢,然后在某页面进行展示。我们好以这些表单中一直编写javascript代码(<script>alert("hack
sucess!");</script>
)进行测试,看是不是足以推行。如果当信息显示页面js代码可以实施,XSS攻击就水到渠成了。

CSRF(Cross-site request
forgery跨站请求伪造)是均等种据web浏览器的、被模糊了之代办攻击。CSRF定义之主语是”请求“,是同样种跨站的仿冒之请,指的凡超越站伪造用户之乞求,模拟用户的操作。

 

GET和POST的使用

当web程序的统筹条件达成,GET传递参数的操作,不应该改变程序的内部结构,主要用于查询信息之过滤。对于数据库的双重删改操作,一定要采取POST方式传值。

XSS和CSRF攻击的守

防御XSS攻击可以经过以下简单端操作: 
1,对用户表单输入的数量进行过滤,对javascript代码进行转义,然后再存入数据库; 
2,在信息的来得页面,也要拓展转义,防止javascript在页面上执行。

 

CSRF攻击的守护可以通过以下简单方面操作: 
1,所有需要用户登录后才会实施之操作属于重点操作,这些操作传递参数应该以post方式,更加安全; 

2,为防止跨站请求伪造,我们以某次请求的当儿还如带动达一个csrf_token参数,用于标识请求来源是否合法,csrf_token参数由系统生成,存储在SESSION中。

  1. mysql与 MongoDB的区别

事关项目数据库:最广大应用最普遍的同样近似数据库,建立于关系模型基础及数据模型大致上虽是二维表,一个突出的表征是为此SQL进行操作,能满足大部分要求。常见的MySQL,Oracle,Microsoft
SQL Server等。

MySQL,开源之关联项目数据库,在当代数据库被较典型,能满足你大部分求,毕竟Oracle很昂贵。一般用起来要运行一个MySQL的劳务,然后据此客户端去老是它,比如在Java里要用shell连接127.0.0.1:3306。之后就是好喜地实行SQL语句增删查改了。

事例:比如学生信息保管网,服务器123.123.123.123:306上就此底MySQL,另一个服务器上之Web应用可以连续不断至它,学生基本信息一个表,班级信息一个表。学生的班级id字段是外键连接至班级信息表的班级id。

SQLite,一个可怜细的涉嫌项目数据库,麻雀虽小五脏俱全。(需要长途连服务器上的数据库还是宝宝用MySQL),连接数据库就如是打开个db文件,比如用shell或者编程语言总是到e:\example.db。之后虽足以开心地用SQL语句增删查改了。非常适合嵌入至用中,比如android应用。显然,如果你写的程序访问的数码想存成一个本地文件,你协调计划文件格式存多少好烦不设用此。比如做只片子管理app,内嵌mingpian.db来保存名片。

 

非关系型数据库:由于涉及项目数据库虽然数据结构很严谨专业,有雷同老大堆约束(比如确保每个数据主键唯一啊,存在别的表里的数用外键连接啊等等的),但是当好几时候在不足,比如我于今日开头满怀的数额都比较昨天底多了俩字段,或者今天始每条数据之中放了一个列表,这时候关系项目数据库就不好用了(要么建新表,要么alter旧表,然而改变中存了N多数仍的旧表的构造代价十分死),再依数据以增为主,并且修改一长记下有只字段经常要求老的本子不可知弃。

以满足这些需求,就起了非关系型数据库,也有人称之为NoSQL数据库,放弃一部分事关项目数据库的“严谨”,而支持各种别的特性。常见的发出HBase、MongoDB、Redis等等。   
MongoDB按分类可以算“基于文档的数据库”,里面数据的“长相”参见JSON格式。然而在我看来,很多抬吵着用MongoDB的事态MySQL完全可以胜任。

 

腾讯TST微信(第一次,内推)

一面:50分钟

5.gulp与webpack区别

7.说生而掌握的响应状态码

10.对准nodejs了解小

 

二面:90分钟 (视频面)

率先是个别独编程题 

2.落实一个但拖动的div(要考虑到浏览器兼容性)

http://www.w3school.com.cn/html5/html\_5\_draganddrop.asp

 

 

二面:40分钟

1.遇了怎么浏览器兼容性问题

  1. 解浮动有啊几种植方式,分别说说

http://www.cnblogs.com/Lu-Lu/p/6253714.html

绝强浮动解决帖!

  1. js继承

http://www.cnblogs.com/humin/p/4556820.html

 

三面:90分钟

1.你模仿过数额结构没有,说说您都了解些什么

2.若拟了电脑操作系统没,说说公还询问些什么

3.公拟过计算机组成原理没,说说而都询问些什么

4.而模仿了算法没,说说公都询问些什么

5.说生摘排序,冒泡排序的贯彻思路

复习技术的瞳

7.吃您计划一个前端css框架你怎么开

12.浏览器缓存的分

http://www.techweb.com.cn/network/system/2016-01-05/2252395.shtml

17.js吃上下文是啊

https://segmentfault.com/q/1010000008295253/a-1020000008297388

箭头函数没有自之 thisargumentssupernew.target,
而是通过上溯词法作用域找到最近概念之那个.

var obj = {

foo:() =>`console.log(**this**)`

}

当即段代码里箭头函数里头的 this 指向的是概念了箭头函数的雅执行上下文,
显然即 window.

ES6 箭头函数吃之
this?你可能想多矣(翻译)

http://www.cnblogs.com/vajoy/p/4902935.html

  1. 当有人说“变量所处的上下文”时,实际指“词法环境”,或者我们经常说的作用域,即正式中之Lexical
    Environment。
  2. 当有人说“函数的上下文”时,实际指“函数的尽环境”,即正式被之Execution
    Context。
  3. 当有人说“call、apply和bind会改变函数执行的上下文”时,实际指“函数执行时的this”,即标准被之this
    binding。
  4. 当有人说“你立即段代码要结成上下文才会收看具体意思”时,此处的上下文就是咱们日常生活中说的上下文。

 

21.平凡在路遭到因故到了什么样设计模式,说说看

 

 

美团

  1. 一来给了张纸要求写js自定义事件

http://www.jb51.net/article/83911.htm

https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Creating\_and\_triggering\_events

  1. h5有个api能稳定你懂凡是哪位吧

Geolocation

5.webpack怎样配置

7.link及@import有什么区别

  • link属于html标签,而@import是css提供的。
  • 页面被加载时,link会同时被加载,而@import引用的css会等及页面加载了晚加载。
  • link是html标签,因此没有兼容性,而@import只出IE5以上才能够鉴别。
  • link方式样式的权重高于@import的。

11.发生了道url去参数的书写让当纸上写 

总:题目暂时就先这么多,先将书看罢

 

8-18

  1. 形容个后台程序,时而跑一下验证登录功能

前台是故servlet写得

8-19

  1. 学弟网站,S流,面试题,第二客简历
  2. Font Awesome矢量字体图标

3. Var k; alert(k);

  1. 二叉树资料

http://blog.csdn.net/fansongy/article/details/6798278/

  1. 以Linux上,对于多进程,子进程继续了爸爸进程的下列哪些?

爹爹进程和子进程具有独立的地点空间及PID参数。

6.

‘a’=97
‘A’=65

7.

最为差寻道时间优先算法

8.

微软操作系统(DOS、WINDOWS等)中磁盘文件存储管理的太小单位叫做“簇”
扇区:硬盘不是如出一辙不成读写一个字节而是同样次于读写一个扇区(512独字节)
:系统读读写文件之中心单位,一般为2之n次方个扇区(由文件系统决定)

片好分包多页,页可以涵盖若干簇,簇可以涵盖多扇区

9.

处理器的极度小存储单位是配节Byte,一个字节,
是由八位二进制位组成的,就是这八号数字只是出于“0”和“1”两个数字组合,例如:11111000,00000001,00000101对等,1只英文字母、英文标点、半角数字
在微机是为八号二迈入制数保存 就是一个字节大小,1只字(包括中文标点
全角数字)就是2个字节 (十六员二进制)

1位二迈入制大小就是1bit

10.

DNS知识点

A:DNS就是将域名翻译成IP地址。

B:主要用UDP,但是当请求字节过长超过512字节时用TCP协议,将该分割成多单部分传输。

C:DNS协议默认端口号是53。

D:操作系统的DNS缓存:windows DNS缓存的默认值是
MaxCacheTTL,它的默认值是86400s,也就是是平上。macOS
严格以DNS协议被之TTL。

   
 游览器的DNS缓存:chrome对每个域名会默认缓存60s;IE将DNS缓存30min;Firefox默认缓存时间独自发生1分钟;Safari约为10S。

11.

看二分法实现细节,取中值时:mid=low+((high-low)/2);是取得左中值

12.

线性结构是一个静止数据元素的汇。[1] 

常用的线性结构产生:线性表,栈,队列,双阵,数组,串。

至于广义表,是一律种植非线性的数据结构。

大面积的非线性结构发生:二维数组,多维数组,广义表,树(二叉树等),图。

特征

1.聚众中毫无疑问是唯一的一个”第一独因素”;

2.会合中势必是唯一的一个”最后的元素”;

3.除终极元素外,其它数据元素都产生唯一的”后继”;

4.除首先因素外,其它数据元素都发生唯一的”前驱”。

数据结构中线性结构指的是数额元素中有在“一对一”的线性关系之数据结构。

而(a0,a1,a2,…..,an),a0为率先单元素,an为末段一个元素,此汇聚即为一个线性结构的成团。

相对应于线性结构,非线性结构的逻辑特征是一个结点元素或对诺多独一直前驱和多个后继。

13.

C语言,设有宏定义:

1

2

#define A 4+5

#define B A*A

尽管如此发表式B*B的值为

4+5*4+5*4+5*4+5=69

14.pure

 https://www.purecss.cn/start.html

<meta name=”viewport”
content=”width=device-width,initial-scale=1″>

http://www.cnblogs.com/2050/p/3877280.html

15.CSS媒体询问

CSS 语法

@media mediatype and|not|only (media feature) {
    CSS-Code;
}

您呢足以本着不同的传媒下不同 stylesheets :

<link rel=”stylesheet” media=”mediatype and|not|only (media
feature
)” href=”mystylesheet.css“>

 

@media 媒体类型and (媒体特性){你的体裁}

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

 

8-22

  1. 基于pure的CSS框架
  2. React-native

http://www.jianshu.com/p/b88944250b25

  1. 思路同样:仅后台间隔执行的话,不用到前台的话语无法出示验证码

思路二:

 

8-23

  1. 前端性能优化

https://segmentfault.com/a/1190000000490328#articleHeader4

  1. JSX

 class是js关键字,这里要为此className。对于E选项,在jsx中直接写行内样式时无克使用引号,而是style={{color:’red’}}的艺术

  1. 数组方法

主题需要用数组a=[1,2,3]变成[1,2,3,4],需要转移原数组a。

Array对象常用方法中:

不改变原来数组:

1、 concat()

总是两个或多个数组

无改原先数组

回给连续数组的一个副本


2、join()

把数组中装有因素放入一个字符串

不转移原来数组

回去字符串


3、 slice()

由都部分数组中回到选定的元素

未改变原数组

归来一个新数组


4、 toString()

将数组转为字符串

切莫改原数组

返数组的字符串形式

变更原数组:

5、 pop()

剔除数组最后一个因素,如果数组为空,则无改屡组,返回undefined

更改原数组

回到给删除的要素


6、 push()

朝数组末尾添加一个还是多个因素

改原先数组

返新数组的尺寸


7、 reverse()

颠倒数组中元素的逐条

更改原数组

返回该数组


8、 shift()

管数组的第一单因素删除,若空数组,不开展其它操作,返回undefined

反原来数组

返回第一单要素的值


9、 sort()

针对数组元素进行排序(ascii)

转移原先数组

回该数组


10、 splice()

打数组中丰富/删除项目

反原数组

归来给删去的因素


11、 unshift()

向阳数组的起添加一个还是多单要素

转原数组

归来新数组的长短

A选项,a.reverse()后回回值即数组a变成[3,2,1],再以unshift()方法以数组开添加一个4,a数组就是改为了[4,3,2,1]。注,unshift()返回新数组的长短,此处为4。正确。

B选项,push()方法返回新数组的长,是一个number类型,不是多次组,所以无克更用“.”操作符继续执行reverse()方法。错误。

C选项,正确。

D选项,splice()语法:arrayObject.splice(index,howmany,item1,…..,itemX)。
参数:
index:必需。整数,规定添加/删除项目的岗位,使用负数可由数组结尾处规定岗位。
howmany:必需。要去的档次数目。如果安为 0,则免会见去项目。
item1, …, itemX:可选。向数组添加的新路。
返回值:
Array:包含被删除项目之初数组,如果有的话。

由于a.splice(3,1,4)中的index为3,超过了数组a的下标,所以3后的1也非会见自作用。a.splice(3,1,4)会将4安插入到数组a末尾。但splice()返回值是深受删去项目的新数组,由于a.splice(3,1,4)并无删除元素,所以回来的新数组为空,对空数组reverse()还是空。(如果D选项改成化a.splice(3,1,4);a.reverse()就不易了。)错误。

 

  1. HTTP2.0

https://www.zhihu.com/question/34074946

多路复用

多路复用允许以经过单一的 HTTP/2 连发起多重复之请-响应消息。

显而易见 ,在 HTTP/1.1 协议中
「浏览器客户端在同一时间,针对同一域名下的伸手有自然数额限制。超过限制数量的请会受死」。

好被告添加优先级

服务器主动推送 server push

首部减少:HTTP2的满头会削弱多少,从而减少流量传输

 

  1. position: sticky 

  CSS属性选择用于固定元素的代表规则,被设计吧对台本动画效果有因此。position属性中极有意思的即使是sticky了,设置了sticky的因素,在屏幕范围(viewport)时该因素的职务并无被一定影响(设置是top、left等特性无效),当该因素的岗位将移出偏移范围时,定位同时见面成为fixed,根据设置的left、top等性能改为固定位置的功力

 

我们用实现动态加载一个 JavaScript 资源,但是有几乎处于不掌握哪处理,需要而的拉扯完成就同样码工作

var script = document.createElement(“script”);

var head = document.getElementsByTagName(“head”)[0];

 

script.type = “text/javascript”;

script.src = “//i.alicdn.com/resource.js”;

 

// 绑定资源加载成功事件

script. 1 = function( ){

// 判断资源加载状态是不是也加载成功还是加载成功

if( 2 . test (script. 3  )  ) {

script.onreadystatechange = null;

. . . .

}

};

 

// 绑定资源加载失败事件

script. 4 = function( ) {

. . . .

};

head.insertBefore (script , head.firstChild)

 

(1) onreadystatechange
(2) /^(loaded|complete)$/
(3) readyState
(4) onerror

 

6.

http://www.cnblogs.com/dailc/archive/2016/10/04/5930238.html

  • Native App

虽传统的原生APP开发模式,Android基于Java语言,底层调用Google的
API;iOS基于OC或者Swift语言,底层调用App官方提供的API。体验最后。

  • Web App

不怕移动端的网站,将页面部署在服务器上,然后用户采取各个大浏览器访问。一般泛指
SPA(Single Page Application)模式开发有的网站。体验最好差。

  • Hybrid App

尽管混合开发,由Native通过JSBridge等办法提供合的API,然后据此Html5+JS来写实际的逻辑,调用API,这种模式下,由于Android,iOS的API一般生一致性,而且最后的页面吗是于webview中显示,所有有跨越平台效应

  • React Native App

Facebook发起的开源之一致学新的APP开发方案,使用JS+部分原生语法来落实力量。初次学习成本比较高,但是在入门后,经过精彩的包装也会实现多数底跨平台。而且体验十分好。

对比Hybird和React Native

hybird的起只是为展现,说实话如果没有css,或许hybird这种东西便不见面并发。如果你打算做一个谍报客户端,hybird绝对是未次之挑。而彼此永远是hybird的痛,且不说android局部滚动与ios的各种fixed与input的基情,就到底各种屏幕分辨率的拍卖方案都得恶心的思念呕吐了。

如果rn这种东西,其实您将语言转换成java
oc一样好实现,只不过模块化弱类型动的js写这种事物再舒服而已。由于是因native实现,rn可以避掉我们地方说的装有题目,但是hybird带来的优势呢会大打折扣:
write once,use anywhere降级成了learn once,write
anywhere,当然矣事情逻辑还是得复用的。同样的精锐的css被阉割割掉了无数特性和全方位底层系选择器,展现力没有那强了,但终归还是略胜一筹之。
链接:https://www.zhihu.com/question/38123798/answer/75028325

7.

IndexdDB 是 HTML5 的本土存储,把有数码存储到浏览器(客户端)中,当及网断开时,可以起浏览器中读取数据,用来做一些离线应用。

Cookie 通过当客户端 ( 浏览器 ) 记录信息确定用户身份,最可怜啊 4 kb 。

url 参数用底凡 get 方法,从服务器上获取数据,大小非克超过 2 kb 。

Session 是劳动器端使用的平等种记录客户端状态的体制 。

post 是为服务器传送数据,数据量较充分。

local Storage 也是 HTML5 的当地存储,将数据保存于客户端着。

8.

原型链找不交常,返回的凡undefined而休是null;

  1. 出口对象中值大于2底key的数组

var data = {a: 1, b: 2, c: 3, d: 4};

Object.keys(data).filter(function(x) { return 1 ;})

企输出:[“c”,”d”]

参考答案 
(1) data[x]>2

 

Object.keys(Object)

Array.filter(function)

Object是含有属性与方式的靶子, 可以是创立的对象要现有文档对象模型 (DOM)
对象。

Object.keys(object)的返回值是 一个再三组,其中含对象的不过枚举属性和措施的称。

Array.filter(function)对数组进行过滤返回符合条件的数组。

Object.keys(data)的返回值为数组[“a”,”b”,”c”,”d”],经过 filter(function(x)
{
return ; })过滤,返回值大于2之key的数组。x为回去数组的属性名称即使“a”、”b”、”c”、“d”,则对应之属性值为data[x],比较语句也data[x]>2。

 

10.

.sub{

    width: 100px;

    float: left;

}

.extra{

    width: 200px;

    float: right;

}

.main{

    margin-left: 100px;

    margin-right: 200px;

}

 

.sub, .extra {

    position: absolute;

    top: 0;

    width: 200px;

}

.sub {

    left: 0;

}

.extra {

    right: 0;

}

.main {

    margin: 0 200px;

}

 

.layout {

    display: flex;

}

.main {

    flex: 1;

}

.aside {

    width: 200px;

}

 

11.不曾多少的时段的饼图

12.IPV6和IPV4的区别

http://blog.csdn.net/zjuxsl/article/details/44757791

  1. 前端里神奇之BFC
    原理分析

http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html

14.
ES6块级作用域及新变量声明(let)

http://www.cnblogs.com/snandy/p/4485832.html

15.ES6模块的贯彻

http://www.cnblogs.com/vs1435/p/6553134.html

16.论现代前端组件化框架一些重中之重特性实现的原理

组件化机制

数码绑定机制

上下级组件之间数据传递的机制

17.函数柯里化

 

 

8-24

1.箭头函数能否作为构造函数

2.react描绘一个倒计时(聚划算这种)

(自身及服务器时间的一道问题?)

3.元素相对于浏览器左上角的偏离

rectObject = object.getBoundingClientRect();

返回值是一个 DOMRect 对象,这个目标是由该因素的 getClientRects() 方法返回的等同组矩形的汇,
即:是同拖欠因素相关的CSS 边框集合 。

DOMRect ``对象包含了一组用于描述边框的只读属性``——left``、``top``、``right``和``bottom``,单位为像素。除了`` width ``和`` height ``外的属性都是相对于视口的左上角位置而言的。

 

——————————————————————————————————————

1.而是一个如何的人口?请你选择三个词描述自己。为了描述又鲜活,每个描述词后请举例说明。(限300许)

友善:从小到充分每个集体总有以各种原因显得特别弱势的人,我都见面以看不下去的当儿拉一把。
精力:虽然研究生毕业就25春秋了,但是自己恐怕以家里出个姐姐,所以我的心怀再年轻,碰到挫折也未容易受到打击。
腾飞:虽然非是计算机系,但是我本着电脑的疼促使自己克服了种困难完成学业的又控制了多面的技艺。

2.前景,您希望团结成为一个怎么的丁?为夫公付出了何等努力?(限300配)

前途自己梦想从电脑方面的办事,在技巧上面多加磨炼,成为一个世界的大牛。
本人本科和研究生虽然全无是计算机系,由于对电脑编程的疼爱,从研究生入学起,两年工夫之类型支出经历,使得自己的编程能力产生矣老大特别之滋长。有记录和享用的惯,
有自己老更新的技能博客。
技术上面对电脑网络,基本算法和数据结构有比好的主宰。熟练掌握JavaScript语言,包括ES6有些特色,原生JS
基础扎实。熟练掌握HTML5,CSS技术,包括但非压制跨域,Session,flex布局等技术。
熟悉Web
框架Backbone,React,JS框架Jquery,underScore,Css框架Bootstrap等主流框架,并且针对vue也拥有了解,并且对源码有过学习与研读。
后端上以投机之品种受到使过PHP和Node.js,使用express框架配合moongoose使用了MongoDB,了解并会见使用MySql数据库,熟悉数据库的核心处理。
此外,在本科和研究生期间,积极与校内校外实践走,并多赖拿走奖学金,研究生学业奖学金两潮。语言方面通过CET-6,具备阅读英文文献和主导的关联能力。

3.公怎么看待自己毕业后的首先客工作?为什么?(限300配)

首先客工作本身看能进好商家便迈入大商家,中国移动就是中的典型,以中国移动举例,中国移动的阳台是怪特别之,作为国家背景的营业商旗下的分公司物联网公司为是同一。在当时中种的品位和数量都是坏高的,对友好是异常好之磨炼,而且自自家是南京人数,不期望所在跑,最好会当一个安静的铺面里一直鼎力成长就是哼了。

4.公为何选择应聘中移物联网有限公司?您想中移物联网有限公司能叫您带来什么?(限300字)

中国移动作为今天老三好运营商内的把,中移物联网公司看成他旗下的互联网企业,既来国企规范之优势,也有互联网快速的特色,选择如此的公司当第一客工作室理所应当的。
自我个人希望公司可以叫我成长之阳台和平静的上扬,我深信我同中移的实力会更加强。

 

 

 

8-25

  1. 判定check是否选中?如果选中check元素?
  2. HTTPS加密原理

http://www.cnblogs.com/Yfling/p/6670495.html

  1. 前者安全学RSA非对如加密,DES对如加密
  2. 好咨询被面试官的 前端DES这种针对如加密时有发生啊用?前端加密是否有含义?
  3. ParyTheLord 16:13:49

ParyTheLord 16:13:49

邱总,额我想问问一下,,我要是写死定时调度的讲话,写在特别型之哪拍?,,

邱添 16:14:55

你会spring框架么

邱添 16:15:09

乃可形容一个冲spring框架的调度

邱添 16:15:21

品种里面放了spring框架

邱添 16:15:43

或您得写一个java程序,然后还linux做调度任务邱总,额我怀念咨询一下,,我一旦描绘深定时调度的口舌,写以大型的哪里拍?,,

  1. 模拟HTTP请求http://blog.csdn.net/pathuang68/article/details/6920076

 

8-28

 

 

8-29

第一,并无是说若平打开一个页面就见面时有发生一个session。
所谓session你可以这样懂:当你同服务端进行对话时,比如说登陆成功后,服务端会为你开壁一块内存区间,用以存放你这次会话的一些内容,比如说用户称之类的。那么尽管用一个物来表明者内存区间是您的如休是别人的,这个东西就是session id(jsessionid只是tomcat中针对session id的叫法,在另容器中,不自然就是是叫jsessionid了。),而以此内存区间而可了解呢session。
然后,服务器会将是session id发回给你的浏览器,放入你的浏览器的cookies中(这个cookies是内存cookies,跟一般的无均等,它会趁机浏览器的关而消逝)。
从此,只有你浏览器没有关闭,你各个为劳动器发请求,服务器就会见自君发送过来的cookies中拿出这个session id,然后因这个session id到相应的内存中赢得公前面存放的数目。
可,如果你离登陆了,服务器会清掉属于您的内存区域,所以您再度发表的口舌,会发一个初的session了。
腼腆,我或许说得不极端懂,但迅即地方的学识网上有过多,你可了解下session的原理。

 

8-30

  1. JS异步(通俗)http://www.cnblogs.com/penghuwan/p/7451409.html
  2. 没IE就从未有过损!浏览器兼容性问题解决方案汇总

http://www.cnblogs.com/huang361964533/p/7451956.html

 

 

 

8-31
1.

3.BFC

4.风波节流

5.回调XX(没听懂)

6.兑现一个浏览器中标签页间的简报用什么法

7.杂质回收

8.状态码304

9.文档过期时怎么设置

10.ES6语法

11.怎么设置一个以PC端与手机端都得浏览的页面

12.庸落实由适应布局,媒体询问

13.JS模块化,AMD,CMD。。。

14.代码集体方

15.庸学前端

16.跨域JSONP前后端起什么约定啊

身为非科班出身,感觉重,努力加油吧,很多拘禁罢没有因此了,面试问底雅详细,很多扩展,感觉比看重“你用过为?”,这如是面试中起频率高的词了,当然还有“没事”。

各位加油吧!!

  1. promise,asyn await,还说了一个es6的一个异步处理要字,
    defer关键字,闭包,局部变量提升作用域,页面渲染,页面加载过程,图片懒加载,还有,但现不记得了,让自己慢慢琢磨,我重新长来

 

 

9-4

美图

编程题

1.$.extend

2.DOM操作

3.正则

4.失还以及合并

简答

  1. 跨域
  2. 性优化
  3. ES6

 

9-6

  1. 羡辙的CV
  2. 出入栈和LINUX问题 技术之瞳里面来

 

9-7

  1. 投简历,改论文,笔,网站,技术之瞳
  2. 私评价:聪明,乐观,皮实,自省(技术的瞳P8)
  3. 面试:比较老的题目得以友善查到,个性化的问题:推荐可自己的书写,论坛等,JS安全性
  4. 处理器网络

面试时考:https://www.nowcoder.com/discuss/1937

①   网络协议三要素:语义,语法,交换规则

②   在公钥密码体制被,不公开的凡  (私钥) 。

③   表示层的重要意义是–关注所传递的信的结构,语法和语义

④   从运输层的角度看,通信的的确端点是–进程。

⑤   关于IP地址

https://www.nowcoder.com/test/question/done?tid=10715152&qid=3488#summary

  1.  flex布局中align-items
    和align-content的区别

6.
求各位数字与:利用432/10=>43之性状,得到去划一各之数字,不断%10到手各国一样个。

  1. 对行内元素设置margin-top 和margin-bottom是否打作用

不起作用。(需要留意行内元素的替换元素img、input,他们是行内元素,但是得啊该设置宽高,并且margin属性也是对那个于作用的,有着近乎于Inline-block的表现)

  1. 对内联元素设置padding-top和padding-bottom是否会大增其的高度

未会见。同上题,要小心行内元素的交替元素,img设置padding-top/bottom是会见打作用的。

9.问:如果设置<p>的font-size:
10rem;那么当用户重置或拖延拽浏览器窗口时,它的文本会不会见惨遭震慑?

答:不会。

rem是css3新增加的一个对立单位(root
em,根em),这个单位招了宽广关注。这个单位跟em有啊区别也?区别在于利用rem为因素设定字体大小时,仍然是对立大小,但相对的单是HTML根素。

 

9-11

SMTP :全称是“Simple Mail Transfer
Protocol”,即简单邮件传输协议。它是同样组用于从源地址及目的地址传输邮件的业内,通过其来支配邮件的转化方式。SMTP
协议属于 TCP/IP
协议簇,它帮忙各级台微机以发送或转化信件时找到下一个目的地。SMTP
服务器就是按 SMTP 协议的发送邮件服务器。 

POP3:举凡Post Office Protocol
3的简称,即邮局协议的第3独版,它规定何以将民用计算机连至Internet的邮件服务器和下载电子邮件的电子协议。它是因特网电子邮件的首先独离线协议正式,POP3允许用户从服务器上管邮件存储到地方主机(即好之微处理器)上,同时删除保存在邮件服务器上的邮件,而POP3服务器则是据POP3商事的收到邮件服务器,用来接纳电子邮件的。

博客中牵线,pop3:从服务器下充斥至本地;SMTP:发送或转发邮件。

 

  1. java/struts2/spring/ant.maven/devops
  2. 4.      
    计算机网络动态路由协和,子网掩码的意向,网络地址划分,各类地点之意向

 

9-12

1.JS在线编程格式

https://segmentfault.com/a/1190000010715910

2. 《计算机网络》第五本子 复习笔记

http://blog.csdn.net/hcbbt/article/details/18271491

 

9-13

1.战每年来校招的时刻都特别早,9月新,在宣讲会的前天己简单看了java基础(准备的太晚),笔试来选择题(比较基础)、简答题(较多,涉及java基础,网络TCP/IP,多线程等)、一道字符串反转编程题,两鸣智力题(如用有限只容器分水的题目,很广泛),最后一鸣主观题,总体来说问题不难,比较基础,只是自己未曾复习完,但是要受通报了同样直面,也起诸多同桌被刷了,看来刚开头多丁还无漂亮复习,我归功给流年。一面有星星点点独照试官,都死好,看本身简历及勾的凡熟悉C++和java,就咨询我java和C++的分,还有即使是问问项目,但自做的java的类型于久了,我耶并未良好准备,总之面的坏,就如此或让通报了亚冲,说是人事面,一个HR面2个人口,大概就是是何等联系处事,HR面前发一样摆放纸,我看齐了祥和的成,笔试及单之成,都比小,后来HR跟自己说一样对之面试官觉得我Java基础一般,建议我改变测试,让我相当测试的面试通知。但是后来吗从不通知了,我之天数到这所以完了。不要相信运气,主要指实力。笔试成绩非常重要,总之要早做准备,要不然只能眼睁睁看正在会从前面流失。一开始自并无是颇怀念上前烽火,没有当真对照,但后来发觉因为相好的实力烽火已经对了,后面的众铺还无若烽火,后悔自己从来不良好准备,希望大家吸取我的训诫。 收起

面试官的题材:

问java和C++的区别?

答我先是感应是java没有指针,当然就不是答案,面试宝典都起,不仔细说了

问java的开支经历?

报我记得不掌握了,没怎么说,自己只要出彩准备项目。

问写一段代码实现持续和多态

答只写了延续

问问项目蒙生没有发出因此到数据库连接池?

报没有呢如说生,这是可怜宽泛的书,目前常用的凡c3p0连接池,自己百度

问java设计模式还是数据库范式?

 

7.之下的呐一样栽颜色格式支持上百万种植颜色,但是非支持无损压缩?

A、bmp

B、jpg

C、gif

D、tif

答案:A

http://blog.csdn.net/xq2768637066/article/details/50894608

 

 

9-18

手写filter

    var arr = [1,2,3];

    arr.filter2 = filter2;

         var re = arr.filter2(mid);

         function filter2(mid){

                   var hehe = [];

                   for(var i of this){

                   var rer = mid(i);

                   console.log(rer);

                   if(rer){

                            console.log(i);

                            hehe.push(i);

                   }

         }

         console.log(hehe);

         }

         function mid(z){

                   if(z<2){return true}

                            else{return false}

         }

 

2.舅存泄漏

http://www.cnblogs.com/libin-1/p/6013490.html

 

3.
清整治明白HTTP缓存机制和原理

http://www.cnblogs.com/chenqf/p/6386163.html

 

  1. 5.       跨域

http://www.cnblogs.com/cndotabestdota/p/7150552.html

 

  1. 6.       美团面经
  2. 东西很杂,每个都是问问一个微问题,把还能想起起来的记录分享一下
  3. js基础(闭包,作用域,es6,this,实现filter,内存泄漏)
  4. css基础(重绘重排,选择器,伪类,继承,居中,布局)
  5. http基础(三潮握手,代理,缓存机制,method)
  6. 跨域
  7. 前后相互的数额
  8. 落实响应restful api的路由
  9. 撞的性优化和解决的题材

 

作者:Say37
链接:https://www.nowcoder.com/discuss/37841
来源:牛客网

平等达来面试官就给自家介绍下自己举行的门类。我介绍了然后,就不曾然后了(当时本人觉着会深问)。

接下来就是编程了。

1.经的柯里化问题。编写一个函数,实现add(2)(3)。

2.作用域问题。

var length = 10;

function fn() {

console.log(this.length);

}

var obj = {

length: 5,

method: function(fn) {

fn();

arguments[0]();

}

};

 

obj.method(fn, 1);

问会输出什么?这个自答应的不好,但是面试官说(⊙v⊙)嗯,也远非为自己纠错。哎╮(╯▽╰)╭

3.老三个凡是出口<body>下面的季只<a>标签对应之目录。这个啊总结过,但是写的时节有毛病,哎╮(╯▽╰)╭

4.之所以2及3行写来二维数组变成一维数组的函数。

自己的笔触是因此slice接口把数组中之均等各项数字切出来,然后拼接concat下一样各数字。有好之笔触,留言哈

然后编程就寿终正寝了。其中最为重大的是楼主没因此过牛客网上的JavaScript(node
0.12.12)编程过,所以全程就相当于是在张上勾代码。会了就是未见面发作这样多低级错误了。(磕墙……)

从此以后咨询了一部分题目。

1.老三列布局怎么落实啊,都发生怎么样措施。

2.flex搭架子了解也?

3.多年来以羁押呀新技巧?

4.看押了哪些博客逛了什么样论坛?

5.庸读前端的?

6.您以为自己还有什么优点。

 

作者:Lx15
链接:https://www.nowcoder.com/discuss/37900
来源:牛客网

  1. 自我介绍

  2. 为什么选前者

  3. 说一下html5 与html4   

  4. html5 都席卷什么,我提到语义化,然后问 em/strong/i 都怎么用的

  5. canvas 与svg 

  6. requestAnimationFrame 

  7. http 协议的格式

  8. base64 的原理

  9.  表单上传图片的要格式是怎的

  10. get post 区别

  11. 同源策略 

下一场没了,,一共24min, 面试官很nice,
第一次等通电话我在宿舍,第二不成我于电梯,第三次于才正式启幕,希望nice的面试让了呀。。。。

笔者:offer真的来了
链接:https://www.nowcoder.com/discuss/37117
来源:牛客网

2、bootstrap 布局,栅格布局 ,怎么处理不同装备及之反差

3、http 304 状态码是啊意思?其他状态码?HTTPS

4、ajax跨域,有哪解决措施,举了几乎单实例让贯彻跨域,访问子域算不算是跨域等之类

5、一两独大概的终于法题(记不清了)

6、求数组被不过要命累

7、事件委托,点击 ul 中之li 弹出li内容,动态添加li

8、原型链继承:    b.prototype =new a() 不对准为? 

9、es6 ,异步原因,promise set map等等

10、事件流 

11、cookie

12、数组去再

13、项目

 

9-20

  1. 1.      
    http等方面总http://www.cnblogs.com/haoyijing/p/5898420.html#html11

目录:

  1. Cookie
    是否会见给掩盖,localStorage是否会见给覆盖?
  2. 什么样保障登陆状态?
  3. Ajax原生
  4. Jsonp的法则。怎么去读取一个script里面的数目。
  5. 使页面初始载入的当儿把ajax请求返回的多少是localStorage里面,然后每次调用的时失去localStorage里面取数,是否中。
  6. 304凡呀意思?
  7. 强缓存和协和缓存的中和管理
  8. http请求和应的音结构
  9. http请求头有安字段
  10. http响应常见状态码
  11. 简述http 1.1 与 http
    1.0的区别
  12. 伸手列举三栽禁止浏览器缓存的头字段,
    并写起相应的设置值
  13. 同客户端浏览器缓存相关的http头
  14. Cookie跨域请求能不能够拉动及
  15. js异步的法门(promise,generator,async)
  16. Get和post的区别
  17. Post一个file的时节file放在哪的?
  18. 老三不良握手
  19. tcp/ip/http对承诺哪一样交汇
    七层模型
  20. 浏览器中输入网址后至页面展现的进程
  21. 浏览器是何等进展加载, 解析, 渲染的也罢?
    重点说一下浏览器渲染页面的过程?
  22. cookie和session的区别
  23. 一道同异步的区别
  24. 浏览器发送cookie时会发送哪几只有?
  25. cookie由哪几有的构成?
  26. 央描述一下 cookies,sessionStorage 和 localStorage
    的区分?
  27. 浏览器本地存储和劳务器端存储之间的分别
  28. sessionStorage和页面js数据对象的别

  1. js实现跨域

9-22

  1. 1.       css之父写的,前opera CEO
    博士论文:层叠样式表
  2. 2.       React 源码剖析系列 - 不可思议的 react diff

https://zhuanlan.zhihu.com/p/20346379

3.React源码分析1 —
框架

http://blog.csdn.net/u013510838/article/details/55669742

  1. 3.       单向数流 flux

她发起下flux模式来进展零部件间数传,这种做法给unidirectional data flow(单为数据流),单为数据流的利是暨事先angularJS提出的two-way data binding相比较而言,因为单向,所以各种变动还是不过预测、可控制的。不像two-way data binding那样,变化一可复杂起来,大家还彼此接触变化,到终极一个地方转移了,你从来猜不出它还会见招致其他什么地方就一块换。这个用大量履行才会抱有感受,如果您初学,那听听就到底了,不必死磕。

  1. 4.       Virtual dom

夫事物的补是压缩DOM操作,减少DOM操作的目的是提高浏览器的渲染性能

  1. 5.       Diff算法

6.多少绑定

7.  组件化开发

 

8.react出什么用?优点和症结有怎样?

喜欢React的人数居多,但是好她的由都无太一样

比实际的独到之处:

能落实劳务器端的渲染,便于寻找引擎优化。这同触及而比Backbone, Angular
1.x同Ember早期强

会好好的及水土保持的代码结合。React只是MVC中的View层,对于任何的有的并没硬性要求。意味着多局当甄选用Angular全部重构和用React部分重构的上,选择了React部分重构

盖一切都是component,所以代码更加模块化,重用代码更爱

依傍起来非常容易,几单小时就是得入门

以强调只有打this.props和this.state生成HTML,写起来bug比较少

比较高大上的长处,就是豪门以大会上会见说的长:

以用了virtual dom,所以性能非常好

盖强调只是由this.props和this.state生成HTML,所以颇的functional
programming

缺点:

并无是一个完的框架,基本都需要丰富ReactRouter和Flux才能够写大型应用

 

9-25

1.
DNS劫持的气象:你输入的网址是http://www.google.com,出来的是百度的页面。

HTTP劫持的面貌:你打开的凡知乎的页面,右下角弹出唐老师的不孕不育广告。

  1. 日子复杂度

http://www.cnblogs.com/huangbw/p/7398418.html

3. D3.js是一个数据可视化的库,看看他们的DEMO就可以知道,技术基础是SVG。兼容性是IE9+。

  webgl是HTML5中提出的新技术,是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,关于它的教程可以看看hiwebgl。目前兼容性堪忧

  three.js是以webgl为基础的库,封装了一些3D渲染需求中重要的工具方法与渲染循环。它的教程同样可以在hiwebgl里面找到。

  three.js之于webgl,类似于windows版本的虚幻引擎之于D3D。当然,虚幻引擎的能力范围比three.js大得多。d3.js跟上面两者没有关系。

4.   这两个引擎各有所长的,具体那个好要看目的是什么。

  OpenGL经过多年的洗刷,已经成为绘图引擎的标准,OpenGL的绘图质量毋庸置疑,是最高的,OpenGL的编程相对的也会比较复杂,但是上手很简单,OpenGL用来追求完美的绘图精确度,而且通常有各种辅助库可以用来往其他设备上输出数据,比如打印机。

  DirectX的专为游戏而生,它的绘图精度满足一般游戏的所需,而且DirectX还包含了不少用来在游戏中处理其他数据的辅助库,包括声音数据,输入输出,等等等等。

  所以,想专精追求绘图,OpenGL是首选,如果要编程效率和其他功能DirectX是首选。

5. 羡辙-着色器-卡通渲染 https://zhuanlan.zhihu.com/p/25595069

http://www.cnblogs.com/wanbo/p/6754066.html[图解WebGL&Three.js工作原理](http://www.cnblogs.com/wanbo/p/6754066.html)

Three.js入门指南https://read.douban.com/ebook/7412854/

 

 

9-26. 邮科院被不法

9-27. 

1.VPN原理

2.
SSH原理和用(一):远程登录http://www.ruanyifeng.com/blog/2011/12/ssh\_remote\_login.html

3.cnpm着实吓用!!!

gulp环境遭到 gulp-sass为何一直安装失败?

https://www.zhihu.com/question/48845226/answer/113193051

  1. Gulp 方法

http://www.cnblogs.com/White-Quality/p/5756106.html

首先,gulp的源码里没有其它一样有些是概念pipe的。

https://segmentfault.com/q/1010000003861104?sort=created

gulp的pipe方法是发源nodejs stream API的。
gulp本身是出于同样多重vinyl模块组织起的。

http://www.ydcss.com/archives/424

 

  1. 6.       计算机工程以及以

http://muchong.com/html/201303/5591922.html

http://muchong.com/bbs/journal\_cn.php?view=detail&jid=358