前端analysis | 知其所以然

《Node》- npm 与yarn 区别

npm node yarn
1.node 安装 npm是node安装包中默认自带的,推荐使用nvm等node版本管理工具安装,避免可能的权限问题 npm 版本验证1234$ node -vv10.19.0$ npm -v6.14.2 npm 更新1[sudo] npm install npm -g npm lates ...
Read more

《angular8》-Angular8多场景下单元测试实践指南

angular 测试用例 UT
开篇三问: 为何要进行单元测试? 单元测试有什么好处? 如何编写angular单元测试? 没有单元测试会如何? 或者换句话说,为何要开发编写单元测试?在业务开发紧张的情况下,往往会忽略单元测试,直接采用,然后开启下方的难忘人生回忆~ 单元测试有啥好处? 我们在开发完毕,加入单元测 ...
Read more

《Performance》- 博客性能优化到90分+实践

性能优化 performance lighthouse
lighthouse优化前打分 从中我们可以看到具体的优化建议 移除不用的code 图片改用压缩率高的JPEG 2000, JPEG XR, and WebP 减少css,js对界面渲染的影响 避免使用 document.write() 静态资源,使用有效的缓存策略,譬如CDN 避免重 ...
Read more

《Performance》- 前端界面性能指标和测量优化方法

js performance
性能定义性能理解 性能是相对的,非绝对的快的网络好的硬件设备,加载同样网页 ,会比差的网络和硬件设备不同站点的加载耗时,也可能是相同的站点加载虽然快,但是用户交互、请求响应也可能慢 好的性能如何定义 Perceived load speeda(界面加载和渲染速度) how quickl ...
Read more

《Security》- SameSite入门

sameSite
http请求,每次都会携带cookies.http请求是无状态的,那么通过设计cookie,标记回话,标记用户登录状态的。无加密状态,就会存在安全风险,别人盗用你的cookies,操作你的账户中数据。CSRF(cross site request fakey). 之前,通用的做法是使用Re ...
Read more

《Js》- js 原生方法原理和实现过程

js 原生
ArrayisArray 1234Array.isArray = function(arg) { return Object.prototype.toString.call(arg) === '[object Array]';}; from 123 ...
Read more
上一页 下一页