做网站很赚钱,网站 建立目录出错,东莞网站设计网址,淘宝自动推广软件nextTick:
异步渲染#xff0c;DOM异步渲染完毕后执行。
批量渲染。 vite为什么比webpack快#xff1f;
webpack把所有文件build一次#xff0c;从入口文件进去#xff0c;将所有文件编译为一个或多个单独的js文件#xff0c;无论模块是否执行#xff0c;都要编译和打…nextTick:
异步渲染DOM异步渲染完毕后执行。
批量渲染。 vite为什么比webpack快
webpack把所有文件build一次从入口文件进去将所有文件编译为一个或多个单独的js文件无论模块是否执行都要编译和打包到这个bundler里面。
vite不需要打包不需要编译对模块内容进行编译浏览器支持ESmodule对相应module发送请求。按需动态编译。
当其中一个模块改变后vite只需要浏览器重新请求该模块。
webpack需要编译整个模块。 http缓存策略 设置过期时间 expires 设置过期时间决定是否过期。 cache-control 过期时长 max-age no-cache 不允许缓存 no-store 不允许缓存 强缓存没有过期就是用缓存 协商缓存服务器向浏览器发送一个last-modified 最后修改时间 浏览器通过 If-Modified-Since字段中的值和服务器中的last-modified进行对比若相等就用缓存不相等则服务器返回新资源和最后修改时间。 服务器缓存协商缓存 200 服务器资源和本地缓存资源版本不是一致将最新资源和新的资源标识返回给浏览器 304 服务器资源和本地缓存资源版本是一致所以在本地缓存中拿资源
注意 ETag: 文件内容唯一标识客户端收到的上次服务器通知的缓存数据的唯一标识。 服务器向浏览器发送一个ETag唯一标识浏览器通过If-None-Match 字段通知服务器将内容进行对比若相同则直接利用缓存再者服务器重新发送资源。 http2: 多路复用允许多个请求和响应在单个TCP连接上并行传输。 --提高性能 头部压缩: 压缩请求和响应的头部减少数据传输的IO开销。 流控制客户端和服务端可以限制传输的速率解决对头阻塞问题 二进制协议 scoped:
样式隔离让每个style私有化。
给组件中所有元素添加一个唯一标识data-v-xxx
给标签添加自定义属性通过属性选择器添加样式
