pipe相当于angular1里面的filter 做一些格式转换啊,或者从一个数组里面选取一个元素等等 只要你愿意可以定义很复杂的内容‘’ 我们先看看 angular2 里面自带的一些pipe 我们去我们的week3 下的problem-list下 我们到html里面 之前是这样的 之后是这样的 我们再写三个angular2自带的pipe 然后我们去Controller去对应一下 我们还可以 让日期更详尽一点 甚至我们可以使用多个pipe 以上就是 angular2自带的pipe 如果你想实现功…

Gulp学习2 之前已经配置过一篇啦, 只不过那次是针对browserify 搬运 http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/ 你的工程文件夹要安装Gulp 你需要有package.json 不能是空文件哦 至少得有个{}才行,要不然npm不知道如何填写依赖,--save-dev会报错的 $ npm install gulp --save-dev 国内环境要用cnpm哟! 需要哪些插件…

目前是 4.0.0-rc.2. 刚好有个小项目要开发,就直接拿它来试水啦. 更新 cli 到最新版, 创建项目, 然后 follow https://github.com/angular/angular/blob/master/CHANGELOG.md 升级去 4.0 遇到一个 error https://github.com/angular/angular-cli/issues/5131 更新 typescript 就可以了. 一些新功能和 break change 1. template 替…

HTML5已经相当强大,在HTML5平台上,我们可以完成很多非常复杂的动画效果,包括游戏在内.早期我们只能利用flash来实现网络游戏,现在我们又多了一种选择,即用HTML5制作游戏.相比flash,HTML5更加灵活方便,随着浏览器技术的不断升级,HTML5一定会广泛使用,至少在网页动画方面,下面是一些利用HTML5完成的游戏作品. HTML5版切水果游戏 这曾是风靡全球的一款手机APP游戏切水果,现在JS小组已经将其改版成HTML5,并将其开源. 核心Javascript代码: Ucren.…

在网上学习了下“65行 JavaScript 代码实现 Flappy Bird 游戏”(http://blog.jobbole.com/61842/),main.js 如下: // Initialize Phaser, and creates a 400x490px gamevar game = new Phaser.Game(400, 490, Phaser.AUTO, 'game_div'); // Creates a new 'main' state that wil contain th…

图片处理 1.Manipulate images 官网:http://github.com/aheckmann/gm ImageMagick和GraphicsMagick主要用于图片的创建.编辑.合成图片.它们可以读取.转换.写入多种格式的图片.图片切割.颜色替换.各种效果的应用,图片的旋转.组合,文本,直线,多边形,椭圆,曲线,附加到图片伸展旋转. gm模块实现了ImageMagick和GraphicsMagick的相关功能,让我们很方便的在Node中进行图片的相关操作,示例代码 var fs…

一个页面从输入url到页面显示加载完成,这个过程发生了什么? 1.浏览器根据请求的URL交给DNS域名解析,找到真实的IP,向服务器发起请求. 2.服务器交给后台处理完成后返回数据,浏览器接收文件(html,css,js图像等). 3.浏览器对加载到的资源进行语法解析,建立对应的内部数据结构(如html,的dom) 4.载入解析到的资源文件,渲染页面完成.   虚拟dom与实体dom的区别: 1虚拟DOM不会进行排版与重绘操作 2虚拟DOM进行频繁修改,然后一次性比较并修改真实DOM中需要改的部…

redis 模块操作剩余其他常用操作 delete(*names):删除任意的数据类型exists(name):检测redis的name是否存在keys(pattern='*'):根据模型获取redis的name keys * 匹配数据库中所有Key keys h?llo:匹配hello,hallo,hxllo等expire(name,time):为redis的某个name设置超时时间rename(src,dst):对redis的name重命名move(name,db):将redis的某个值移动…

canvas基础知识 ## CanvasDOM对象 #### 获取绘图环境```canvas.getContext();``` #### 设置宽和高```canvas.width = 500;canvas.height = 500;``` ## Context绘图对象 #### 设置路径的起点```context.moveTo(x, y);``` #### 画路径点```context.lineTo(x, y);``` #### 根据当前路径进行描边```context.stroke();```…

npm淘宝镜像:https://npm.taobao.org/ vscode先安装npm淘宝镜像 再安装gulp:https://www.cnblogs.com/xiaoleiel/p/11160569.html npm install gulp -g…