ysterling的博客

http协商缓存和强缓存1.浏览器缓存为了节约网络资源，加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以直接从本地磁盘读取资源并展示，这样就可以加速页面的阅览。缓存这东西，第一次必须获取到资源后，然后根据返回的信息来告诉如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器是协商缓存，这都需要根据响应的header内容来决定的。缓存的优点：...

windows程序如何生成目录结构树电脑中打开cmd在cmd中进入要生成目录结构的目录输入：tree /f > list.txt（目录结构输入成功，并保存为一个list.txt文件）打开此文件，即可看到生成的目录结构树...

页面优化的目的：1.从用户角度：优化能够让页面加载得更快，对用户操作响应更及时，提高用户使用的体验2.从服务商角度：优化能够减少页面请求数，减小请求所占用带宽，节省可观的资源提升页面性能的方式：1.资源压缩合并，减少HTTP请求图片，JS，CSS等资源的打包压缩利用CSS Sprites 合并CSS小图片，减少请求代码结构优化，高复用，低耦合，减少重复代码2.非核心代码异步加...

1.全局安装webpack相关包 npm i webpack webpack-cli webpack-dev-server -g2.新建一个项目目录文件夹结构如下：3.初始化node环境npm init -y使用了 -f（代表force）、-y（代表yes），可以跳过提问阶段，直接生成一个新的 package.json 文件。这时，会发现自动生成了一个package.json...

nvm踩过的坑1.原先已安装node环境后，再安装nvm配置相关环境nvm切换版本成功后，依然默认使用的是原先安装的node版本需要先全局删除node环境2.设置nvm镜像因为每次node下载安装挺快的，就npm下载一直卡在那，设置了先前在npm里面设置的镜像，结果就出问题了，一直报错The process cannot access the file because it is ...

npm设置代理及镜像1.npm查看配置指令npm config list2.npm设置代理npm config set proxy http://server:portnpm config set https-proxy http://server:porteg：npm config set prox http://xx.xx.xxx.xx:8080/代理用户名和密码npm con...

提升页面性能的方法有哪些？1.资源压缩合并，减少HTTP请求2.非核心代码异步加载 -----> 异步加载的方式 -----> 异步加载的区别异步加载的方式1)动态脚本加载2)defer3)async异步加载的区别1)defer是在HTML解析完之后才会执行，如果是多个，按照加载的顺序依次执行2）async是在加载完之后立即执行，如果是多个，执行顺序和加载顺序...

渲染机制什么是DOCTYPE及作用 —> 浏览器渲染过程 —> 重排 Reflow —> 重绘 Repaint —> 布局 Layout1.什么是DOCTYPE及作用DTD（document type definition ，文档类型定义）是一系列的语法规则，用来定义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析，以及切换...

1.全局安装webpack后，执行webpack提示安装webpack-cli在webpack 3版本，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。需要再全局安装webpack-clinpm i webpack-cli -g2.webpack常用命令webpack – 开发环境构建webpack -p – 生产环境构建(压缩...

1.前端错误分类即时运行错误：代码错误1）try-catch 2）window.onerror资源加载错误：找不到文件或者资源加载超时造成的1)object.onerror 2)performance.getEntries() 3)Error事件捕获延伸：跨域js运行错误可以捕获吗，错误提示什么，应该怎么处理？1）在script标签添加crossorigin 属性2）设置js资...

// 行政区划查询 let opts = { subdistrict: 1, // 返回下一级行政区 showbiz: false, // 最后一级返回街道信息 level: 'city' } this.districtSearch...