12. 工具函数
12.1. 上下文绑定
angular.bind 是用来进行上下文绑定,参数动态绑定的工具函数。
1 | var f = angular.bind({a: 'xx'}, |
你的就是我的,我的还是我的!
angular.bind 是用来进行上下文绑定,参数动态绑定的工具函数。
1 | var f = angular.bind({a: 'xx'}, |
由于下面涉及动态内容,所以我打算起一个后端服务来做。但是我发现我使用的 Tornado 框架的模板系统,与 ng 的模板系统,都是使用 这对符号来定义模板表达式的,这太悲剧了,不过幸好 ng 已经提供了修改方法:
这里说的过滤器,是用于对数据的格式化,或者筛选的函数。它们可以直接在模板中通过一种语法使用。对于常用功能来说,是很方便的一种机制。
多个过滤器之间可以直接连续使用。
『 Read More 』 >>
我纠结了半天,“数据绑定”与“模板”这两个东西还真没办法分开来说。因为数据绑定需要以模板为载体,离开了模板,数据还绑个毛啊。
ng 的一大特点,就是数据双向绑定。双向绑定是一体,为了描述方便,下面分别介绍。
『 Read More 』 >>
AngularJS 是 Google 开源出来的一套 js 工具。下面简称其为 ng 。这里只说它是“工具”,没说它是完整的“框架”,是因为它并不是定位于去完成一套框架要做的事。更重要的,是它给我们揭示了一种新的应用组织与开发方式。
『 Read More 』 >>
由于不做php相关的东西,懒得装apache,干脆利用nodejs搭建一个本地的服务器用于测试。
nodejs这玩意儿吧,对做前端的介入后端简直就是一把利器。而且目前,nodejs也越来越有商用价值。
nodejs其实是非常底层的,从功能上说,它既是apache也是php。像搭建http服务器这种功能,本来是apache已经封装好的,但nodejs需要我们手动来搭建。其实在实际应用中,我们可以使用现成的框架。但这里,我想手动搭建,也加深一下对http服务器的理解。
我们node执行下面这个文件,我命名为http.js,它将创建一个httpServer并监听3000端口。
『 Read More 』 >>
我在 CentOS 6 上编译 node 源代码的时候,有以下报错:
1 | [root@node ~]# cd node-v4.4.7 |
之前没太留意 node 的安装版本,各种手动安装,并 node 版本更新很快,现在有 v6Current | v5 | v4LTS | v0.12LTS | v0.10LTS 等 几种类型的版本,每个类型又有很多不同版本,让人不知道应该下载什么,当你装了低版本的时候,发现功能突然无法用了,或者升了高版本,功能变化很大,这时候就尴尬了。
在代码洁癖的驱动下,准备清理这个恶劣的开发环境,清理后的目标是:
手动删除文件,整理成脚本是这个样子:
『 Read More 』 >>
插件包名 | 说明 |
---|---|
fs | 读取一个 jsons 文件 |
gulp-less | less 编译 |
gulp-sass | scss 编译 |
gulp-postcss | css 插件处理器 |
autoprefixer | 解析 css 添加前缀 css 规则 |
cssnano | css 优化 |
gulp-uglify | 压缩文件 |
gulp-sourcemaps | 生成 source map 文件 |
gulp-handlebars | 编译模板成 js |
gulp-define-module | 编译 handlebars 模板的类型 |
gulp-clean | 删除文件 |
gulp-notify | 消息提示 |
minimist | 命令行参数解析 |
gulp-requirejs-optimize | AMD 模块 打包 |
gulp-sequence | gulp 任务合并 |
gulp-ftp | 上传文件 |
gulp-html2js | AngularJS templates 转 js |
当前项目根目录新建文件 package.json 复制粘贴下面的代码
1 | { |
tag:
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true