前端进阶必备知识汇总

Html:

1. 语义化
2. 三栏布局
3. H5和C3新特性

Css:

1. 盒模型
2. 盒子居中方式
3. 移动端布局响应式布局
4. 渲染原理
5. BFC
6. px,em,rem
7. em和rem区别
8. flex布局
9. 瀑布流布局

JavaScript:

1. 完全搞懂你不懂的js基础
2. 深浅拷贝
3. 异步编程的实现方式
4. es5和es6继承的区别
5. 正则表达式
6. promise原理
7. js设计模式
8. 模块化
9. typeof和instanceof
10. 类数组和数组
11. 函数防抖节流
12. 数组扁平化

Vue:

1. 路由钩子，生命周期
2. vue-router原理
3. history、哈希(hash)区别和原理
4. 怎么监听哈希值改变的: hashChange事件
5. vuex使用场景
6. vue组件的通信方式
7. v-model原理
8. v-if和v-show区别
9. MVVM模式
10. vue和react区别
11. 动态路由
12. vuex页面刷新数据没有保留
13. keep alive与哪一个钩子函数有关
14. vue动态添加属性
15. 组件封装
16. template编译
17. data为何是方法
18. Virtual Dom和v-node
19. computed原理和watch区别
20. eventbus原理
21. 路由懒加载
22. vue项目优化

Es6:

1. proxy和vue3.0
2. generator原理
3. 箭头函数
4. 装饰器

Webpack:

1. 反向代理
2. webpack性能优化
3. 按需加载原理
4. webpack打包原理
5. plugin
6. gulp区别
7. 配置多页项目
8. loader和plugin和简介，经常使用的loader和plugin

http:

1. 跨域
2. http介绍，http协议缓存
3. 性能优化
4. http,https.http2区别
5. 对称加密和非对称加密
6. 浏览器渲染机制
7. tcp

安全:

1. xss和csrf

项目开发中遇到的问题:

一 移动端：

1. 移动端1像素边框问题

2. 300毫秒延迟

3. 安卓机 input/textarea输入键盘遮盖输入框

4. 微信H5页面兼容性解决方案

   未完待续...