发表于   |   分类于   |     |   阅读次数

angular1 directive

以下分享来自团队童鞋vernvn

语义化标签，复用、封装，将逻辑与dom结合在一起，即插即用，指令化即模块化与通用化

demo1 (以下全部简写)

1
<hello-world></hello-world>
1
2
3
4
5
6
7
8
var app = angular.moudle('app',[])
.directive('helloWorld',function(){
	return {
		restrict: 'ECMA',
		replace :　true,
		template : '<div>hello world</div>'
	}
})



阅读全文 »

发表于   |   分类于   |     |   阅读次数

重点：angular1核心之一service

以下分享来自团队童鞋vernvn

Service

自定义或内建服务，它是一个函数或对象，

$http服务

1
2
3
4
5
app.controller('ctrl',function($scope,$http){
	$http.get('post/json').then(function(data){
		$scope.name = data.name
	})
})



阅读全文 »

发表于   |   分类于   |     |   阅读次数

中介者模式概念

中介者模式（Mediator），用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。

阅读全文 »

发表于   |   分类于   |     |   阅读次数

构造函数模式概念

构造函数用于创建特定类型的对象–不仅声明了使用的对象，构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数，然后在里面声明自定义类型对象的属性或方法。

阅读全文 »

发表于   |   分类于   |     |   阅读次数

原型模式概念

alt

原型模式（prototype）是创建型模式的一种,其特点在于通过「复制」一个已经存在的实例来返回新的实例,而不是新建实例。被复制的实例就是我们所称的「原型」，这个原型是可定制的。

阅读全文 »

发表于   |   分类于   |     |   阅读次数

同步和异步

JavaScript语言的执行环境是”单线程”（single thread）。
所谓”单线程”，就是指一次只能完成一件任务。
如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。

这种模式的好处是实现起来比较简单，执行环境相对单纯；
坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。
常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），
导致整个页面卡在这个地方，其他任务无法执行。

阅读全文 »

发表于   |   分类于   |     |   阅读次数

codelyzer 特性

这些规则找到与angular2特性相关的错误

1
directive-selector -指令的命名规则
1
component-selector -组件的命名规则
1
use-life-cycle-interface -生命周期接口是否需要被实现
1
use-pipe-transform-interface -过滤转化接口是否需要被实现
1
pipe-naming -过滤（管道）的命名规则
1
2
component-class-suffix -组件class名称必须带component后缀
```
1
directive-class-suffix -指令class名称必须带component后缀
1
templates-use-public -html模版只能用公共成员
1
no-access-missing-member -不接受不存在的成员
1
no-unused-css -一些没有用到的css样式

发表于   |   分类于   |     |   阅读次数

TypeScript 特性

这些规则找到与TypeScript特性相关的错误

1
member-ordering -强制执行成员排序。[object]

类成员的一致排序可以使类更容易阅读，导航和编辑。

1
no-internal-module -内部组合不允许module

使用module导致与外部模块概念混淆。使用新的namespace关键字。

1
prefer-for-of -如果索引仅用于访问要迭代的数组，则建议在标准“for”循环中使用“for-of”循环。

当不需要索引时，for（… of …）循环更容易实现和读取。

1
typedef-whitespace -需要或不允许空白的类型定义。

两个参数都是对象,每个键应该具有的值”space”或”nospace”。

功能

这些规则捕获JS编程中的常见错误或其他容易产生错误的混淆结构：

1
forin -需要for ... in用一个过滤语句if声明。

防止从对象的原型继承的属性的意外获取

1
no-arg -禁止使用的arguments.callee。

使用arguments.callee使得各种性能不容易优化

1
no-bitwise -不允许按位运算符。

1
no-conditional-assignment -在条件语句中不允许任何类型的赋值

使用arguments.callee使得各种性能不容易优化

1
no-console -禁止使用指定的console方法。

console方法是不适合于生产代码

1
no-construct -不允许访问的构造函数String，Number和Boolean。

1
no-debugger -不允许debugger声明。
1
no-duplicate-variable -不允许重复变量声明在同一区块范围。
1
no-eval -不允许eval函数调用。

它可以执行传给它的任何字符串

1
no-shadowed-variable -不允许隐藏变量声明。
1
no-switch-case-fall-through -不允许直接通过case语句。
1
no-unused-expression -禁止未使用的表达式语句。
1
no-use-before-declare -它们的声明之前不容许变量使用。
1
no-var-keyword -将不允许的使用var关键字。
1
radix -使用parseInt要指定的radix参数parseInt。
1
switch-default -需要一个default在所有情况下的switch语句。
1
triple-equals -要求===和!==替换==和!=。

可维护性

这些规则使代码维护更容易：

1
eofline -确保以新的一行作为文件结尾。
1
indent -强制执行与制表符或空格缩进。
1
max-line-length -需要线得到一定最大长度下。
1
no-trailing-whitespace -不允许在一行的末尾尾随空白。

保持版本控制差异清洁，因为它防止意外的空白被提交

样式

这些规则在整个代码库中实施一致的风格：

1
class-name -强制执行PascalCased类和接口的名称。
1
comment-format -强制执行单行注释格式规则。
1
jsdoc格式 -强制执行JSDoc评论的基本格式规则。

每行包含一个星号和星号必须对齐
每个星号后面必须有空格或换行符（除了第一个和最后一个）
每行上的星号之前的唯一字符必须是空格字符
一行注释必须以/** 和开头

1
new-parens -通过调用构造函数时需要括号new关键字。

1
one-line -需要指定的标记与它们之前的表达式在同一行。
1
quotemark -需要字符串文字单或双引号。
1
semicolon -在每个语句结尾实施一致的分号的使用。
1
variable-name -检查各种错误的变量名。
1
whitespace -强制执行空白样式约定。

发表于   |   分类于   |     |   阅读次数

以下分享来自团队童鞋Peggy

  • npm install -g vue-cli ==>快速生成项目模版的工具
  • vue init webpack my-project ==>基于webpack的项目
  • cd my-project
  • npm install 安装需要的依赖
    阅读全文 »