2016年05月_七夕小娜

原创正则表达式限制输入框只能输入数字

正则表达式限制输入框只能输入数字代码如下： <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="f_order" value="1"/> 其中，

2016-05-27 11:08:19 40959 1

转载 CSS变化宽度布局

一、“1-2-1”单列变宽布局：对于变宽度的布局，首先要使内容的整体宽度随浏览器窗口宽度的变化而变化。因此中间的container容器中的左右两列的总宽度也会变化，这样就会产生不同的情况。这两列是按照一定的比例同时变化，还是一列固定，另一列变化。这两种都是很常用的布局方式。然而对于等比方式而言，相对比较简单，和我上一篇博客中1-2-1的布局方式非常类似，因此这里只是介绍一列固定

2016-05-24 17:19:32 1409

转载 CSS固定宽度布局

一、单列布局：这是最简单的一种布局方式，之所以给出该示例，还是为了保证本篇博客的完整性。html xmlns="http://www.w3.org/1999/xhtml">head>title>固定宽度布局title>style type="text/css">#header,#pagefooter,#content { border: 1px so

2016-05-24 17:17:55 754

转载 angularJS中$apply()方法详解之什么时候用$apply()

对于一个在前端属于纯新手的我来说，Javascript都还是一知半解，要想直接上手angular JS，遇到的阻力还真是不少。不过我相信，只要下功夫，即使是反人类的设计也不是什么大的问题。 Okay，废话不多说。为了弄明白angular JS为何物，我先是从Scope开始。那么什么是Scope呢？借用官方文档的一段话：复制代码代码如下:“scope

2016-05-24 10:46:36 3781

原创验证（Javascript和正则表达式）

js版的验证。现在贴出来，为了方便自己查阅，同时也希望能给需要的人帮助和一些启发。由于今天才开始接触js，所以可能会有一些错漏，希望大家能批评指正。[javascript] view plain copy var Validator = { VerityLib: { //验证字符串非空

2016-05-20 11:40:18 700

转载 angular.js，IE7,8,9兼容性的处理

这段时间详细了解了谷歌新出的MVVM框架angular.js，并直接在本人所从事的项目中使用了。但是使用新东西都是有风险的，这不，采用了新框架的页面IE7,8各种显示不出来……心想着难道用以前的办法重来？不能允许！于是上网查阅了大量资料。终于跑通了，并且知道是怎么回事。以下面这个IE7,8,9都跑得通的例子说明,重点是红字的部分：

2016-05-20 11:32:11 1346

转载让AngularJS兼容IE8及其以下浏览器版本的方法

AngularJS 1.3抛弃了对IE8的支持，但AngularJS 1.2将继续支持IE8，但核心团队已经不打算在解决IE8及之前版本的问题上花时间。本文档介绍了互联网浏览器（IE）在处理自定义HTML标签及属性时的特点。如果你正计划在IE8或更早的浏览器上部署Angular应用请阅读本文。项目目前支持且将尝试修复IE9以上的bug 。持续集成服务器在IE9，IE10和IE11上运行所有

2016-05-20 11:30:06 735

转载 AngularJS实现跨域请求

跨域，前端开发中经常遇到的问题，AngularJS实现跨域方式类似于Ajax，使用CORS机制。下面阐述一下AngularJS中使用$http实现跨域请求数据。AngularJS XMLHttpRequest：$http用于读取远程服务器的数据$http.post(url, data, [config]).success(function(){ ... });$http.get(

2016-05-20 11:25:42 1642

转载函数节流（throttle）与函数去抖（debounce）

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、自动完成的keyup

2016-05-17 20:33:38 436

转载图解 debounce 与 throttle 的区别

在实现一些需要被频繁调用的函数时，我们通常都会使用 debounce 或 throttle方法。在我的印象中，它们的作用就是减少函数被调用的次数，但具体有什么区别，却真的不能说清楚。直到最近看了一篇精彩的博文，用可视化的方法展示了两者的区别，很有启发性，值得参考。注意到上图，第一行 Mousemove Events 展示了 mousemove 事件触发的频率。第二行和第

2016-05-17 20:32:35 747

原创 angularJs中关于ng-class的三种使用方式说明

在开发中我们通常会遇到一种需求：一个元素在不同的状态需要展现不同的样子。而在这所谓的样子当然就是改变其css的属性，而实现能动态的改变其属性值，必然只能是更换其class属性这里有三种方法：第一种：通过数据的双向绑定（不推荐）第二种：通过对象数组第三种：通过key/value下面简单说下这三种：第一种：通过数据的双向绑定实现方式：

2016-05-17 14:46:09 860

转载 Eclipse断点调试

作为开发人员，掌握开发环境下的调试技巧十分有必要。去年就想把关于Eclipse断点调试总结下了，由于对时间的掌控程度仍需极大提高，结果拖到今年才写了此篇博文。关于Java调试技术还有很多，如Java Debug Interface等，依据具体项目的需要，还有很多值得去研究和学习的。该博文仅就Eclipse断点调试技巧做下总结，不足够的地方还请大牛们指点。1 Debug视图1.

2016-05-12 19:18:38 278

qian_xiaona的博客