2015年11月_shunzizhan

原创 angularjs组件之select

概况根据boss的要求，需要封装一些angularjs的组件，本着现学现卖的精神，特此封装了一个粗陋的下拉列表组件。基本功能1.通过后台返回的数据生成默认的select(类似传统的select)2.返回默认的选中项3.自定义默认的选中项(比如添加默认的提示语：“请选择时间”)4.支持复选5.支持搜索6.支持智能提示前端暴露的样式单选<div fdc-select selectdatas

2015-11-26 17:41:49 1593

转载理解AngularJS的作用域Scope

概叙：AngularJS中，子作用域一般都会通过JavaScript原型继承机制继承其父作用域的属性和方法。但有一个例外：在directive中使用scope: { ... }，这种方式创建的作用域是一个独立的"Isolate"作用域，它也有父作用域，但父作用域不在其原型链上，不会对父作用域进行原型继承。这种方式定义作用域通常用于构造可复用的directive组件。作用域的原型继承是非

2015-11-26 17:15:03 601

转载常用html、CSS、javascript前端命名规范

无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的：为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定

2015-11-26 09:27:24 481

转载 Sublime Text 3 常用插件以及安装方法

使用Package Control组件安装也可以安装package control组件，然后直接在线安装：按Ctrl+` 调出console粘贴以下代码到底部命令行并回车：{import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_pa

2015-11-25 19:35:39 332

转载 AngularJS内置指令

由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点，所以指令早已不陌生。这篇日志简单记录了一些内置指令，先使用起来，再谈一些有趣的东西。内置指令所有的内置指令的前缀都为ng，不建议自定义指令使用该前缀，以免冲突。首先从一些常见的内置指令开始。先列出一些关键的内置指令，顺便简单说说作用域的问题。ng-model将表单控件和当前作用域的属

2015-11-20 21:12:06 346

过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、numbe

2015-11-19 10:26:18 957

转载 angular $watch

在scope内置的所有函数中，用得最多的可能就是$watch函数了，当你的数据模型中某一部分发生变化时，$watch函数可以向你发出通知。你可以监控单个对象的属性，也可以监控需要经过计算的结果（函数），实际上只要能够被当作属性访问到，或者可以当作一个JavaScript函数被计算出来，就可以被$watch 函数监控。它的函数签名为$watch(watchFn,watchAction, de

2015-11-19 09:41:23 556

转载《AngularJS》5个实例详解Directive（指令）机制

本文整理并扩展了《AngularJS》这本书第六章里面的内容，此书近期即将由电子工业出版社出版，敬请期待口令：Angular 1.一点小说明指令的作用：实现语义化标签我们常用的HTML标签是这样的：一点点内容而使用AngularJS的directive（指令）机制，我们可以实现这样的东西：子面板1 子面板2

2015-11-18 16:28:08 329

转载 JavaScript修改和删除cookie

JavaScript 通过 document.cookie 来修改和删除 cookie 。JavaScript 在设置 cookie 时会遵循这样一条原则：新设置的 cookie 如果与原有的 cookie 相同（名称、路径和域名都相同），会将原有的 cookie 覆盖（采用新 cookie）。这就给我们提供了一种修改和删除 cookie 的方法——直接覆盖原有的 cooki

2015-11-16 14:43:27 382

转载 JavaScript获取cookie

JavaScript 通过 document.cookie 来获取 cookie 。遗憾的是，document.cookie 只能获取所有 cookie 的集合，不能获取单个 cookie 。例如，获取当前cookie集合：?123456<input id="demo1"

2015-11-16 13:36:43 649

转载 JavaScript设置cookie

在JavaScript中，使用 document.cookie 来设置 cookie 。语法： document.cookie=" name=value ; expire=GMT_String ; path=cookieDir ; domain=cookieDomain "对cookie格式的说明键/值对说明name=value

2015-11-16 13:35:14 406

转载 js正则表达式元字符与特殊字符

元字符，是一些数学符号，在正则表达式中有特定的含义，而不仅仅表示其“字面”上的含义，比如星号(*)，表示一个集合的零到多次重复，而问号(?)表示零次或一次。如果你需要使用元字符的字面意义，则需要转义。下面是一张元字符的表：元字符含义^串的开始$串的结束*零到多次匹配+一到多次

2015-11-16 09:28:22 1115

转载 JS正则表达式分组与引用

在正则表达式中，括号是一个比较特殊的操作符，它可以有三中作用，这三种都是比较常见的：第一种情况，括号用来将子表达式标记起来，以区别于其他表达式，比如很多的命令行程序都提供帮助命令，键入 h 和键入 help 的意义是一样的，那么就会有这样的表达式：h(elp)?//字符h之后的elp可有可无这里的括号仅仅为了将 elp 自表达式与整个表达是隔离(因为 h 是必选的)。第二种情况

2015-11-16 09:27:15 597

转载 Javascript正则表达式的创建

创建一个正则表达式有两种方式，一种是借助 RegExp 对象来创建，另一种方式是使用正则表达式字面量来创建。在 JavaScript 内部的其他对象中，也有对正则表达式的支持，比如 String 对象的 replace，match 等，我们可以分别来看：使用字面量：var regex = /pattern/;使用 RegExp 对象：var regex = new RegExp

2015-11-16 09:25:41 271

转载 Javascript字符串中的正则表达式

除了正则表达式对象及字面量外，String 对象中也有多个方法支持正则表达式操作，我们来通过例子讨论这些方法：方法作用match匹配正则表达式，返回匹配数组replace替换split分割search查找，返回首次发现的位置?

2015-11-16 09:23:56 356

转载正则表达式范围及重复

我们经常会遇到要描述一个范围的例子，比如，从 0 到 3 的数字，所有的英文字母，包含数字，英文字母以及下划线等等，正则表达式规定了如何表示范围：标识符含义[…]在集合中的任一个字符[^…]不在集合中的任一个字符.出\n 之外的任一个字符\w所有的单字，包括字母，数字及下

2015-11-16 09:22:02 936

转载 JavaScript RegExp对象

JavaScript RegExp 对象用来创建正则表达式，它是对字符串进行模式匹配的强大工具。RegExp 是正则表达式（Regular Expression）的缩写。创建 RegExp 对象在 JavaScript 中，使用正则表达式首先要创建正则表达式对象，即 RegExp 对象。创建 RegExp 对象的语法： new RegExp(pattern

2015-11-16 09:18:57 413

原创类似幻灯片播放图片的小插件

类似幻灯片播放图片的小插件最近在工作中频繁与图片轮播打交道，但是基本都是使用swiper插件完成的，今天有时间，自学之余，稍作研究！前言准备两个文件夹，分别存放缩略图和原始图（这里用的thumbnails photo），当然，如果不介意图片是否清晰，一个文件夹就行了。基本需求先看效果图![这里写图片描述](http://img.blog.csdn.net/20151113113044545)基

2015-11-13 11:39:05 608

原创 jquery适用函数

常用函数trim 修正字符串each 对属性和集合进行迭代grep 对数组进行筛选map 对数组进行转换inArray 传入的数值在数组中第一次出现的索引unique 将数组中的元素新构成一个数组剔除重复的extend 扩展对象的属性对数组进行筛选$.grep(arr,callback,invert) arr:被

2015-11-12 17:22:16 327

转载 JQuery Show()的几种效果总有一种是你需要的

1 show()方法和hide()方法$("selector").show() 从display:none还原元素默认或已设置的display属性$("selector").hide() 设置元素的display样式为none，等于$("selector").css("display","none")（注：传入参数后，.show()和.hide()方法同时动画改变

2015-11-12 15:50:36 923

原创简单的 ul li 树形菜单

简单的 ul li 树形菜单在实际开发中，我们经常遇到树形菜单，闲暇之余，特此简单研究了一下，欢迎吐槽！前言所谓的树形菜单，无非就是 ul li的嵌套使用，如果有两级目录，就需要在li里再嵌套一层ul li，以此类推。本例效果： 1.点击的li如果是叶子节点，则该节点变为红色字体； 2.点击的不是叶子节点，则展示子节点，再次点击，则影藏子节点。代码块html代码，例如：

2015-11-12 15:36:12 10202

shunzizhan