五后-CSDN博客

转载一小时包教会 —— webpack 入门指南

什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（load

2016-11-18 14:33:01 441

转载 jQuery.Callbacks之demo

jQuery.Callbacks是jquery在1.7版本之后加入的，是从1.6版中的_Deferred对象中抽离的，主要用来进行函数队列的add、remove、fire、lock等操作，并提供once、memory、unique、stopOnFalse四个option进行一些特殊的控制，这是jquery的官方文档：http://api.jquery.com/jQuery.Callbacks/

2016-07-21 11:37:35 222

转载 jQuery.makeArray() 函数详解

jQuery.makeArray()函数用于将一个类数组对象转换为真正的数组对象。所谓"类数组对象"就是一个常规的Object对象，但它和数组对象非常相似：具备length属性，并以0、1、2、3……等数字作为属性名。不过它毕竟不是数组，没有从数组的原型对象上继承下来的内置方法(例如：push()、 sort()等)。该函数属于全局jQuery对象。语法jQuery

2016-07-08 11:03:52 544

转载 Form表单验证神器： BootstrapValidator

JS组件系列——Form表单验证神器： BootstrapValidator时间 2015-12-10 17:10:00 博客园精华区原文 http://www.cnblogs.com/landeanfen/p/5035608.html主题 JavaScript CSS前言：做Web开发的我们，表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主

2016-07-06 14:45:59 2980

转载最全的CSS浏览器兼容问题

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将

2016-06-29 17:26:18 235

转载 Web 端 js 导出csv文件(使用a标签)

前言导出文件，使用最多的方式还是服务器端来处理。比如jsp 中使用response 的方式。但是，有时候可能就想使用web 前端是否也可以把页面上的内容导出来呢？比如说，导出页面的一个表格。这个需求肯定是有答案的，只是对于各浏览器处理会稍微不一样。(主要是IE 和其他浏览器的区别)。在IE中使用ActiveXObject 实现，在firefox 和Chrome 中

2016-05-11 10:45:38 800

转载 15个必须知道的chrome开发者技巧

在Web开发者中，Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能，使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能，如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个有助于改进你的开发流程的技巧。　　一、快速切换文件　　如果你使用过sublime text，那么你可能不习惯没有G

2016-04-29 16:00:41 204

转载使用FormData对象提交表单及上传图片

FormData 对象，可以把form中所有表单元素的name与value组成一个queryString，提交到后台。在使用Ajax提交时，使用FormData对象可以减少拼接queryString的工作量。使用FormData对象1.创建一个FormData空对象，然后使用append方法添加key/value[javascript]

2016-04-26 15:26:27 324

转载 HTTP协议之multipart/form-data请求分析

首先来了解什么是multipart/form-data请求：根据http/1.1 rfc 2616的协议规定，我们的请求方式只有OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE等，那为为何我们还会有multipart/form-data请求之说呢？这就要从头来说了。http协议大家都知道是规定了以ASCII码传输，建立在tcp、ip协议之

2016-04-26 15:20:01 383

转载 JavaScript中发布/订阅模式的简单实例

1.Observer模式要求希望接收到主题通知者的观察者必须订阅内容改变的事件。2.Subscribe/Publish模式使用了一个主题/事件通道，这个通道介于订阅者和发布者之间。该事件系统允许代码定义应用程序的特定事件，该事件可以传递自定义参数，自定义参数包含订阅者所需要的值。其目的是避免订阅者和发布者产生依赖关系。与Observer模式不同之处在于它允许任何订阅者执行适当的事件

2016-04-25 14:39:58 444

转载解读前端模板引擎Mustache.js源码

解读前端模板引擎Mustache.js源码原文地址：http://www.111cn.net/wy/js-ajax/74919.htmMustache是个不错的js模板引擎，不仅支持js，还有PHP/RUBY/nodejs等好多语言。Mustache.js可以写成JQ插件，不依赖其他库，用在团队比较适合，并且一些不错的web项目也选择了它，性能方面应该都不会有太大差距。

