设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

一些基础内容，可作为文档参考。不行了，实在写不下去了，到后来每输入一个字符我都要等将近 20 秒。。。。。卡的要死。。。。。。 reactive() 函数接收一个对象作为参数，并返回一个代理对象。 上面代码中的 document.body.innerText = obj.tex…

入行三年多，由于最近开始接手angular项目，到此为止，算是三大框架都撸了一遍了，不敢说熟练使用，但是也是有了一些使用和选型心得了，在此尝试细说三大框架的优点以区别，加深自己理解的同时，帮助大家快速搞定技术选型。 React：蚂蚁数据可视化、爱彼迎、飞猪、阿里大于、虾米音乐、…

现代前端项目多为单页Web应用(SPA)，在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现，例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式，而是介绍前端路由的基…

一个前端项目简单的开发部署流程通常是这样的：先本地开发，当完成某个功能后构建打包，然后将生成的静态文件通过 ftp 或者其他方式上传到服务器中。并将代码 push 到 GitHub 或者 码云 等远端仓库中进行托管（为了突出本文的重点，暂不考虑测试的环节）。这种工作流不免有些劳…

在多人协作的项目中，如果Git的提交说明精准，在后期协作以及Bug处理时会变得有据可查，项目的开发可以根据规范的提交说明快速生成开发日志，从而方便开发者或用户追踪项目的开发信息和功能特性。 这里提供演示项目地址：cz-example。 如果没有规范的提交说明，很难阐述当前代码的…

本文是算法与 TypeScript 实现中 TypeScript 项目整体的环境配置过程介绍。主要包括了以下一些配置内容： 如果你对以上的某些配置非常熟悉，则可以跳过阅读。如果你不清楚是否要继续阅读其中的一些配置信息，则可以通过工程问题来决定是否要继续阅读相关的内容。 算法与 …

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

在你快要完成一个项目时，突然工程里的很多地方都出现了 bug，你修完一个又冒出新的一个，就像在玩打地鼠游戏一样……几轮下来，你会感到一团糟。此时有一个可以让你的项目再次发光的解救方案，那就是为将要开发的和已经存在的特性编写测试。编写测试可以保证功能特性没有 bug。 在本教程中…