-
谈谈 ES6 中的 Generator 生成器前言ES6新特性 Generator，翻译过来就是生成器的意思，也不知道为什么官方会用这个名字，因为光从它的意思来看，感觉跟他的作用毫无关联。但既然都已经这么叫了，那我们也就从了吧。Generator 是什么？ECMAScript 6 中提供的一个新特性。回想一下，我们之前的函数可以有那些行为？我想到的就只有一种，收到命令马上执行并且是一口气执行完，除非程序中途出错。而现在 ECMASc所属类别：前端杂谈2019-06-15
-
React 入门：走马（博客）观花（React 代码）前言这里是真正开始学习 React 的第一篇文章，在这篇文章里主要是把两周时间里用 React 从无到有搭建一个个人博客中所涉及到的一些常用代码块。这里入门的每一篇，也算是自己的处女作了。首先说明：博客基本 ant.design ui 库进行开发。代码中使用的组件基本都来自于它。所以你可以有选择的忽略这些，只关注重点。代码块专场下面我就以在开发博客为主线，把实现一个博客涉及到 React 的常用代所属类别：React2019-06-11
-
React 环境搭建（起步）前言这篇文章没什么好分享的，只是记录下 React 的环境搭建，并且篇也不会很长。官网：https://reactjs.org/安装国内最好切找到淘宝的镜像，不然会很慢，甚至还很有可能安装不成功。npm config set registry https://registry.npm.taobao.org 可以通过下面这个命令查看是否配置成功。npm config get registry 如果配所属类别：React2019-05-27
-
React 学习计划前言为什么学习 React ？因为技多不压身。多一项技能，多一种可能。首先学习 React 最终的小目标就是生写现在的博客。之前写了 Anguar 版的和 Vue 版的。后来为了 seo 写了 Nunjucks 版的。现在博客就是 Nunjucks 版的。React 计划我学习的方式也很简单，也没什么捷径。我浰通过写一个博客来衡量学习的成果是很不错的，类为你在这个过程中学到很多东西和遇到很多坑。给所属类别：React2019-05-27
-
Vue2 源码解读 util.js文件位置https://github.com/vuejs/vue/blob/dev/src/shared/util.js下面我们对 util.js 中的一些方法进行解读。// 非 undefined、非 null export function isDef (v: any): boolean %checks { return v !== undefined && v所属类别：Vue2019-04-25
-
Vue2 组件间的交互前言vue 组件之间的交互必不可少，不同的场景我们可以使用不同的实现方式，本文主要是分享下组件之间的多种数年交互方式。父子组件对于这种场景我们可以通过 props 向子组件传递数据，子组件可以通过事件 this.$emit() 的方式向父组件传递数据，这种方式很常用。获取子组件的实例，可以通过在父组件中给子组件添加 ref="child" 属性，然后通过 this.$refs['child'] 进所属类别：Vue2019-04-24
-
Vue2 中的 extends 和 mixins前言这篇文章虽然说的是 Vue 中的 mixins 和 extends 的，但可以通过它们来学会实战中的代码组织方式。mixins 组件中共用的代码抽离出来，放到一个 mixin.js 文件中，然后在组件中通过 mixins 属性混入mxin.js 文件（简单的理解就是），从而得到一些预先定义好的属性、方法。extends ：对某个组件进行扩展，也就是在原有组件的基础之上编写代码。通过它所属类别：Vue2019-04-24
-
Vue2 钩子函数前言本文将介绍 Vue2 中的钩子函数，重点是钩子函数的执行顺序（对于父子组件）以及合并原理（对于 mixin）。钩子函数首先来看看 Vue2 中组件钩子函数都有哪些：beforeCreate（组件创建之前）created（组件创建完成）beforeMount（组件挂载之前）mounted（组件挂载完成）beforeUpdate（组件更新之前）updated（组件更新完成）beforeDestro所属类别：Vue2019-03-24
-
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