2016-04-25 14:01:04 1420

calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍，但一直没有深入，也没有自己去测试过。今天花了一

2016-04-14 09:50:06 202

转载时间处理工具 moment.js：管理时间和日期，so easy！

大家在项目中一定会遇到很多关于时间处理的问题，比如你想获取一个本地时间格式为YYYY-MM-DD，常用的方法是先拿到时间再用正则替换什么的。比较麻烦，也比较费劲。每次都要弄。所以呢就想着有没有什么简单的方法，之后就发现了一个轻量级的Javascript日期处理类库：moment.js，使用它可以轻松解决前端开发中遇到的种种日期时间问题。moment.js不依赖任何第三方库，支持字符串、Da

2016-03-21 17:39:14 966

转载 CSS :before 和 :after

前几天的晚上较全面的去看了下css的一些文档和资料，大部分的样式运用都没什么大问题了，只是有些许较陌生，但是也知道他们的存在和实现的是什么样式。今天主要想在这篇学习笔记中写的也不多，主要是针对:before和:after写一些内容，还有几个小样式略微带过的介绍下。什么是:before和:after？该如何使用他们？:before是css中的一种伪元素，可用于在某个元素之前插入某些内容。

2016-03-21 17:38:09 820

转载 Javascript 语言的模板引擎：Mustache

