08 2021 档案
摘要:什么是RESTful 一种软件架构风格、设计风格,而不是标准,只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。 一、URI规范 1.不用大写; 2.用中杠 - 不用下杠 _ ; 3.参数列表要encode; 4
阅读全文
摘要:浏览器缓存 缓存这东西,第一次必须获取到资源后,然后根据返回的信息来告诉如何缓存资源,可能采用的是强缓存,也可能告诉客户端浏览器是协商缓存,这都需要根据响应的header内容来决定的。下面用两幅图来描述浏览器的缓存是怎么玩的,让大家有个大概的认知。 浏览器第一次请求时: 浏览器后续在进行请求时: 从
阅读全文
摘要:数据更新有延时不能及时获取: const [state, setState] = useState({ num: 0 }); // 直接更新数据 const doing = () => { setState({ num: 1 }) console.log(state); // { num: 0 }
阅读全文
摘要:content-visibility是一个css属性,它控制一个元素是否呈现其内容,能让用户潜在地控制元素的呈现。用户可以使用它跳过元素的呈现(包括布局和绘制),直到用户需要为止,让页面的初始渲染得到极大的提升。 content-visibility属性有三个可选值: visible: 默认值。对布
阅读全文
摘要:前言 Vue3.0 在去年 9 月正式发布了,看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发,这篇文章就是在使用后的一个总结, 包含 Vue3 新特性的使用以及一些使用经验分享。 Composition API setup setup 是 Vue3.x 新增的一个
阅读全文
摘要:相同点都可以描述一个对象或者函数interfaceinterface User { name: string age: number}interface SetUser { (name: string, age: number): void;}typetype User = { name: stri
阅读全文
摘要:一,性能比2.x快1.2~2倍 diff算法的优化 在vue2中,虚拟dom是全量比较的。 在vue3中,增加了静态标记PatchFlag。在创建vnode的时候,会根据vnode的内容是否可以变化,为其添加静态标记PatchFlag。diff的时候,只会比较有PatchFlag的节点。PatchF
阅读全文
摘要:安装rollup插件: npm install rollup-plugin-visualizer -D vite.config.ts文件添加配置: import vue from "@vitejs/plugin-vue"; import visualizer from "rollup-plugin-
阅读全文
摘要:webpack原理: Entry:入口,Webpack 执行构建的第一步将从 Entry 开始,可抽象成输入。 Module:模块,在 Webpack 里一切皆模块,一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk:代码块,一个 Chunk 由
阅读全文
摘要:# tsconfig.json { "compilerOptions": { "types": ["vite/client"], ... }, "include: [ "src/**/*.ts" ] } 记得把新加的文件加入include配置中 读取环境变量文件.env Files Vite使用do
阅读全文