什么是less？

less是一种动态样式语言，属于css预处理语言的一种，类似于css的语法，为css赋予了动态语言的特性，如变量、继承，运算，函数等，更方便css的编写和维护

编译工具

• Koala编译
  • 国人开发的less/sass编译工具、
  • 下载地址： http://koala-app.com/index-zh.html
    • 常用： 输出方式compress(进行压缩)
• Node.js库
• 浏览器端使用

  Koala配置及使用

1. 新建后缀为.less文件：index.less
   头部写上：@charset “utf-8”; 　　//设定字符集

2. 把文件夹拖到koala中，设置输出路径为style下的index.css
   使用koala进行编译，然后就生成了一个index.css文件。

3. 之后我们只要编辑index.less文件即可。

项目中常用的语言特性

注释

• less有两种注释

  • //*会在css中编译出来/*/
  • //不会在css中编译出来
    第一种的注释会在css中编译出来，第二种不会 more >>

指令定义

在《AngularJs权威教程》中，指令可以简单理解成特定的DOM元素上运行的函数；我认为还可以理解成将将自定义的HTML标签解析成原始的标签，然后为其加入一些扩展的功能（函数）.
angularjs 提供了一个强大的扩展系统，通过指令机制，我们可以通过自定义指令来扩展自己的指令系统。

在AngularJS的核心里，指令可以绑定元素的属性（例如可见性，class列表，内部文本，内部HTML或者值）到scope的属性或表达式。最值得注意的是，一旦监测到scope中的变化被标记，这些绑定就会被更新。反过来也是相似的，使用$observe函数能够监测DOM属性，当监测到属性变化时会触发一个回调。

AngularJS应用的模块中有很多方法可以使用，其中directive()这个方法是用来定义指令的：
不急，首先要注意下指令的名字，先看个简单例子：

1
2
3
4
5
6
7
8

angular
  .module('myApp', [])
  .directive('myDirective', myDirective);
myDirective.$inject = ['$timeout', 'UserDefinedService']
function myDirective($timeout, UserDefinedService) {
  // 指令定义放在这里
}

AngularJS是啥？（一脸懵逼）

简介：

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

具体点说：

1. AngularJS 是一个 JavaScript 框架
   • AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中：
     <script src="../libs/angular.js/1.4.6/angular.min.js"></script>
     1. AngularJS 扩展了 HTML

        AngularJS 通过 ng-directives 扩展了 HTML。
        ng-app 指令定义一个 AngularJS 应用程序。
        ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
        ng-bind 指令把应用程序数据绑定到 HTML 视图。
        ng-init 指令初始化 AngularJS 应用程序变量

那么，重点来了，AngularJs可以干啥啊？

AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。

AngularJS 把应用程序数据绑定到 HTML 元素。
AngularJS 可以克隆和重复 HTML 元素。
AngularJS 可以隐藏和显示 HTML 元素。
AngularJS 可以在 HTML 元素”背后”添加代码。
AngularJS 支持输入验证。
more >>

何为this？

this是对象，是在运行时基于函数的执行环境(和对象有关)绑定的，首先，当代码没执行前，或没执行到之前，this 是没有指向的,所以
切记：在函数中this到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文环境。
this只要一出现，一定牵扯到函数和对象
一般方法：首先分析this所在的函数是被当做哪个对象的方法调用的，则该对象就是this所引用的对象。

其实，this的取值，分五种情况。我们来挨个看一下。

• 全局和调用普通函数
• 构造函数
• 函数作为对象的一个属性
• 函数用call或apply或bind
• 事件监听函数中的this

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing
more >>