阅读目录{{keyName}}{{#keyName}} {{/keyName}}{{^keyName}} {{/keyName}}{{.}}{{>partials}}{{{keyName}}}{{!comments}}Web 模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，通常是标准的 HTML 文档。当然不同的开发语言有不同模板引

2016-03-18 14:06:31 381

转载 javascript库之Mustache库使用说明

一、简单示例代码： 1 function show(t) { 2 $("#content").html(t); 3 } 4 5 var view = { 6 title: 'YZF', 7 cacl

2016-03-18 14:04:26 241

转载正则表达式学习和常用正则验证规则40条

1.正则表达式简介正则表达式（Regular expression,简写为Regexes）是一种用来操作和检验字符串数据的强大工具。它相当与一串特殊的字符，用它可以转换成算法，对文本进行匹配等操作。事实上正则表达式有其自身的一套语法，这种语法对于初学者来说显得有些晦涩难懂。尤其是其构造比较困难，称为很多入门者的障碍。但当掌握后却可以轻易的解决以前不容易解决的很多文本类问题，如验

2016-03-17 23:57:16 890

转载我所经历的JS性能优化

折腾了好几天，纠结了好几天，郁闷了好几天，终于在今天可以释怀了，留下其中的苦乐辛酸来和大家分享。　　事情是这样子的，上周接到一个需求，其中涉及到一个好友选择的组件，就是单机左侧某个群组下的好友后该好友移动到右侧，视为选择了它，另外每个群组还有全选，折叠和展开等功能。组件在开发过程中,遇到了在2000条数据的时候，搜索会变的很卡，IE8下为2s左右，IE6更长，我在最初的优化过程中我使用事

2016-03-17 23:51:22 377

转载 JS性能优化

下面是一些关于客户端JS性能的一些优化的小技巧：1.[顶]关于JS的循环，循环是一种常用的流程控制。JS提供了三种循环：for(;;)、while()、for(in)。在这三种循环中 for(in)的效率最差，因为它需要查询Hash键，因此应尽量少用for(in)循环，for(;;)、while()循环的性能基本持平。当然，推荐使用for循环，如果循环变量递增或递减，不要单独对循环变量赋

2016-03-17 23:45:43 253

转载 jQuery.extend 函数详解

JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是:　　　 extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并

2016-03-16 17:42:45 297

转载一起来啃犀牛书：事件处理

一起来啃犀牛书：事件处理发表于 2016-03-14 | 分类于 js | 《javascript权威指南》这本书就像是js界的圣经，对于大神和新手都应该是必读书。但是这本近千页的书已经厚到让人望而生畏，要通读它不仅要时间也需要毅力。为了提升自己在js语言上的深度，所以抱着工匠精神开始研读，此文包含书中实用性较强的一些知识点和代码，算做读书笔记吧~

2016-03-15 13:28:40 437

转载浅析return false的正确使用

“return false”之所以被误用的如此厉害，是因为它看起来像是完成了我们交给它的工作，浏览器不会再将我们重定向到href中的链接，表单也不会被继续提交，但这么做到底有什么不对呢可能在你刚开始学习关于jQuery事件处理时，看到的第一个例子就是关于如何阻止浏览器执行默认行为，比如下面这段演示click事件的代码：复制代码代码如下:$("a.toggle").c

2016-03-15 10:22:23 444

转载 JS中数组Array的用法

js数组元素的添加和删除一直比较迷惑，今天终于找到详细说明的资料了，先给个我测试的代码^-^var arr = new Array();arr[0] = "aaa";arr[1] = "bbb";arr[2] = "ccc";//alert(arr.length);//3arr.pop();//alert(arr.length);//2//alert(arr[arr

2016-03-15 10:20:32 235

转载 JavaScript 原型概念深入理解

原型是JavaScript中一个比较难理解的概念，原型相关的属性也比较多，对象有”[[prototype]]”属性，函数对象有”prototype”属性，原型对象有”constructor”属性。为了弄清原型，以及原型相关的这些属性关系，就有了这篇文章。相信通过这篇文章一定能够清楚的认识到原型，现在就开始原型之旅吧。认识原型开始原型的介绍之前，首先来认识一下什么是原

2016-03-09 19:34:39 236

转载常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以

2016-02-27 14:01:36 220

转载针对firefox ie6 ie7 ie8的css样式hack

针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7以上对!important可以正确解释，会导致页面没按要求显示！搜索了一下，找到了一个针对IE7、IE8不错的hack方式，IE7使用*+html或*line-height: 23px针对firefox ie6 i

2016-02-27 13:58:08 205

转载 DIV+CSS 浏览器兼容性小结

在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！所有浏览器通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height:

2016-02-27 11:49:43 230

转载 IE8 jquery ajax获取静态资源报错TypeError 拒绝访问

简单的幸福博客微博相册收藏留言关于我 IE8 jquery ajax获取静态资源报错TypeError 拒绝访问博客分类： javascriptIE8拒绝访问IE8 跨域拒绝访问Permission Denied 1,出现问题的代码:Js代码

2016-02-27 11:38:19 962

转载浅谈：html5和html的区别

浅谈：html5和html的区别编辑时间：2015-05-09浏览量:14965作者:段亮最近看群里聊天聊得最火热的莫过于手机网站和html5这两个词。可能有人会问，这两者有什么关系呢？随着这移动互联网快速发展的时代，尤其是4G时代已经来临的时刻，加上微软对“XP系统”不提供更新补丁、维护的情况下“html5+css3”也逐渐的成为新一代web前端技术，

2016-02-22 17:54:10 1152 1

转载 2014年最新前端开发面试题（题目列表+答案完整版）

目录前言HTML 部分CSS 部分JavaScript 部分其他问题前言本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！面试有几点需注意：(来源程劭非老师 github:@wintercn)面试题目：根据你的等级和职位变化，

2016-02-22 14:03:28 497

转载 Ajax工作原理

在写这篇文章之前，曾经写过一篇关于AJAX技术的随笔，不过涉及到的方面很窄，对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我，并且征询我培训的主题，考虑到之前Javascript、CSS等WEB开发技术都已经讲解过了，所以决定针对AJAX这一块做一个比较系统的培训，所以这篇文章实际上是一个培训的材料。

2016-02-02 14:57:29 240

wuhouz的博客