2015年10月_似曾相识-

10月 09月 08月 07月 06月

原创超轻量级异步JS框架

1.异步JS的重要性随着Web平台地位的提升，霸占着浏览器的JavaScript语言也成为了世界上最流行的语言之一，甚至通过Node.js进入了服务器编程领域。JavaScript的一个重要特性便是“不能阻塞”，这里的“不能”是指“不应该”而不是“无法”的意思（只要提供阻塞的API）。JavaScript是一门单线程语言，因此一旦有某个API阻塞了当前线程，就相当于阻塞了整个程序，所以“异

2015-10-31 19:23:21 1067

原创 PHP XDebug Sublime Text 单步调试

前置环境：已经安装好LNMP1. 安装xdebug可以通过pear包管理来安装sudo apt-get install php-pearsudo pecl install xdebug这里我们直接通过apt安装apt-get install php5-xdebug程序已经自动创建了默认的配置文件配置：xdebug.in

2015-10-31 19:19:52 857

原创 jQuery拖放排序插件DDSort

一个简洁漂亮的jQuery拖放排序插件DDSort拖放排序是WEB应用中常见的功能。虽然网上有很多别人已经造好的轮子，但是就我个人而言，没事就喜欢研究原理，自己造轮子，不管强大与否，简洁够用就是我的目标，再一个就是自己写的东西，应用起来得心应手，修改或者扩展起来也是得心应手，相比一些API不够详细，或者说用户体验不好（不够简明）的API来说，或者说插件本身就没考虑周到，考虑

2015-10-31 19:08:27 1847

转载 jQuery数据缓存$.data 的使用以及源码解析

一、实现原理：对于DOM元素，通过分配一个唯一的关联id把DOM元素和该DOM元素的数据缓存对象关联起来，关联id被附加到以jQuery.expando的值命名的属性上，数据存储在全局缓存对象jQuery.cache中。在读取、设置、移除数据时，将通过关联id从全局缓存对象jQuery.cache中找到关联的数据缓存对象，然后在数据缓存对象上执行读取、设置、移除操作。对于Javas

2015-10-31 19:03:27 789

原创 jquery实现仿百度自动补全功能

新建index.html文件，直接复制下面代码到新建的文件index.html里面，用浏览器访问，仅用于参考:body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}.auto_hidden {width:204px;border-top: 1px

2015-10-31 16:23:03 677

转载 jQuery实现密码强度检测

jQuery普遍运用于JAVA_WEB前端，可以说jQuery的运用无处不在，学好jQuery，对于一个程序员来说是必由之路。下面简单介绍一下jQuery实现密码强度检测。如图所示：核心代码：第一步：css样式：/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p,blockquo

2015-10-31 16:20:33 2403

原创如何提高jQuery的性能探讨

（1）缓存变量DOM遍历是昂贵的，所以尽量将会重用的元素缓存。// 糟糕h = $('#element').height();$('#element').css('height',h-20);// 建议$element = $('#element');h = $element.height();$element.css('height',h-20);（2）避

2015-10-31 16:09:54 412

原创使用Div+CSS布局设计网站的优点

网页设计业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？ Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。 Very excellent w

2015-10-31 16:05:47 1259

转载 IE7浏览器下CSS属性选择器二三事

一、为何专门说起IE7以前，或者说数年前，我们从事桌面端网页开发的时候，基本上都还要兼顾IE6浏览器, 即使有些特性，IE7支持，我们也会忽略之。于是，我们会不自然地把IE6和IE7浏览器归为一路货色，研究的多半是两个浏览器共性的东西，比方说haslayout之类的。但是，最近1~2年，至少我个人所从事的桌面PC项目都不需要管IE6浏览器(0.3%)了，但是，还是要关心IE7浏览器

2015-10-31 15:54:35 603

原创 javascript this指向【图解】

JavaScript 是一种脚本语言，支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门，但是随着使用的深入，你会发现JavaScript其实很难掌握，有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字，就是一个比较容易混乱的概念，在不同的场景下，this会化身不同的对象。有一种观点认为，只有正确掌握了 JavaScript

2015-10-31 12:32:59 443

转载 Gson解析数组多类型元素

本文的出现是为了解决以下需求：使用Gson对json数组进行解析，但是数组里面元素的类型是多种的。数据如下：{"list":[{ "type":0, "data":{ "id":1, "color":"red" }},{ "type":1, "data":{ "id":1, "na

2015-10-31 12:29:18 2071 1

转载 JQuery原理介绍及学习方法

前言对于JQuery，想必大家都很熟悉。目前，很多web项目，在实施的过程中，考虑到各浏览器原生JS API的兼容性，大都会选用JQuery或类似于JQuery这样的框架来进行网页效果开发。JQuery上手简单，也很容易学，即使是刚接触JQuery的开发人员，借助JQuery手册，也很快能在项目中使用开发。虽然JQuery相对简单，但要全面掌握，且快速灵活的使用它也并不那么容易

2015-10-31 12:28:06 481

转载 php设计模式小结

一、引入　　设计模式的一般定义不再说，只大概说一下我理解的设计模式，我理解的设计模式的主要目的是利用面向对象（类、接口等）特点，让代码更加易于扩展，易于重用，易于维护。这三个特点也就要求我们不要将太多功能积攒到一个类里面，而是分配到更多的类里面。所以，二十种乃至更多的设计模式主要是围绕上述四个目的进行设计的。　　php设计模式这一本书讲了19种设计模式，但其实有大部分设计模式思想

2015-10-31 12:26:42 554

转载 JavaScript单线程和浏览器事件循环简述

JavaScript单线程JavaScript这门语言运行在浏览器中，是以单线程的方式运行的。说到单线程，就得从操作系统进程开始说起。进程和线程都是操作系统的概念。进程是应用程序的执行实例，每一个进程都是由私有的虚拟地址空间、代码、数据和其它系统资源所组成；进程在运行过程中能够申请创建和使用系统资源（如独立的内存区域等），这些资源也会随着进程的终止而被销毁。而线程则是进程内的一个独立执行单

2015-10-31 12:25:30 458

转载 JS组件系列——Bootstrap Table 表格行拖拽

一、业务需求及实现效果项目涉及到订单模块，那天突然接到一个需求，说是两种不同状态的订单之间要实现插单的效果，页面上呈现方式是：左右两个Table，左边Table里面是状态为1的订单，右边Table里面是状态为2订单，左边Table里面的行数据拖动到右边Table里面指定行的位置，拖动完成后，左边表格减少一行，右边表格增加一行。除此之外，还需要撤销操作(相当于Ctrl + Z操作)，能够返回

2015-10-31 12:21:33 4502 1

转载自己开发实现OAuth做webapi认证

一、作为认证服务器，首先需要提供一个可以通过appid/appsecret来获取token这样的一个接口，于是便有了以下代码。 public class AuthController : ApiController { [HttpGet] public HttpResponseMessage Token(string appid =

2015-10-31 12:19:32 2894