每一个不曾起舞的日子都是对生命的辜负。
Design pattern 设计：设计原则（统一指导思想） 模式：通过概念总结出的一些模板，可以效仿的固定式的东西（根据指导思想结合开发经验，总结出固定的样式或模板） 在设计一些设计模式时，一般遵循如下七项基本原则： 单一职责原则 (Single Responsibility Principle) 一个对象或方法只做一件事情。 如果功能过于复杂就拆分开，每个部分保持独立 应该把对象或方法划分成较小的粒度，提高代码可读性，提高系统
创建vue3项目 vue-cli 4.5.0以上123vue create vue3-test选择vue3项目即可若需创建ts项目及自定义配置项可选Manually select features， 然后按提示操作创建，最后不要保存位默认配置。 创建vite+ts项目1234567npm create vite@latest或yarn create vite或pnpm create vite注意：node版本要大于14.18，最好16以
路由路由概念最早出现在后端 后端路由1http://www.xxx.com/login 浏览器发出请求 服务器监听端口请求,解析url路径 根据服务器的路由配置,返回相应信息 浏览器根据数据包的content-type决定怎么解析数据 简单来说,路由就是用来跟后端的一种交互方式,通过不同路径,请求不同资源. 前端路由 hash模式随着ajax的流行,页面异步请求交互实现了无刷新,现在单页应用的流行,页面
proxy‘代理’,即在访问对象之前建立一道“拦截”，任何访问该对象的操作之前都会通过这道“拦截”，即执行Proxy里面定义的方法。 基础用法123456let pro = new Proxy(target, handler)/* Proxy 是es6提供的原生构造函数target 表示目标对象(即被代理的对象)handler 也是一个对象,控制拦截行为的对象,其中包含get,set,apply等控制方法 */ 123456789101
为什么会有跨域由于浏览器的同源策略,限制了非同源资源的交互.这是个安全机制. 同源:协议: http,https端口: port主机: host 没有同源策略的两大危险场景浏览器是从两个方面去做这个同源策略的，一是针对接口的请求，二是针对Dom的查询.【前端安全】 针对接口的请求 csrf跨站请求伪造攻击; 针对Dom的查询 iframe操作dom; 跨域的解决方式 JSONP在HTML标签里，一些标签比如scrip
像素相关 物理像素 设备独立像素 设备像素比(dpr) 物理像素(设备像素)它是显示器最小物理显示单位,每个物理像素由颜色值和亮度组成,由屏幕参数决定. 设备独立像素(CSS像素)它就是我们用的css像素,是抽象单位. 设备像素比(dpr)物理像素和设备独立像素的比例.常说的一倍屏,二倍屏…就是dpr=1,2.. 需要注意的是dpr=2(dpr=3)并不是2个(3个)物理像素表示1个设备独立像素,而是2*2个(3*3个)表示1个设备
关键渲染路径浏览器从最初接收请求来的HTML、CSS、javascript等资源经过一系列操作,最后呈现给用户能看到的界面这整个过程—关键渲染路径. 关键渲染路径包括: 构建对象模型(DOM,CSSOM) 构建渲染树(Render Tree)：将 DOM 与 CSSOM 合并成一个渲染树 渲染布局，计算每个节点的位置 渲染绘制，调用 GPU 绘制，合成图层，显示在屏幕上 1. 构建对象模型(DOM,CSSOM)无论是DOM还是C
世界纷繁亦纷扰~