校招基本结束,总括一下

校招的及时段时日读书及了过多

终极大概是签约法国巴黎美团点评

故而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、  set提姆eout和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

         感性精晓

http://www.zhangxinxu.com/wordpress/2014/02/es6-javascript-promise-%E6%84%9F%E6%80%A7%E8%AE%A4%E7%9F%A5/

咱再次回到总计一下,异步回调的风土做法有四独问题:

  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)

http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html

为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拼Coca Cola图了,统一运动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函数里面set提姆(Tim)eout异步问题

关于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的区别

Intel看重前置;CMD就近依赖(牺牲性能来换取更多支付好);

NodeJS是CommonJS规范的贯彻;CommonJS的之Modules规范设计之新是以server端设计的,它是一个手拉手的格局。可是这种形式并无相符给浏览器端,我们着想一下只要浏览器联合情势一个一个加载模块,那么打开将汇合变得死去活来之缓缓,所以英特尔就是为这么些诞生,它太要命之特色就是好异步的形式加载模块。(CMD也是异步的)
那么RequrieJS其实就是Intel现在由此之极广大,最风靡的贯彻。

 

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()很轻就好发自上往下的渐变效果,怎么完成的?

http://www.zhangxinxu.com/wordpress/2012/10/more-display-show-hide-tranisition/

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 ‘艾达(Ada)m’: 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 === nullSQL Server,;

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、Web瑟维斯(Service)、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极端基础的异步函数是set提姆(Tim)eout和setInterval。set提姆eout会在定时间晚行给定的函数。它接受一个回调函数作为第一参数与一个皮秒时间作次参数。

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

非死不可发起的开源的一样模仿新的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.乱每年来校招的年月都坏早,七月尾,在宣讲会的今天自己概括看了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. 库克ie
    是否相会吃遮盖,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 总裁
    大学生故事集:层叠样式表
  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

相关文章