2017年05月_拼搏的小叔

原创 vue2.0开发环境的搭建详解

一、node的安装和下载node下载官网地址：https://nodejs.org/en/download/ 选择下载适合自己电脑的版本；如果你的电脑已经有个node，但是版本低于4.xxx的话，因该考虑更新一下：npm install -g n //mac版本 sudo npm install -g n升级nodejs是有两种方法：第一种是升级到最新版本su

2017-05-20 20:58:36 459

原创 AngularJS 过滤器（详解）

一、简介　　AngularJS过滤器能够用来格式化数据，过滤器能够用在表达式和指令中，也能够注入到其他地方进行使用。AngularJS提供了9种常用的内置过滤器，我们还可以创建自定义过滤器来格式数据，以完成更多个性化的要求。二、使用方式　　下面是过滤器的三种使用方式，形式如下。1、在表达式中使用{{ text | uppercase }} //将字符串text大写输出

2017-05-19 18:04:23 1499

原创 angularJS--多个控制器之间的数据共享

为了在控制器之间共享数据，需要在服务中添加一个用来储存用户名的方法。记住，服务在应用的生命周期内是单例模式的，因此可以将用户名安全地储存在其中。 12-angularjs的多个控制器数据共享 firstData--{{person.name}}

2017-05-15 16:26:03 457

原创 angular 自定义指令 Directive(详解)

在angular中，Directive，自定义指令的学习，可以更好的理解angular指令的原理，当angular的指令不能满足你的需求的时候，嘿嘿，你就可以来看看这篇文章，自定义自己的指令，可以满足你的各种需求的指令。　　本篇文章的参考来自 AngularJS权威指南，　　文章中主要介绍指令定义的选项配置　　废话不多说，下面就直接上代码//angular指令的定义

2017-05-15 10:46:58 735

原创 angularJs中跳转到指定的锚点详解($anchorScroll)

$anchorScroll根据HTML5的规则，当调用这个函数时，它检查当前的url的hash值并且滚动到相应的元素。监听$location.hash()并且滚动到url指定的锚点的地方。可以通过$anchorScrollProvider.disableAutoScrolling()禁用。依赖：$window $location $rootScope使用：$anchor

2017-05-11 15:30:29 7045

原创 AngularJS中的一次性数据绑定 (bindonce)

一、理解双向数据绑定和监听器为了实现双向数据绑定，AngularJS使用了$watch API来观察期作用域中的模型变化。具体的作用域取决于你的代码如何编写。如果你没有创建一个自作用域，就是说没有使用ngController指令在你的DOM和你的控制器代码之间创建一个关联，你可能处理的是跟作用域$rootScope，这个作用域由ngApp自动创建，并且是应用中所有作用域的父作用域，当然

2017-05-11 14:55:06 1057

原创 Angularjs中ng-select和ng-options的用法详解

最近由于项目需要，学了一段时间的angularjs，发现还是比较容易上手的，里面有很多地方，的确震撼了自己。这里就简单的介绍一下angularjs中ng-select和ng-options的用法。一、ng-selectng-select用来将数据同HTML的标签进行绑定。这个指令可以和ng-model以及ng-options指令一起使用，构建精细且表现良好的动态表单。ng-opti

2017-05-10 17:22:17 2543

原创 AngularJs之Scope作用域(详解)

一、什么是scope　　AngularJS 中，作用域是一个指向应用模型的对象，它是表达式的执行环境。作用域有层次结构，这个层次和相应的 DOM 几乎是一样的。作用域能监控表达式和传递事件。　　在 HTML 代码中，一旦一个 ng-app 指令被定义，那么一个作用域就产生了，由 ng-app 所生成的作用域比较特殊，它是一个根作用域（$rootScope），它是其他所有$Scope 的

2017-05-10 13:59:45 1006

原创 HTML5对手机页面长按会粘贴复制禁用的解决方法（常用）

一、完全兼容ios和安卓的写法1、用a标签包起来，在a标签里面加一句代码ontouchstart = "return false;"二、只兼容ios的写法*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml

2017-05-08 16:17:56 16975 3

原创 javascript中设计模式之桥接模式详解(Bridge design)

一、桥接模式1、桥接模式是一种既能把俩个对象连接在一起，又能避免二者间的强耦合的方法。通过“桥”把彼此联系起来，同时又允许他们各自独立变化2、桥接模式主要作用就是将抽象与其实现隔离开来，以便二者独立话二、桥接实例1、事件监听回调机制比如我们在页面点击一个发送按钮，去提交表单，我们一般就会这样写：桥接模式发送 // 前台代码业

2017-05-07 08:57:01 2028

原创 javascript中工厂方法模式祥解（Factory method pattern）

什么时候使用工厂模式以下几种情景下工厂模式特别有用：对象的构建十分复杂需要依赖具体环境创建不同实例处理大量具有相同属性的小对象什么时候不该用工厂模式不滥用运用工厂模式，有时候仅仅只是给代码增加了不必要的复杂度，同时使得测试难以运行下去。

2017-05-04 13:49:37 501

原创 Angularjs中的事件广播（全面解析$broadcast,$emit,$on）

下面小编就为大家带来一篇Angularjs中的事件广播 —全面解析$broadcast,$emit,$on。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧Angularjs中不同作用域之间可以通过组合使用$broadcast,$emit,$on的事件广播机制来进行通信介绍：$broadcast的作用是将事件从父级作用域传播至子级作用域,包括自己。格式如下

2017-05-03 15:29:20 4025

原创详细介绍javascript中的单体模式singleton(全面)

一、单体模式描述 1、单体模式是javascript中最基本但又最有用的模式之一，他可能比其他任何模式都常用。2、这种模式提供了一种将代码组织为一个逻辑单元的手段，这个逻辑单元中的代码可以通过单一的变量进行访问。通过确保单体对象只存在一份实例，你就可以确信自己的所有代码使用的都是同样的全局资源。二、单体模式分类1、简单单体// 1、简单单体代码

2017-05-02 14:59:33 593

原创 javascript通常建立接口的三种方式（彻底的明白了）

这篇文章叙述了javascript通常用的创建接口的方式，注释描述、属性检测，鸭式辩型，分别叙述了其中的优缺点，其中鸭式辩型最完美的实现了。。。

2017-05-01 11:41:40 7534

js_admin的博客