前端入门核心知识点
浏览器
- Web标准：结构标准（HTML）、表现标准（CSS）、行为标准（JS）
- 浏览器分为两部分：渲染引擎（即：浏览器内核）、JS 引擎
- 浏览器的工作原理：重绘和重排、V8引擎
- App的WebView容器，相当于浏览器，可以内嵌H5网页
HTML5
- 语义化标签：
<header>、<article>、<footer>等。 - 多媒体标签：
<audio>、<video> - 更强的本地存储能力和设备兼容性：indexDB、HTML5 APP cookie
- 三维、图形及特效：SVG、Canvas、WebGL
- 更有效的实时连接：WebSocket、Server-Sent Events
- 无障碍体验
CSS、CSS3
- CSS盒模型、BFC
- 浮动、定位（绝对定位和相对定位）
- flex 布局
- 圣杯布局、双飞翼布局
- 选择器：后代选择器、交集选择器、并集选择器、伪类选择器
- 2D转换：移动translation、旋转rotate、缩放scale
- 3D转换：透视 perspective、3D移动 translate3d、3D旋转 rotate3d、3D呈现 transform-style
- CSS3动画：animation
- CSS hack
- Retina 屏幕的 1px 像素，如何实现
JS基础
- ES6语法：严格模式、箭头函数、Promise、Symbol数据类型、Set 和Map数据结构
- ES6转ES5
- JS数据类型转换、隐式类型转换
- 内置对象及其方法
- 数组的各种方法：map、filter、every、reduce等
- 事件机制、原型继承、立即执行函数
- DOM操作、虚拟 DOM 的 diff 算法
- BOM浏览器操作
- 事件冒泡机制：捕获阶段、目标阶段、冒泡阶段。
- 异步编程：Ajax、Promise、async await
- SessionStorage和LocalStorage、Cookie
- 迭代器Iterator和生成器Generator
- Web Socket
- 异步编程
- 单线程
- Canvas图像绘制
- svg 动画
JS 高级
- JS 三座大山：原型与原型链、作用域及闭包、异步和单线程
- 作用域链、类、继承、原型继承
- this的指向和绑定规则
- 深拷贝和浅拷贝
- 防抖和节流
- Promise的宏任务和微任务
- 浏览器的重排和重绘
- 手写 Promise的整个逻辑和API：resolve、reject、then、catch、finally、allSettled、race any
- 高阶函数
- 事件委托
- call、apply、bind
- arguments 伪数组
- 函数柯里化
- 模块化：CommonJS、AMD、CMD、ESModule
- JS高阶语法：Iterator 迭代器、Decorator 生成器
- JS 高阶语法：Decorator、Proxy/Reflect、MutationObserver、 对象属性描述符、Object.assign、Object.freeze、Object.seal
- JS 内存泄漏、JS垃圾回收算法
- TypeScript 类型检查
- Vue.js、React.js源码解析
- Vue.js、React.js的状态管理：Vuex、Redux、Redux Toolkit、React Hooks、zustand
- V8引擎源码
Node.js
- 回调函数
- 时间驱动机制
- 模块化
- 函数
- 路由
- 全局方法
- 文件系统
Web 安全
- 跨域问题、同源策略、JSONP
- CORS
- XSS
- CSRF
页面形式
- 多端自适应布局
- SPA单页应用
- PWA（Progressive Web App）：小程序的鼻祖
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/11346.html
微信扫一扫 
支付宝扫一扫