初级前端（学习3）

2019.08初级

一、
CSS
1.CSS选择器有哪些？
2.display，float，position的关系
3.容器包含若干浮动元素时如何清除(包含)浮动
4.如何上下左右居中一个未知高度的元素
5.伪类和伪元素的区别及应用样式
JS
1.数组及对象差集、并集、交集、去重
2.编写JS深度克隆对象或数组函数deepClone
3.编写一个函数接受url中query string 为参数，返回解析后的Object，
query string 使用application/x-www-from-urlencoded编码
开放
1.DOM事件的优先级，及绑定、阻止、删除事件
2.对前端模块化的认识
3.谈谈性能优化问题

二、
1.请写出CSS的解析顺序？
2.如何去除div标签中Img图片的边框内的空白？
3.什么是属性选择器？
4.CSS选择器有哪些？那些属性可以继承？优先级算法如何计算？CSS新增伪类有哪些？
5.你使用CSS预处理吗？如果有简单介绍一下
6.列举BOM对象及各自的含义？
7.如何在JS代码中，获取event对象并读取相关信息？
8.列举IE与其他浏览器不一样的特性
9.如何阻止冒泡？
10.请解释一下DOCTYPE的作用，有DOCTYPE和没有DOCTYPE有什么区别？
11.input中disabled与readonly有何区别？
12.手机端html中meta都有哪些定义？(包含苹果)
13.如何禁止自己写的html页面倍外部系统使用iframe引用？
14JS中如何解决跨域调用的问题？请写出示例。
15.下列标签即是行内属性标签又可以设定高度的标签是？
div/span/input/img/h1
16.移动端点击事件存在什么问题，解决方案是什么(提供两种:原生解决方案和调用第三方库方案都可以)？
17.fastclick的实现原理是什么？
18.axios有哪些常用方法？
19.写下你了解的axios相关配置属性？
20.你常用的CSS预处理语言是什么？
21.如果使用SASS或者SCSS，两者的区别是什么？
22.你了解发布订阅模式吗？实现一个发布订阅的方法？
23.VUE的生命周期有哪些？分别代表什么？
24.第一次页面加载完成会触发哪些钩子？
25.DOM渲染在哪个生命周期中完成的？
26.VUE组件间的通信方式共有哪几种？

三、
1.如何理解VUE中MVVM模式？
2.VUE中路由管理你如何理解？
3.VUE生命周期的理解？
4.右边宽度固定，左边自适应实现？
5.VUE的消息机制你了解什么？
6.水平垂直居中实现？
7.vue-cli是什么？
8.webpack常见的配置项？

四、
1.浏览器本地存储
2.web stoarge和cookie的区别
3.display：none和visibility：hidden的区别？
4.px和em和rem的区别，CSS中link和@improt的区别是？
5.CSS3有哪些新特性？
6.JS模块包装格式都用过哪些，CommonJS、AMD、CMD。定义一个JS模块代码，最精简的格式是怎样。
7.html5有哪些新特性、溢出了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？
8.iframe的优缺点？
9.webSocket如何兼容低浏览器？
10.请说出三种减少页面加载时间的方法。
11.你都使用哪些工具来测试代码的性能？
12.nullheundefined的区别？
13.new操作符具体干了什么呢？
14.对Node的优点和缺点提出自己的看法？

15.一个页面从输入URL到页面加载显示完成，这个过程中都发生了什么？

什么是三次握手和四次挥手
https://www.cnblogs.com/daijinxue/p/6640153.html
16.eval是做什么的？
17.ajax是什么？ajax的交互模型？同步和异步的区别？如何解决跨域问题？
18.网站重构的理解？
19.常见的HTTP状态码100/201/304/400/500
20.谈谈你对webpack的看法
21.对MVC、MVVM的理解
22.vue、angulars等相对于JQuery在开发上有什么优点？

