-
three.js 自带的几何图型粒子动画变形记前言粒子动画，真的很美，所以第一个就是学习简单的粒子动画，这篇文章使用基本的几何图形来实现不同几何图形之间的粒子过渡效果。粒子之旅在这里也没有什么可说的，上码：// index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>粒子所属类别：JavaScript2019-01-30
-
Angular 入门（真的只是入门）前言这个入口没有过多的言语，只会把平时做 Angular 开发中很常用到的一些东西整理出来，让你过目并轻松入门。指令指令即为 Angular 为我们封装好的一些模块。我们通过简单的调用就可以实现一些想要的功能。NgIf 指令语法*ngIf="condition"<div *ngIf="isLoaded">加载完成</div>*ngIf="condition; el所属类别：Angular2019-01-04
-
Angular 视图引用前言从简单说起，与视图相关的几个对象实例：TemplateRef、ViewContainerRef、ElementRef，不管是哪一个，它们共同的说点就是后面都带上了 Ref，我们可以理解成 xx 的引用。我们可以通过这些对象引用来对视图进行操作（向指定位置添加 html 内容或者组件）。不管是 TemplateRef、ViewContainerRef 还是 ElementRef 都可以配合 @V所属类别：Angular2019-01-03
-
Angular 动态组件前言Angular 动态组件代码结构├── app │ ├── dynamic-component │ │ ├── dynamic-child.component.ts │ │ ├── dynamic-child.component.html │ │ ├── dynamic-parent.component.ts │ │ └── dynamic-parent.component.html样所属类别：Angular2019-01-02
-
Angular Form-动态表单前言动态表单是基于响应式表单的。所以需要提前准备相关知识。本示例参考了官方的教程，在官方教程的基础上进行了拓展。可以给每个表单项添加多个校验。动态表单这里会做一个简单的表单，包括 input 输入框、下拉框、单选按钮。结构├── app │ ├── dynamic-from │ │ ├── shared │ │ │ ├── dynamic-base.ts │ │ │ ├──所属类别：Angular2018-12-28
-
Angular Form-响应式表单前言Angular 的 Form 相对于 Angularjs 的来说形式会多一些，我们不仅可以使用像 Angularjs 中的传统写法（模板驱动表单），还可以使用 Angular 中的响应式表单和动态表单，不过本文主要是分享响应式表单。模板驱动表单现在我们来看一个简单的例子，这个例子使用了传统的写法。 在 app.moudle.ts 中引入 FormsModule ，并在 imports所属类别：JavaScript2018-12-24
-
Angular7 + Koa2 开发个人博客前言Angular7 + Koa2 开发个人博客，跟 vue2 一样，大体结构差不多，只是 Angular7 的代码编写方式有所不同，不同归不同，万变不离其宗。这篇文章不会细读 Angular，只是抛砖引玉，把在开发中的主要代码分享出来。前端 Angular7简单的准备这里从安装开始，安装 CLI 脚手架npm install -g @angular/cli通过 ng new 命令初始化项目ng所属类别：Angular2018-12-24
-
JavaScript 编码之美前言这篇文章分享一些代码编写风格，有一些代码可能会需要指定的场景，有些代码则不需要，不管怎么样，我们都可以从中学到如何编写一手高质量、简洁的代码。示例中的代码会尽量使用 ES6 语法编写。开始话不多说，我们开始。const or let这个问题其实也没什么好争论的，只不过我们可以更好的使用它们：const ：当你这个变量在后续不会发生变量的时候就应该使用它，即使是一个对象也不例外，最明显的一个好处所属类别：JavaScript2018-12-03
-
JavaScript 大千世界前言条条道路通罗马，这篇文章会把不同场景的不同实现方式收集想来，只是为了展示更多的可能性。遍历数组遍历：// 方法一： for(let i;i<len;i++){} // 方法二： arr.forEach((item,index,array)=>{}); // 方法三 let newArr = arr.map((value, index, array) => value*inde所属类别：JavaScript2018-11-26
-
Vue+Koa2 项目线上部署前言这篇文章可以说算是对最近使用 Vue + Koa2 来开发一个博客并且部署到服务器（Centos 7）一个总结。我走过的路，你终将会来，所以这篇文章你真的不容错过。即使你也可以像我这样遇到问题从网上找，但有现成的为什么还要去找？我真的不想自己浪费了时间去解决的一些问题，然后别人又用同样多甚至更多的时间去重复这些无聊的工作。为此我想写下这篇文章，把坑都填好，把路都铺平，让你直接秒变老司机。这篇文所属类别：Vue2018-11-25
-
JavaScript 中的一些有形无形的坑前言可以说 JavaScript 发展到现在已经出人投地了，并且我相信未来 JavaScript 会超乎我们的想象，这只是时间问题。不过话又说回来，对于天天敲 JavaScript 的开发人员来说，我们最关注的还是如何高效地使用 JavaScript。为此本文就来得理直气壮了，下面我就把一些自己知道的，见过的关于在使用 JavaScript 时的一些坑整理分享出来。1、慎用 isNaN(所属类别：JavaScript2018-11-25
-
JavaScript 中的一些最佳实践前言这篇文章会把一些在平时开发中遇到的关于 JavaScript 中的一些最佳实践整理出来，有常见的，也有不常见的，不过这只是相对而言，因为每个人的能力以及经历不尽相同，有的人觉得这不是一个什么罕见的问题，我平时也遇到不少，而有人的却会觉得这个我从来都没见过。但这都不要紧，我们一步一个脚，终将会成为那个他。JavaScript 中的一些最佳实践下面我们就开始，由于这是整理，可能会让你觉得比较零散，所属类别：JavaScript2018-11-25
-
一个 JavaScript 文件从下载到执行发生了什么前言JavaScript 的执行相信很多人都已经不陌生了，毕竟在程序的世界你天天都在调试。我也相信你已经知道 JavaScritp 有预编译这么一说。但在执行前后的预编译做了什么你知道吗？下面我们就来揭开它的神秘面纱。我们就从 JavaScript 文件从无到有，再到执行完作为线索来一步一步的深入理解JavaScript 的预编译与执行。首先当我们打开一个页面时，开始下载 JavaScript 文所属类别：JavaScript2018-11-25
-
委托模式：合作愉快前言委托模式就是把本该自己要做的事叫别人替你做，对于你自己来说是好事（至少不用自己去做），但对于别人来说很有可能是一件坏事（别人也有自己的事要忙），委托模式在 JavaScript 程序中就有点不一样，即使原理跟前面解析是一样的，便效果却是皆大欢喜。为什么这么说，我们不妨往下看。委托模式之旅委托模式在我们平时的开发中也很实用，比如我们有一个菜单，假设菜单的数量很多，点击每个菜单都会跳转所属类别：JavaScript2018-11-25
-
中介者模式：程序界的代工厂前言中介这个词相信你肯定不陌生，这个模式在我们的日常生活当中太常见了，比如：领导跟你说帮完处理下某事，你收到通知后就马上去做了，领导不关心在这个过程当中你多少个日夜没睡，他关心的只是结果。作为领导的下属你就应该有求必应，替领导完成所要完成的一些事。在这里中介事是谁，当然是你拉！领导-你-事情，你帮领导去做某事情。在程序中中介者模式也差不多这个意思。我只需要跟你说我要做什么，你（中介者）替我完成就可所属类别：JavaScript2018-11-25