August 9, 2020
js
html
css3
前端开发,入门简单,有一台可以运行多款浏览器的电脑,能联网查询资料即可。深入的部分,需要更多的理论知识、肯钻研的精神。前端开发,需要入门了解的屈指可数,主要就是如下几个大方面:
背景知识软件安装文本编辑器
vscode(推荐使用,功能强大)
Sublime Text
NodePad++
浏 ...
Read more
August 9, 2020
js
html
css3
CSSJavascriptWeb FormsCross-browser testingAccessibilityModern tooling参考web-develop
Read more
August 5, 2020
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
August 5, 2020
angular
测试用例
UT
开篇三问:
为何要进行单元测试?
单元测试有什么好处?
如何编写angular单元测试?
没有单元测试会如何?
或者换句话说,为何要开发编写单元测试?在业务开发紧张的情况下,往往会忽略单元测试,直接采用,然后开启下方的难忘人生回忆~
单元测试有啥好处?
我们在开发完毕,加入单元测 ...
Read more
July 28, 2020
performance
性能优化
lighthouse
lighthouse优化前打分
从中我们可以看到具体的优化建议
移除不用的code
图片改用压缩率高的JPEG 2000, JPEG XR, and WebP
减少css,js对界面渲染的影响
避免使用 document.write()
静态资源,使用有效的缓存策略,譬如CDN
避免重 ...
Read more
July 27, 2020
performance
js
性能定义性能理解
性能是相对的,非绝对的快的网络好的硬件设备,加载同样网页 ,会比差的网络和硬件设备不同站点的加载耗时,也可能是相同的站点加载虽然快,但是用户交互、请求响应也可能慢
好的性能如何定义
Perceived load speeda(界面加载和渲染速度)
how quickl ...
Read more