浏览器解析url-->建立TCP连接-->发起https请求-->关键渲染路径CRP 脚本开启和关闭:将直接添加到样式表中意味着目标元素通常会在不久的将来发生变化,而浏览器会保留优化更长的时间。过度使用将导致内存使用过多,并导致更复杂的渲染发生,因为浏览器试图为可能的更改做准备。这将导致更差的性能。/* 关键字值 *//* <custom-ident> 示例 *//* <custom-ident> 示例 *//* 两个 <animatable-feature> 例子 *//* 全局值 */
Error in callback for watcher “function () { return this._data.$$state }“: “Error: [vuex] do not ... Vuex 中,所有的状态变更应该通过 mutation 来进行,以确保状态变更的可追踪性和可预测性。直接修改一个数组或对象,Vue 无法跟踪这种改变的来源,导致可能的数据流问题和组件渲染错误。当直接修改 Vuex 的状态,比如通过。
Vuex、Redux状态管理库 Redux比较独立,可以跟很多框架结合使用,不过主要还是跟React配合比较好,也是最常见的React状态管理的库。当 Vuex 中的状态发生变化时,computed 属性会自动更新。但状态变更是通过称为 mutations 的同步函数来处理的,而异步逻辑则需要放在 action 中处理。这样store对象就可以在其他组件中进行使用了,例如在组件中。第一个箭头函数作为 Vuex getter 的定义部分,它可以访问到。在 Vuex 中,有类似于 Redux 的 action 的概念,
通信流程:https【SSL/TLS】,git仓库【https/SSH】,蓝牙【面对面快传/AirDrop】 用散列/哈希函数得到摘要/哈希值MD5: 128位散列值 (要被淘汰了)SHA-1: 160位散列值SHA-256: 产出256位的散列值。
vue:标签属性绑定Vue实例【ref,reactive,内置指令v-bind,v-on】,预定义变量、方法【$methods,$computed】 trim:自动过滤输入的首尾空白字符。.number:自动将用户的输入转为数值类型。.lazy:将实时更新的input事件改为移出输入焦点或回车的change事件,适用于大量输入,或者需要精确验证(邮件、号码)-- 过滤首尾空白字符 -->-- 将输入转为数值 -->-- 使用 change 事件替代 input 事件 -->
ES6-ES13符号:单双引号、变量的解构赋值、占位符 、字符串模版`${} `、扩展运算符...、?,??,_,||=,&&=,in 是 truthy 值(不是 false、null、undefined、空字符串、0、NaN),则将。是 falsy 值(false、null、undefined、空字符串、0、NaN),则将。且等于(&&=) : a &&= b 等同于 a && (a = b);或等于(||=) :a ||= b 等同于 a || (a = b);) 的情况下不会引起错误,该表达式短路返回值是。含局部变量时用模板字符串(反引号 ``` `)链式运算符,不同之处在于,在引用为空 (
开发常识:命令行终端、库源码、版本、开发环境阶段、API和SDK 在开发和测试阶段,使用 HTTP 可能更方便,避免了配置证书和加密协议的复杂性,节省了开发时间。开放的CDN(内容分发网络)平台,用于托管开源的JavaScript、CSS和NPM包。的测试,包括功能测试、性能测试、兼容性测试等,以确保软件的质量和稳定性。的网络环境或特定的攻击场景,此时使用 HTTP 可能更合适。软件版本提交给测试团队后的。测试,旨在快速验证软件的。
移动端适配之viewport 此Hook利用了的resize事件,处理移动设备上因等导致视口变化API 提供了有关视觉视口(visual viewport)的信息,即用户实际看到的部分,这部分可能会因为UI元素(如地址栏和键盘)的显隐而改变。
前端性能优化 1.做(三省):懒能不能?的:减少渲染+缓存静态资源;如果要做,能不能?紧急缓慢/万一不用做了的:延迟非必要+预处理必要;拖不下去的时候,能不能?:压缩体积,多路复用2.能否更快更好3.预防。
yarn/npm certificate has expired 目录报错原因:HTTPS 证书验证失败方法a.检查网络安全软件:可能会拦截或修改 HTTPS 流量b.strict-ssl:false关闭验证【临时方法】yarn 安装包时报“certificate has expired”_yarn certificate has expired-CSDN博客
国际化(i18n):react、vue、element兼容 i18n应用中,下述 JSON 对象通常会根据不同的语言或功能模块被拆分成多个独立的 JSON 文件,如zh->home.json,en->login.json。从本地化资源文件中获取特定键的字符串,并且可以动态地插入变量。"CN" 则表示该语言的特定区域,即中华人民共和国(China)。(namespace,如下述zh.json中的login),避免了不同组件间状态管理的复杂性和冗余性。包含国际化设置的对象,判断和切换语言。等在整个应用程序中需要访问的数据。,.xml,.ts存储对象。
setTimeout、setInterval、requestAnimationFrame,定时器不准时 变动观察器)是一种Web API,它允许开发者监视DOM树的变化并在这些变化发生时执行回调函数允许监视DOM树的变化,因此它也可以用于异步任务的调度。不同设备的屏幕刷新频率可能不同, setTimeout/setInterval只能设置固定的时间间隔,这个时间和屏幕刷新间隔可能不同。考虑极端情况,假如定时器里面的代码需要进行大量的计算,或者是DOM操作,代码执行时间超过定时器的时间,会出现定时器不准的情况。是一种宏任务,但是优先级较低,可能在其他异步任务之后执行。这样设计的原因,如果在GUI渲染的时候,