前言Angular 的 Form 相对于 Angularjs 的来说形式会多一些，我们不仅可以使用像 Angularjs 中的传统写法（模板驱动表单），还可以使用 Angular 中的响应式表单和动态表单，不过本文主要是分享响应式表单。模板驱动表单现在我们来看一个简单的例子，这个例子使用了传统的写法。 在 app.moudle.ts 中引入 FormsModule ，并在 imports

前言Angular7 + Koa2 开发个人博客，跟 vue2 一样，大体结构差不多，只是 Angular7 的代码编写方式有所不同，不同归不同，万变不离其宗。这篇文章不会细读 Angular，只是抛砖引玉，把在开发中的主要代码分享出来。前端 Angular7简单的准备这里从安装开始，安装 CLI 脚手架npm install -g @angular/cli通过 ng new 命令初始化项目ng

前言这篇文章分享一些代码编写风格，有一些代码可能会需要指定的场景，有些代码则不需要，不管怎么样，我们都可以从中学到如何编写一手高质量、简洁的代码。示例中的代码会尽量使用 ES6 语法编写。开始话不多说，我们开始。const or let这个问题其实也没什么好争论的，只不过我们可以更好的使用它们：const ：当你这个变量在后续不会发生变量的时候就应该使用它，即使是一个对象也不例外，最明显的一个好处

前言条条道路通罗马，这篇文章会把不同场景的不同实现方式收集想来，只是为了展示更多的可能性。遍历数组遍历：// 方法一： for(let i;i<len;i++){} // 方法二： arr.forEach((item,index,array)=>{}); // 方法三 let newArr = arr.map((value, index, array) => value*inde

前言这篇文章可以说算是对最近使用 Vue + Koa2 来开发一个博客并且部署到服务器（Centos 7）一个总结。我走过的路，你终将会来，所以这篇文章你真的不容错过。即使你也可以像我这样遇到问题从网上找，但有现成的为什么还要去找？我真的不想自己浪费了时间去解决的一些问题，然后别人又用同样多甚至更多的时间去重复这些无聊的工作。为此我想写下这篇文章，把坑都填好，把路都铺平，让你直接秒变老司机。这篇文

前言可以说 JavaScript 发展到现在已经出人投地了，并且我相信未来 JavaScript 会超乎我们的想象，这只是时间问题。不过话又说回来，对于天天敲 JavaScript 的开发人员来说，我们最关注的还是如何高效地使用 JavaScript。为此本文就来得理直气壮了，下面我就把一些自己知道的，见过的关于在使用 JavaScript 时的一些坑整理分享出来。1、慎用 isNaN(

前言这篇文章会把一些在平时开发中遇到的关于 JavaScript 中的一些最佳实践整理出来，有常见的，也有不常见的，不过这只是相对而言，因为每个人的能力以及经历不尽相同，有的人觉得这不是一个什么罕见的问题，我平时也遇到不少，而有人的却会觉得这个我从来都没见过。但这都不要紧，我们一步一个脚，终将会成为那个他。JavaScript 中的一些最佳实践下面我们就开始，由于这是整理，可能会让你觉得比较零散，

前言JavaScript 的执行相信很多人都已经不陌生了，毕竟在程序的世界你天天都在调试。我也相信你已经知道 JavaScritp 有预编译这么一说。但在执行前后的预编译做了什么你知道吗？下面我们就来揭开它的神秘面纱。我们就从 JavaScript 文件从无到有，再到执行完作为线索来一步一步的深入理解JavaScript 的预编译与执行。首先当我们打开一个页面时，开始下载 JavaScript 文

前言委托模式就是把本该自己要做的事叫别人替你做，对于你自己来说是好事（至少不用自己去做），但对于别人来说很有可能是一件坏事（别人也有自己的事要忙），委托模式在  JavaScript 程序中就有点不一样，即使原理跟前面解析是一样的，便效果却是皆大欢喜。为什么这么说，我们不妨往下看。委托模式之旅委托模式在我们平时的开发中也很实用，比如我们有一个菜单，假设菜单的数量很多，点击每个菜单都会跳转

前言中介这个词相信你肯定不陌生，这个模式在我们的日常生活当中太常见了，比如：领导跟你说帮完处理下某事，你收到通知后就马上去做了，领导不关心在这个过程当中你多少个日夜没睡，他关心的只是结果。作为领导的下属你就应该有求必应，替领导完成所要完成的一些事。在这里中介事是谁，当然是你拉！领导-你-事情，你帮领导去做某事情。在程序中中介者模式也差不多这个意思。我只需要跟你说我要做什么，你（中介者）替我完成就可

前言节流器顾名思义就是节流，你也可以理解成截流，但它不会一棍子打死，因为它会留下一条后路，让最后一次事件得到妥善处理，而前面的都会被无情截掉。为什么需要节流器比如你页面中有一个返回顶部的按钮，这个按钮会根据你的页面滚动而滚动，保证自己最终会停留在页面的固定位置。首先为了实现上面的这个带动画的返回顶部按钮，你可能会使用到 scroll 事件，不管是原生的还是第三方库（比如：jquery）的。如果你一

前言代理模式在我们的生活中也很常见，比如：1、你玩国外的游戏，常常需要买个代理才能玩得尽兴；2、你到了结婚生娃的年龄却没有对象，媒婆给你介绍；3、收快递很多时候都直接到丰巢或者指定的代理点取；这些都有代理的身影，在程序中也不例外。为什么需要代理回想一下前面我们说到的几个在日常生活中的例子，想想为什么会有这些代理出现，存在即是合理，所以我们只能想为什么。1、一个最明显的好处就是可以让工作细化，专业的

前言网上关于发布-订阅模式的文章已经有很多，但雷同的数不胜数，没有意思，再者我觉得网上很多文章说得不够形象生动，让人看得云里雾里的，为此我想分享下我对发布-订阅模式的理解。发布-订阅模式之旅发布-订阅这个在很多模式中都很常见，比如 VUE。条条道路通罗马，可能实现的方法不同，但效果是差不多的。在一些异步请求中发布-订阅模式也大有用处。我觉得这个发布-订阅模式其实作用就相当于 VUE 中的钩子函数，

前言不管什么书，你有没有发现它们都有一个共同点，就是不管一个知识点有多容易懂，作者都会用尽量多的文字来描述。我认为其中一个重要的原因就是从不同的角度来给你展现这个知识点，让你对所学知识点更加深刻，但有时候我并不这么认为，我觉得更好的做法是我给你讲完了一个套路，你可以自己去慢慢体会，理解透彻，然后再结合自己的实践工作进行尝试。我觉得把书写厚是体力活，把书写薄才是脑力活，不费话，跑题了。什么是策略模式

前言单例模式（Singleton）说白了就是一山不能容二虎。只允许实例化一个实例对象。原理那单例模式的原理是什么呢？它的套路也很简单，在创建对象之前先判断下实例对象是否已经存在，如果实例对象不存在，那么就创建它，否则直接返回已有的实例对象。那创建的这个实例要保存到哪里呢？放在全局对象？No，一般的实现是通过立即执行函数和闭包实现实例的存储，然后通过对外方法来访问这个实例对象。这样做的好处有：不会污