Skip to content

zhaiyy/Web-front-end-knowledge-summary

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前端知识点总结

推荐阅读

  1. web前端面试 - 面试官系列
  2. 每天一道面试题
  3. 五年前端三年面试

目录

1. html基础

  1. 行内元素和块级元素
  2. html5新增的属性
  3. js在微信、微博、QQ、Safari唤起App的解决方案
  4. Viewport 详解
  5. App的三种开发模式
  6. 浏览器的回流与重绘 (Reflow & Repaint)

2. CSS 基础

  1. CSS 选择器
  2. CSS flex 使用
  3. CSS 属性 position 定位详解
  4. CSS 属性 display
  5. CSS 盒子模型
  6. CSS 浮动 float
  7. css3 新增的属性
  8. css3 动画
  9. css3 Animate/transition/translate
  10. css3 rem 与 em
  11. css3 响应式布局
  12. CSS 常见布局方式
  13. css预处理器,Sass、Less和Stylus
  14. 移动端1px解决方案
  15. CSS 经典面试布局题库

3. JavaScript基础

  1. DOM(文档对象模型)
  2. JavaScript 基本数据类型和引用数据类型
  3. JS数据类型判断
  4. 事件冒泡和事件捕获
  5. js中的事件委托或事件代理详解
  6. DOM 事件模型
  7. JS函数防抖和函数节流
  8. JavaScript 设计模式
  9. 跨域解决方案
  10. 页面间通信与数据共享
  11. JSON 相关知识点
  12. 数组和对象的区别与联系
  13. JS中异常捕获
  14. arguments对象详解
  15. Cookie, LocalStorage 与 SessionStorage

4. JavaScript 进阶

  1. JavaScript深入之词法作用域和动态作用域
  2. JavaScript深入之执行上下文栈
  3. JavaScript作用域链
  4. JavaScript闭包
  5. JavaScript基础——this
  6. JavaScript基础心法——call apply bind
  7. JavaScript深入之bind的模拟实现
  8. JavaScript深入之new的模拟实现
  9. Javascript原型链及原型链继承
  10. JavaScript深入之继承的多种方式和优缺点
  11. JavaScript 中的继承:ES3、ES5 和 ES6
  12. JavaScript Promise
  13. 从event loop规范探究javaScript异步及浏览器更新渲染时机
  14. JavaScript 深浅拷贝
  15. 深入浅出Object.defineProperty()
  16. JavaScript 函数式编程
  17. PWA - Service Worker
  18. JavaScript 经典面试题库
  1. vue双向数据绑定MVVM
  2. vue 生命周期
  3. vue 数据监听
  4. vue 状态管理 vuex 原理
  5. vue 组件通信
  6. Virtual DOM 虚拟 DOM
  7. vue computed和watch
  8. vue 高阶函数
  9. vue mixin
  10. Vue 模板编译原理
  11. vue3 新特性
  12. vue 与 react 对比
  1. React事件机制
  2. React生命周期
  3. React高阶组件
  4. React Hooks 及钩子函数
  5. React 高阶组件、Render props 和 hooks 有什么区别
  6. React diff的原理
  7. Vue和React的区别参考1参考2
  8. redux全面详解

7. 工程化

7.1 webpack

  1. webpack 编译流程
  2. webpack Loader
  3. 如何开发webpack loader
  4. webpack plugin
  5. 如何开发 webpack plugin
  6. webpack 打包优化
  7. webpack 5 新特性
  8. webpack 5 ModuleFederationPlugin vue 项目初体验
  9. vite

7.2 Babel

  1. 一篇文章了解前端开发必须懂的 Babel
  2. 不容错过的 Babel7 知识
  3. 前端工程师的自我修养-关于 Babel 那些事儿

7.3 微前端

  1. 微前端-最容易看懂的微前端知识
  2. 微前端在美团外卖的实践

8. TypeScript

9.计算机网络

索引

  1. http 协议
  2. content-type
  3. get && post
  4. http 状态码
  5. 浏览器缓存
  6. DNS原理及其解析过程
  7. http与https的区别
  8. TCP协议详解
  9. 三次握手和四次分手
  10. TCP与UDP的区别
  11. CDN
  12. 从URL输入到页面展现发生了什么

10. 算法程序与数据结构

11. 性能优化

12.安全

13.代码检测

14.上线部署

15.前端监控

About

前端知识点总结

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published