摘要：
一、Webpack和gulp/grunt对比 1、Gulp和Grunt Grunt和Gulp的工作方式是:在一个配置文件中，指明对某些文件进行类似编 译，组合，压缩等任务的具体步骤，工具之后可以自动替你完成这些任务。 Grunt 弊端： 是基于文件流的（读到内存，替换），随着项目膨胀，会越来越慢，越 阅读全文
摘要：
创建share Modele：ng g m share import进来所有需要共享的模块都export出去， 一、共享CommonModule 暂时只有CommonModule,以后会有一些需要共享的组件。 import { NgModule } from '@angular/core'; imp 阅读全文
摘要：
核心模块CoreModule在整个系统中只加载一次，如何实现？ 创建core Modele：ng g m core 既然CoreModule是类，就有构造函数，在构造函数中进行依赖注入。 使用SkipSelf注解避免重复注入。去系统的父级找依赖。 使用Optional注解 让SkipSelf作为可选 阅读全文
摘要：
json文件可以理解为数据库 一、json-server快速搭建RESTAPI 安装： sudo cnpm install -g json-server 启动（使用）： json-server指向json文件所在位置 data.json文件： { "roles": [ { "id": 0, "nam 阅读全文
摘要：
一、todolist功能开发 <div id="root"> <div> <input type="text" v-model="inputValue"> <button @click="handleSubmit">提交</button> </div> <ul> <li v-for="(item, 阅读全文
摘要：
一、挂载点，模版和实例 二、Vue实例中的数据，事件和方法 1、v-html指令和v-text指令 v-html ：不转义 v-text :转义过后的内容 <div id="root"> <div v-html="content"></div> <div v-text="content"></div 阅读全文
摘要：
CSRF（Cross Site Request Forgeries）跨网站请求伪造，也叫XSRF，通过伪装来自受信任用户的请求来攻击利用受信任网站。 与对比 xss:本网站运行了来自其它网站的脚本 csrf:其它网站对本网站产生了影响 一、攻击 利用用户登录态伪造http请求。 危害： 盗取用户资金 阅读全文
摘要：
一、路由守卫 当用户满足一定条件才被允许进入或者离开一个路由。 路由守卫场景： 只有当用户登录并拥有某些权限的时候才能进入某些路由。 一个由多个表单组成的向导，例如注册流程，用户只有在当前路由的组件中填写了满足要求的信息才可以导航到下一个路由。 当用户未执行保存操作而试图离开当前导航时提醒用户。 A 阅读全文
摘要：
一、辅助路由语法 同时控制多个插座内容。 第一步： 模版上除了主插座，还需要声明一个带name属性的插座 第二步： 路由配置中配置name为aux的插座上可以显示哪些组件，比如显示xxx和yyy组件。 第三步： 在导航时候，路由到某个地址时，主插座显示哪个组件，辅助的插座上显示哪个组件 二、实例 聊 阅读全文
摘要：
有3种方式 1、在查询参数中传递数据 2、在路由路径中传递数据 定义路由路径时就要指定参数名字，在实际路径中携带参数。 3、在路由配置中传递数据 一、在查询参数中传递数据 第一步：修改模版中商品详情链接，带一个指令queryParams 效果：点击链接会传一个商品id为1的参数过去。 第二步：在商品 阅读全文
摘要：
一、子路由语法： 二、实例 在商品详情页面，除了显示商品id信息，还显示了商品描述，和销售员的信息。 通过子路由实现商品描述组件和销售员信息组件展示在商品详情组件内部。 1、新建2个组件修改其内容 重点是修改销售员信息组件，显示销售员ID。 2、修改路由配置 给商品组件加上子路由 3、修改produ 阅读全文
摘要：
一、路由相关对象 Router和RouterLink作用一样，都是导航。Router是路由器在Controller中用的，RouterLink是在模版中用到。 Route路线，Router路由器 二、路由对象的位置 1、Routes对象 配置在模块中。Routes由一组配置信息组成，每个配置信息至少 阅读全文
摘要：
运行时动态改变组件模版的内容。没路由那么复杂，只是一段html，没有业务逻辑。 ngContent指令将父组件模版上的任意片段投影到子组件上。 一、简单例子 1、子组件中使用<ng-content>指令来标记投影点 2、父组件中把要投影到子组件的投影点的html片段写到子组件的标签中 效果： 子组件 阅读全文
摘要：
一、view钩子 view钩子有2个，ngAfterViewInit和ngAfterViewChecked钩子。 1、实现ngAfterViewInit和ngAfterViewChecked钩子时注意事项 以父组件调用子组件方法 中例子为基础，在父组件中实现ngAfterViewInit和ngAft 阅读全文
摘要：
组件生命周期以及angular的变化发现机制 红色方法只执行一次。 变更检测执行的绿色方法和和组件初始化阶段执行的绿色方法是一个方法。 总共9个方法。 每个钩子都是@angular/core库里定义的接口。 import { Component, OnInit } from '@angular/co 阅读全文
摘要：
viewChild装饰器。 父组件的模版和控制器里调用子组件的API。 1、创建一个子组件child1里面只有一个greeting方法供父组件调用。 import { Component, OnInit } from '@angular/core'; @Component({ selector: ' 阅读全文
摘要：
填充样式主要针对fillStyle。fillStyle除了可以赋值为color，还可以赋值渐变色，包括线性渐变色和径向渐变色，还是和css3里的内容类似。 一、线性渐变 1、设置线性渐变的填充样式 设置线性渐变的填充样式需要2步骤 1、设置渐变线段 通过2个坐标确定渐变线段，来定义渐变的方向和尺度。 阅读全文
摘要：
一、canvas是基于状态的绘图环境 1、canvas是基于状态的绘制 context.moveTo(100,100); context.lineTo(700,700); context.lineWidth=10; //直线的宽度状态设置 context.strokeStyle="#058"; // 阅读全文
摘要：
图形变换。 一、画一片星空 先画一片canvas.width宽canvas.height高的黑色星空，再画200个随机位置，随机大小，随机旋转角度的星星。 window.onload=function(){ var canvas=document.getElementById("canvas"); 阅读全文
摘要：
一、线条的帽子lineCap 取值：butt(默认值),round圆头,square方头 var canvas=document.getElementById("canvas"); canvas.width=800; canvas.height=800; var context=canvas.get 阅读全文