Nicky Lao
Nicky Lao
## 软件 - [Best-App列表](https://github.com/hzlzh/Best-App) --- - 效率 - iTerm 强大的命令行工具，代替 Terminal - [iTerm2 + Oh My Zsh 打造舒适终端体验](https://segmentfault.com/a/1190000014992947) - Alfred 快速启动工具 - https://github.com/withfig/autocomplete - https://github.com/aikuyun/iterm2-zmodem - 文档 - Typora ：Markdown编辑器...
# 好文章列表 用于学习和实践过程参考的文章（不会刻意去整理记录，但学习过程中会持续更新） ## 技术架构 - 《许式伟的架构课》从源头出发，带你重新理解架构设计 - [支付宝首次披露其小程序技术架构](https://mp.weixin.qq.com/s/PX7b_qV6tYKnN3ecoz9Ehw) - [构建可信软件系统](https://github.com/phodal/trusted/blob/master/images/trusted.jpg) - [蚂蚁前端研发最佳实践](https://github.com/sorrycc/blog/issues/90) ### 前端架构 - [对前端架构的理解 - 分层与抽象](https://github.com/ascoders/weekly/blob/master/%E5%89%8D%E6%B2%BF%E6%8A%80%E6%9C%AF/254.%E7%B2%BE%E8%AF%BB%E3%80%8A%E5%AF%B9%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84%E7%9A%84%E7%90%86%E8%A7%A3%20-%20%E5%88%86%E5%B1%82%E4%B8%8E%E6%8A%BD%E8%B1%A1%E3%80%8B.md) ## 设计模式 - [观察者模式 vs 发布-订阅模式](https://juejin.im/post/5a14e9edf265da4312808d86) - [图说设计模式](https://design-patterns.readthedocs.io) - [java-design-patterns](https://github.com/iluwatar/java-design-patterns) -...
> 团队内技术分享，2022-01-12 # 测试的类型 - **单元测试**: 测试一段代码(通常是一个对象或函数) ，与其他部分隔离开来 - **集成测试**: 将多个部分放在一起进行测试 - **功能测试**(也称为e2e测试): 对整个应用程序进行自动测试，这些测试通常忽略整个应用程序的内部结构，而是从外部像黑盒子一样查看它们。 详细了解： - [What are Unit Testing, Integration Testing and Functional Testing?](https://codeutopia.net/blog/2015/04/11/what-are-unit-testing-integration-testing-and-functional-testing/) - [JavaScript Testing: Unit vs...
BFF 网关是一种逻辑分层，在后端普遍采用的技术背景下，作为适配层更好地为前端服务，而传统业务后端只需要 关注自己的微服务即可。 BFF 层上游是各种后端业务微服务，在 BFF 下游就是各端应用，BFF 层向下给端提供 HTTP 接口，向上通过调用 HTTP 或 RPC 获取数据进行加工，最终完成整改 BFF 层的闭环。 对比传统的架构，我们可以 得出 BFF 层设计的优势： - 降低沟通成本，领域模型与页面数据更好地解耦； - 提供更好的用户体验，比如可以做到多端应用适配，根据不同端，提供更精简的数据。 BFF 同时也引出一些痛点： - 需要解决分工问题，作为衔接前与后的环节，需要界定前后端职责，明确开发归属； - 链路复杂，引入...
Angular 1.x和ES6的结合 https://github.com/xufei/blog/issues/29 Angular1.x + ES6 开发风格指南 https://github.com/kuitos/kuitos.github.io/issues/34
# AOT 编译 ## 相关文章 [如何评价 angular 2 中的 AoT？](https://www.zhihu.com/question/53434390/answer/134984857) [Angular 预编译（AOT） ](https://coyee.com/article/11723-ahead-of-time-compilation-in-angular) [预 (AOT) 编译器](https://angular.cn/guide/aot-compiler) JIT: Just-in-Time Compiler AOT:Ahead-of-Time Compiler ## Issues - 使用`ng build --prod -aot `构建的时候，工程中未使用到的components会报错，如下；删除未引用的文件即可 >...
## 1.概述 ### 1.1 需求背景 （业务项目，脱敏，省略内容。。。） ### 1.2 关键难点功能分解 只列出一些对技术实现影响比较大和选型的点 - 编辑器画布 - 拖拉拽 - 属性面板 - 连线工具 - 外观内容 - 样式设置（位置&颜色字体） - 撤销&还原操作 - 组件控件 - 支持自定义组件（建议图片） - 画布组件支持点击指定超链接或按钮弹窗查看详情...
> **本文部分内容和截图内容都来自以下第五届前端早早聊大会分享：** > **《如何实现用户行为的动态采集与分析》** > **《如何结合组件设计前端埋点策略》** > **《如何面向场景做监控数据分析》** > **《如何针对 APP 自建前端监控体系》** > **《如何搭建一套多端错误监控平台》** > **《如何基于错误日志进行分析和告警》** > **《如何基于数据和堆栈映射快速定位问题》** > **《如何设计前端实时分析及报警系统》** > **会议详细见：**[https://www.yuque.com/zaotalk/conf/425](https://www.yuque.com/zaotalk/conf/425) 本文是会议总结文章，可能会有点大乱炖的感觉。 监控步骤：定制规范，埋点 > 采集 > 计算 > 分析...
## 什么是贫血模型？ **MVC三层架构模式** 想必大家都听过或者用过，传统开发的MVC模式其实大部分是贫血模型。 我们回顾一下MVC的三层架构： - M 代表 Model （数据层） - V 表示 View （展示层） - C 表示 Controller （逻辑层） 前后端分离之后，后端负责暴露接口给前端调用，这种情况下，后端项目分为： > 这只是举例某一种命名方式，也有别的习惯命名不同 - Repository 层，负责数据访问（DAO） - Service...
# Git 教程指南 ## Git 工作流 [Git 工作流程](http://www.ruanyifeng.com/blog/2015/12/git-workflow.html) ## Git 与 SVN 区别 - [git和svn的详细对比](https://www.cnblogs.com/dazhidacheng/p/7478438.html) ## 如何正确提交PR ### 1.1 如何发起 `pull request` 推荐 `GitHub` 使用工具，建议 [WebStorm](https://www.jetbrains.com/webstorm/) , [Sourcetree](https://www.sourcetreeapp.com/) ，命令行( window...