2015年09月_风火一回

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 angularjs指令

angularjs为了减少dom对象的操作，故而它通过指令对常见的文本框，文本域，下拉框都做了规定，以方便angularjs的规范。一、控件指令1.文本框 ng-model="" [name=""] [required=""] [ng-required=""] [ng-minlength=""] [ng-maxlength=""] [ng-pat

2015-09-30 16:41:37 2277

转载 AngularJs服务

AngularJS应用中的服务是一些用依赖注入捆绑在一起的可替换的对象。所有的服务都符合依赖注入的原则。它们用一个唯一的名字将自己注册进AngularJS的依赖注入系统（injector），并且声明需要提供给工场函数的依赖。注册服务有2种方式：1.使用angularjs.module api：var myModule = angular.module('myModule', []);

2015-09-28 12:29:02 516

转载 AngularJs核心概览

一、启动1.浏览器载入HTML，然后把它解析成DOM。2.浏览器载入angular.js脚本。3.AngularJS等到DOMContentLoaded事件触发。4.AngularJS寻找ng-app指令，这个指令指示了应用的边界。5.使用ng-app中指定的模块来配置注入器($injector)。6.注入器($injector)是用来创建“编译服务($compile se

2015-09-28 10:27:42 706

原创 AngularJs过滤器

AngularJS过滤器用来格式化输出给用户的数据。除了格式化数据，过滤器还能修改DOM。例如对css样式的增加删除。创建过滤器：在你的模块中注册一个新的过滤器（可注入的）工厂函数就行了。这个工厂函数必须放回一个新的过滤器函数，这个过滤函数的第一个参数接受的是输入。任何过滤器参数都会被当成附加的参数传递给过滤器。过滤器一般在需过滤的值后用|声明，可以通过：附带额外

2015-09-25 14:33:49 944

原创 AngularJs的认识

1、什么是AngularJs AngularJS

2015-09-22 12:31:54 870

原创 js中splice的用法

splice(index,howmany[,item1,...,itemx]) ：向数组添加或删除元素并返回被删除的元素。其中，index是需添加或删除的元素的位置。可以为负数，负数从末尾开始倒计数。 howmany是要删除的元素个数，当其值为0时，将不删除任何元素。当有item元素时，splice将在index位置之前添加item元素

2015-09-21 15:06:05 6266

原创 JavaScript函数的认识

一、自定义函数（完成某种功能的代码段）1.创建自定义函数function 函数名称([参数[,...]]){ ... ... [return 返回值]}3.调用自定义函数[var 变量名称=] 函数名称([值[,...]])4.变量作用域4.1 JS编译和执行过程A.编译,只负责变量的声明和函数的

2015-09-18 18:00:51 403

原创 jquery效果

1.显示和隐藏hide():隐藏元素show():显示元素toggle():显示被隐藏的匹配元素，并隐藏匹配的显示着的元素hide([speed],[callback]):按照speed速度隐藏元素，speed可以为slow、fast或毫秒,callback为当隐藏完成后所执行的函数。show([speed],[callback]):按照speed速度显示元素toggle(

2015-09-18 15:29:11 562 1

原创 handsontable自定义渲染

hansontable的渲染定义方式有多种，常见的有NumericRenderer、TextRenderer、CheckboxRenderer，但他们都是通过registerRenderer来渲染的，registerRenderer是hansontable的渲染公用方法，其他的渲染都是在此基础上扩展的。那么我们需要自定义一个文本渲染该如何实现呢？请跟我来：首先需要定义你自己的渲染方法v

2015-09-16 11:28:37 9840 10

原创使用jQuery和ajax代替iframe

iframe虽然好用，但是其弊端也很明显，一是它不能使用于响应式布局，iframe的使用必须指定高度，而响应式布局的高度兵分固定的。其次iframe不易被搜索引擎的爬虫解读，特别是iframe中嵌套iframe，这是会被搜索引擎认为是个死网站而被放过。目前主流的应用都使用了ajax代替了iframe。html：首页新闻留言资料下载代替iframe的div：

2015-09-07 17:35:00 21732 5

原创 div包裹的iframe有5px的高度差问题

最近遇到一个问题：用一个div包裹一个iframe，但无论如何，div的高度都比iframe高了5px。百思不得其解，后来在网上多方查找，才发现问题的根源所在。问题：div高度大于iframe高度5px左右。 <iframe id="iframe" name="iframe" src="home.html" style="width:100%;" frameborder="0" scro

2015-09-07 14:47:22 2977

原创 iframe的使用

1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。提示：a.您可以把需要的文本放置在和之间，这样就可以应对无法理解 iframe 的浏览器。

2015-09-07 11:21:29 745

原创 js闭包详解

以前只听说过闭包（closure），并没有深入研究过，今天来仔细看一看闭包究竟是个什么东西。1.认识闭包闭包：是一个有权访问另一个函数作用域中的变量的函数。通常创建的方法是在一个函数内创建另一个函数，是该函数可以访问其局部变量。优点：可以使函数的局部变量被保存在内存中，不被js垃圾回收器销毁。避免全局变量被污染。正常情况下，局部变量在函数执行完成后会被销毁，而闭包可以使该变量不被销毁。

2015-09-06 16:08:08 1268

原创多行文本溢出时用省略号表示溢出内容

当文本只有一行时，其溢出部分用省略号表示很简单，可以直接使用css样式控制。p{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}但多行文本溢出时用省略号表示却没有现成的样式了，网上提供了一种方式，用省略号插入溢出的位置，覆盖掉尾部内容，但是这种方式治标不治本。它也是通过css来控制显示的，下面先看一

2015-09-06 09:58:04 2219

原创 CSS伪类的使用

伪类的使用常见在连接的颜色改变等。下面简单介绍一下。a:link{},链接未访问前的样式设置a:visited{},链接已被访问后的样式设置a:hover{},鼠标移动到链接上时的样式设置a:active{},点击链接时的样式设置a:focus{},链接获取焦点时的样式设置注意： a:hover 必须被置于 a:link 和 a:visited 之后

2015-09-02 15:41:33 750

原创 js图片滑动切换效果

最近遇到需要图片滑动切换的效果纠结了好久，终于弄出了一个简单的效果。图片切换的原理一般来说可以分为两种，一种是利用position:absolute；top或left来显示需要的图片，其他图片隐藏。另一种是通过opacity来调节透明度，让需要的图片不透明，其他图片透明。下面来看看我的实现吧！HTML代码： CSS样式：#person

2015-09-02 11:34:23 10254

原创 js定时器

js有两种专用定时器函数，分别为：倒计时定时器：var timename = setTimeout("function()",delaytime);循环定时器：var timename = setInterval("function()",delaytime);说明：a.其中function()是定时器触发后将要执行的函数，可以是一个函数，也可以是多个函数，多个函数用“;”隔开。

2015-09-02 11:18:52 1449

原创 js性能优化

1.循环遍历 js提供了3中遍历方式： for(var i=?;i while(条件){}; for(i in 数组){}; 这3中方式中for(in)性能最差，因为它每次循环都要查hash键值。其他2个性能差不多。2.if语句简写 (1)使用三目运算代替if...else语句if(a==1){//a=1?

2015-09-01 17:29:45 536

原创 CSS样式优先级

CSS样式分为内联样式和外部样式，一般情况下：内联样式的优先级大于外部样式。即style样式>id选择器>class选择器>元素选择器。例如：.on{ width:20px; height:20px; line-height:20px; font-weight:bold; background-color: #BCC029;}.person-num&...

2015-09-01 15:38:30 1703