五、
1.简单语言测试：
有数组dataarray，内容为取值范围为-100到100的证书，请写出代码，求出数组中大于0的数的和。
2.简单JQuery：请写出代码，使得所有带hit类的a标签，在点击后内容变为"hit"3个字母.

六、
1.inline-block有什么特性？
2.relative、absolute定位的参照物各是什么？
3.flex常用的属性
4.border-box的作用
5.多行文字居中显示在一个固定大小的容器里面
6.用过哪些选择器
7.数组去重
8.json、string、array的互相转换
9.Promise、async、await
10.对原型链的认识
11.闭包的作用及使用场景

12.深拷贝、Object.assign

参考博客JS专栏的数组API.4
https://blog.csdn.net/SuperxApple/article/details/103512667

Vue部分：
1.nexttick这个api的作用
2.slot的作用
3.vue中如何获取dom元素
4.vue数组添加属性，渲染失败原因及解决方案。
5.computed和watch
6.vuex的几种属性
7.Mutation和Action的区别。
8.有2个界面90%是相似的，其中有一部分元素及事件不同，怎么做

七、
基础题
1.DIV布局时，如何实现页面居中？
2.Css中position有哪几种？display有哪几种？他们各自的使用场景和用途
3.JSON中如何字符串转换为对象？对象转换为字符串？如何执行表达式？
4.JS开发的封装或闭包如何理解，JSON的作用域如何理解？
5.jquery中如何将数组转化为json字符串，然后再转化回来？
6.JS如何实现事件绑定？如何终止冒泡事件？
7.AngularJS常规指令知道哪些？
8.Ng-If Ng-Show Ng-Hide有什么区别，$scope $rootScope是什么？
9.MVC和MVVM有什么区别？
10.Bootstrap的模态框？栅格系统？
11.Ajax是什么？如何创建一个Ajax？同步和异步的区别？
12.Jquery的筛选器有哪几种？如何动态新增CSS效果？
13.JS中如何实现继承的特性？如何自定义函数？
拓展题(至少选择3题回答)
1.你有用过哪些前端性能优化的方法
2.js延迟加载的方式有哪些？
3.前端如何解决跨域请求访问问题？
4.一个页面从输入URL到页面加载显示完成，这个过程都发生了什么？
https://blog.csdn.net/SHAWN2016/article/details/81748682
https://www.cnblogs.com/azraelly/archive/2012/12/25/2832393.html
5.说说最近最流行的一些UI框架吧？常去学习的有哪些网站？
6.常规的HTTP状态码知道哪些？
7.有一系统产品的一个功能，需要手机员工的基本信息，大致10个字段信息(包括所有的题型)。客户要求在PC端看数据，手机或平板等移动端录数据(PC端可修改)，针对不同的客户端，不同的屏幕大小，如何设计一个界面？
编程题
1.已知：A=15，B=8.在不新增变量的前提下，如何实现AB值互换？
2.自定义一个函数，实现时间的加、减法
3.写段代码统计字符串"aaaabbbccccddfgh"中字母个数或统计最多字母数

八、
1.如何使用css(允许使用少量js)实现类似JQuery FadenIn、FadenOut效果。
2.自己实现一个函数，查找某个DOM节点下面的包含某个class的所有DOM节点？不允许使用原生提供的getElementsByClassName querySelectorAll等原生提供DOM查找函数。
3.var User=
{count:1,
getCount:function(){
return this.count;
}
};
console.log(User.getCount());
var func=User.getCount;
console.log(func());
问两处console输出了什么？为什么？
4.修改如下代码
function person(name,age){
this.name=name;
this.age=age;
}
var p=new person(“张三”,15);
var p1=person(“张三”,15);
console.log(p.name);
console.log(p1.name);
分别输入是？如何修改为安全模式？
5.不借助临时变量，进行两个整数的交换
输入a2,b=4输出a=4,b=2
6.for(var i=0;i<5;i++){
setTimeout(()=>{
console.log(i);},i*1000);
}
输出结果是什么？