网络

OSI 7 层参考模型

TCP/IP 协议

阅读更多

husky和commitlint的使用

说明: 项目中需要约定提交信息规范,可使用 huskycommitlint,对 gitcommit 信息进行校验。
该插件针对,changelog 有很大的用处,因为生成 changelog 需要 commit 的规则规范,huskycommitlint 可以很好的配合

安装

阅读更多

谈ng-zorro-antd组件库的构建思维

为什么要使用组件库?如果不用会产生什么问题?

假设我们不用组件库,一个系统有上百个页面,每个之间页面都是没有依赖的,这每个页面都有自己的组件,每当新建一个页面并且有用到相似组件,这份组件就有可能被拷贝一份。组件就被分隔成了互不干扰的状态,这样做确实有好处,好处就是产品突然有了灵感说,这个页面的某某控件想要优化点东西和交互效果,那就可以做到不影响其他页面的组件以达到产品的需求。那么问题来了, 若其中一个页面其中组件发现了 bug,那么这份源组件及其他副本组件都存在隐患,都需要进行修复,这样的工作量无疑是繁琐且浪费精力的。

阅读更多

angular升级

6 升 7

项目使用 angular@6+ng-zorro-antd@1.5
背景:
项目中列表数据量大,滚动,操作等卡顿
此前已经根据该问题利用数据触底加载的方案进行简单优化,但是当全部数据加载完毕时,页面还存在卡顿现象
原因:

阅读更多

图书馆随记

读《web 前端测试与集成》

前端测试:
一个项目测试比重呈金字塔模型 :从下到上 单元测试-集成测试-端到端测试
测试驱动开发:先写单元测试再编程,通过需求分析写单元测试,对业务的理解/代码的设计组织有帮助
行为驱动开发:适用敏捷开发,通过描述场景并实例化让非技术人员和技术人员一起梳理故事
行为驱动开发的测试框架:Jesmine/karma
Jesmine: 运行需要 html,jesmine 库,测试用例代码,被测试代码
karma:运行在 node 服务上可集成 jesmine/mocha 框架,有一定的配置化学习成本,代码发生改变可热更新自动更新测试结果

阅读更多