发表于 | 分类于 ，

angular directive

concept of compiler

Compiler is an Angular service which traverses the DOM looking for attributes. The compilation process happens in two phases.

  1. Compile: traverse the DOM and collect all of the directives. The result is a linking function.

  2. Link: combine the directives with a scope and produce a live view. Any changes in the scope model are reflected in the view, and any user interactions with the view are reflected in the scope model. This makes the scope model the single source of truth.

Some directives such as ng-repeat clone DOM elements once for each item in a collection. Having a compile and link phase improves
performance since the cloned template only needs to be compiled once, and then linked once for each clone instance.

阅读全文 »

发表于 | 分类于

webpack day1

webpack流程

Give webpack the entry point (app.js) and specify an output file (app.bundle.js):

webpack ./app.js app.bundle.js

webpack will read and analyze the entry point and its dependencies (including transitive dependencies).
Then it will bundle them all into app.bundle.js.

阅读全文 »

发表于 | 分类于 ，

hexo config tips

custom files

  • \scaffolds\post.md 等,配置了创建post的Front-matter信息 

    1
    2
    3
    4
    5
    ---
    title: {{ title }}
    date: {{ date }}
    tags:
    ---end up with these dashes

  • _config.yml总配置信息

    阅读全文 »

发表于 | 分类于

什么是Node

  • Node 就是 JavaScript 语言在服务器端的运行环境
  • 所谓“运行环境（平台）”有两层意思：
    • 首先，JavaScript 语言通过 Node 在服务器运行，在这个意义上，Node 有点像 JavaScript 虚拟机；
    • 其次，Node 提供大量工具库，使得 JavaScript 语言与操作系统互动（比如读写文件、新建子进程），在这个意义上， Node 又是 JavaScript 的工具库。
  • 在node中:v8执行ecmascript,libuv执行OS的API

发表于 | 分类于 ，

ionic 的预定义 CSS 类主要分四个方面：

基本布局类

  1. ionic将手机页面的布局模式基本抽象为三块：头、内容、尾。
  2. 样式 .bar 将元素声明为屏幕上绝对定位的块状区域，具有固定的高度（44px）：
  3. ionic预定义了两个内容容器样式：
    • content - 流式定位，内容在文档流中按顺序定位
    • scroll-content - 绝对定位，内容元素占满整个屏幕
      阅读全文 »

发表于 | 分类于 ，

https://haoaa.github.io/moviecat_ng

异步加载库

  • 1
    2
    3
    4
    load.js script.js head.js 都可以帮助我们异步的方式加载JS文件
    <script src="bower_components/script.js/dist/script.js"></script>
    angular-loader的作用就是在使用一些异步加载脚本的库的时候，自动控制依赖顺序,不用重复的$script回调
    <script src="bower_components/angular-loader/angular-loader.js"></script>