摘要： 前端性能优化的点： 网络层面 构建层面 浏览器渲染层面 服务端层面 涉及的功能： 资源的合并与压缩 图片编解码原理和类型选择 浏览器渲染机制 懒加载预加载 浏览器存储 缓存机制 PWA Vue-SSR React-SSR 性能调优工具 performance layers 1、dns是否可以通过缓存 阅读全文

摘要： 1.IE的兼容性问题 <!-- ie6的兼容性问题 --> <!-- ie6双边距问题 ：给浮动的元素加display:inline ie6默认高度问题：font-size:0 或者overflow:hidden --> 2.移动端一像素问题 <!-- 移动端一像素的边框问题：解析时会显示成2像素， 阅读全文

摘要： 1、基本配置 webpack.common.js const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const { srcPath, distPath } = require(' 阅读全文

摘要： 1、js运行环境 运行环境即浏览器（server端有nodejs） 浏览器要下载网页代码，渲染出页面，期间会执行若干JS 要保证代码在浏览器中：稳定且高效 2、网页加载过程 加载资源的形式 ：html代码， 媒体文件，如图片、视频等 javascript css 加载资源的过程：DNS解析：域名 > 阅读全文

摘要： // 作用域和自由变量 // 闭包 let i,a for(i=0;i<10;i++){ a=document.createElement('a'); a.innerHTML = i + '<br>' a.addEventListener('click',function(e){ e.prevent 阅读全文

摘要： 1.单线程和异步 js本身是单线程语言，只能同时做一件事 浏览器和nodejs已支持JS启动进程，如web Worker JS和DOM渲染共享同一个线程，因为JS可以修改DOM结构 2.我们都知道js是单线程 单线程 >只有一个线程，同时只能做一件事，两段js不能同时执行 原因：避免DOM渲染冲突 阅读全文

摘要： 1.模块化 语法：import export export {} export default {} import import {} 环境：babel编译ES6语法，模块化可用webpack和rollup 2.class可以看作就是构造函数，class是一个语法糖 class MathHandle 阅读全文

摘要： 一、模块化发展过程 1.没有模块化 2.AMD成为标准，require.js（也有CMD） 3.前端打包工具，是nodejs模块化可以被使用 4.ES6出现，想统一现在所有模块化标准 语法：import export 环境：babel是编译ES6语法，模块化可用webpack和rollup 5.no 阅读全文

摘要： 1.react或者vue 数据驱动视图 状态：数据结构设计 视图：组件结构设计 2.react设计todlist state数据结构设计 用数据描述所有内容 数据要结构化，易于程序操作（遍历，查找） 数据要可扩展，以便增加新功能 3.组件设计 从功能上拆分层次 尽量让组件原子化 容器组件（只管数据） 阅读全文

摘要： 1. DOM操作非常耗费性能 以前用jquery,可以自行控制DOM操作的时机，手动调整 Vue和React是数据驱动视图，如何有效控制DOM操作? 2. 有了一定复杂度，想减少计算次数比较难 能不能把计算，更多的转移为js计算？因为js执行速度很快。DOM变化的对比放在js层来做，真实操作DOM是 阅读全文