andao1961-优快云博客

转载 ajax传参里含有特殊字符的坑

问题场景：今天在测试自己手上的页面功能时，发现一个小bug，在用ajax向后台发数据时，只要参数中出现一些特殊字符，控制台会报错http 400的问题，其实就是特殊字符服务器不能解析。好了，问题是找到了，但是改如何解决勒！首先想到的就是把特殊字符进行编码在传递，但是自己写检测特殊字符函数代码时发现，这要检测的特殊字符数不胜数，完全正则不过来。上网搜了一下，发现有一个现成的方法：enc...

2017-06-14 18:37:00 593

转载 Gulp:基于流的自动化构建工具

前言先说说为什么会使用gulp。当你沉醉于撸代码之时，是否想过正规的前端代码需要走哪些流程，复杂的不说了，有几点想必你也思考过，比如：1、代码的压缩合并、图片压缩怎么搞；2、代码校验，是否规范；3、Less是什么鬼？咋用呢？作为一名新世纪富有朝气的九零后大军一员，虽为码农，心却蓬勃啊。对于新技术和新工具必然有着极大的兴趣，gulp在当下已不算太新鲜的技术，此次正逢...

2016-07-26 17:11:00 497

转载 Angular - ng-repeat高级用法

遍历数组： <li ng-repeat="item in array">{{item}}</li>遍历对象： key：对象的key value：对象的value <li ng-repeat="(key,value) in obj">{{key}} | {{value}}</li>绑定$$haskKey: 给每个...

2016-05-26 10:19:00 213

转载 angularjs directive 实例详解

前面提到了angularjs的factory,service,provider，这个可以理解成php的model，这种model是不带html的，今天所说的directive,也可以理解成php的model，也可以理解成插件，只不过这种model是带html的，例如：php的分页函数。一，angularjs directive的常用格式，以及参数说明1，直接return...

2016-04-28 18:55:00 147

转载 js立即执行函数

本文导读：js立即执行函数可以让你的函数在创建后立即执行，js立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行，这种模式本质上就是函数表达式(命名的或者匿名的)，在创建后立即执行。一、JS立即执行函数的写法方式1、最前最后加括号(function(){alert(1);}()); 方式2、function外面加括号(function(){...

2016-03-31 14:39:00 85

转载在js传递参数中含加号(+)的处理方式

一般情况下，URL 中的参数应使用 url 编码规则，即把参数字符串中除了 -_. 之外的所有非字母数字字符都将被替换成百分号（%）后跟两位十六进制数，空格则编码为加号（+）。但是对于带有中文的参数来说，这种编码会使编码后的字符串变得很长。如果希望有短一点的方式对参数编码，可以采用 base64 编码方式对字符串进行编码，但是 base64 编码方式不能处理 JavaScript 中的中...

2016-03-07 17:19:00 136

转载使用ES6进行开发的思考

ECMAScript6已经于近日进入了RC阶段，而早在其处于社区讨论时，我就开始一直在尝试使用ES6进行开发的方案。在Babel推出后，基于ES6的开发也有了具体可执行的解决方案，无论是Build还是Debug都能得到很好的支持。而在有了充足的环境、工具之后，我们面临的是对ES6众多新特性的选择和分析，以便选取一个最佳的子集，让我们可以享受ES6带来的便利（减少代码量、提高可读性等）...

2016-03-04 11:33:00 107

转载探索高效jQuery的奥秘

讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先，在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先，如果你是一个javascript新手，我...

2016-03-03 12:52:00 66

转载 jQuery中10个非常有用的遍历函数

使用jQuery，可以很容易的选择HTML元素。但有些时候，在HTML结构较为复杂时，提炼我们选择的元素就是一件麻烦的事情。在这篇教程中，我们将探讨十种方法去精炼和扩展我们将要操作的集合。HTML首先，让我们看看下图所示的简单的页面，通过这个教程我们将选择这些元素。div.container是包裹元素；div.photo、div.title、div.rating是di...

2016-02-26 13:20:00 53

转载高效的jQuery代码编写技巧总结

最近写了很多的js，虽然效果都实现了，但是总感觉自己写的js在性能上还能有很大的提升。本文我计划总结一些网上找的和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。谨以此文来提醒自己。其次在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。...

2016-02-26 13:14:00 47

转载编写优秀jQuery插件的10个技巧

前言：在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构，只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。1. 把你的代码全部放...

2016-02-26 13:10:00 73

转载使用JavaScript判断图片是否加载完成的三种实现方式

有时需要获取图片的尺寸，这需要在图片加载完成以后才可以。有三种方式实现，下面一一介绍。一、load事件 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> <...

2016-02-24 19:44:00 111

转载前端学习书籍大全包含PDF地址

JavaScript类：javascript高级程序设计pdf下载---->教程javascript权威指南pdf下载---->教程javascript基础教程pdf下载javascript DOM 编程艺术pdf下载网站优化：高性能网站建设进阶指南pdf下载XHTML+CSS类：CSS网站布...

2016-02-24 19:27:00 725

转载做前端需要学的东西

CSS不能编程？用Less、Sass、Stylus、甚至直接用 Absurd，框架除了Bootstrap还有很多。JS写多了很麻烦？jQuery。移动开发？Zepto.js。结构不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter还弄了个事件驱动框架Flight。库多了要优化加载？RequireJS。代码质量成问题？Jasmine、...

2016-02-24 19:25:00 176

转载手机移动端WEB资源整合

H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码<meta nam...

2016-02-24 09:27:00 147

转载 js特殊字符转义

点的转义：. ==>\\u002E美元符号的转义：$ ==>\\u0024乘方符号的转义：^ ==>\\u005E左大括号的转义：{ ==>\\u007B左方括号的转义：[ ==>\\u005B左圆括号的转义：( ==>\\u0028竖线的转义：| ==>\\u007C右方括号转义：] ==>\\u005D右圆...

2016-02-23 16:11:00 838

转载【译】JavaScript 开发者年度调查报告

截至目前有超过了 5000 人参与了(该次调查)，准确的说是 5350 人。我迫不及待的想要和大家分享一下这次调查的细节。在分享之前我想要感谢参与调查的每一个人。这是 JavaScript 社区一个伟大的时刻，我对未来的事情感到无比激动。我没有想到大家如此积极，下一次我一定会对版式做一些改进。换句话说，就是我会先将问卷调查放到Github上，以便于在开始调查之前，社区有一到两周的时...

2016-02-23 11:01:00 229

转载配置chrome支持本地（file协议）ajax请求

将html代码拖拽进入chrome通过file协议浏览时，发送的ajax请求本地文件，会报跨域错误。XMLHttpRequest cannot load file:///E:/webs/extJS/ext-3.3.0/examples/csdn/combobox.txt?_dc=1414738973999. Cross origin requests are only suppo...

2016-02-23 10:17:00 218

转载【HTML5】在head 设置 meta 能更方便开发

2016-02-22 16:58:00 92

转载 Git连接Github

Git是分布式的代码管理工具，远程的代码管理是基于SSH的，所以要使用远程的Git则需要SSH的配置。github的SSH配置如下：一、设置Git的user name和email：$ git config --global user.name "wangmingdong"$ git config --global user.email "wangmingdong@n...

2016-02-19 14:01:00 108

转载 github神器--Atom编辑器初体验

Atom1.0正式式版已经出来好几天，自从听说github出了这神器之后，一直想体验一吧，这两天终于体验上。下载：https://atom.io/其实，我的网速还不错，但总是下载到一半就没网速了。最后用360浏览器的下载器总算是下载下来了。这里提供一下网盘链接：http://yunpan.cn/ccebYTpa96rdX（提取码：ff57）因为一...

2016-02-18 18:31:00 145

转载 jQuery插件开发精品教程，让你的jQuery提升一个台阶

要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶，编写一个属于自己的插件是个不错的选择。本教程可能...

2016-02-18 17:15:00 64

转载 node 通过指令创建一个package.json文件及npm安装package.json

描述包的文件是package.json文件.一个这样的文件,里面的信息还是挺大的.我们可以放弃手动建立.为了练手我们有命令行来建一个这样的包;完成name,varsion....license项的信息填写后会出现这样一段话.上面是我们填写的信息,下面我们输入yes,就完成了package.json包的建立.现在我们去这个路径下去找我们的包.npm...

2016-02-18 15:40:00 35

转载 nodejs npm常用命令

npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和本地模式。一般情况下会以本地模式...

2016-02-18 14:15:00 62

转载开源轻量级移动端友好的JS地图库——leaflet学习教程

Leaflet 是一个为建设交互性好适用于移动设备地图，而开发的现代的、开源的 JavaScript 库。代码仅有 33 KB，但它具有开发在线地图的大部分功能。Leaflet设计坚持简便、高性能和可用性好的哲学思想，在所有主要桌面和移动平台能高效运作，在现代浏览器上会利用HTML5和CSS3的优势，同时也支持旧的浏览器访问。支持插件扩展，有一个友好、易于使用的API文档和一个简单的、可...

2016-02-03 11:13:00 267

转载使用async属性异步加载执行JavaScript

HTML5让我兴奋的一个最大的原因是，它里面实现的新功能和新特征都是我们长久以来一直期待的。比如，我以前一直在使用placeholders，但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性，使JavaScript能异步加载执行。之前我需要各种的JavaScript插件来实现这种功能，但现在这个新属性能让我们轻松的实现异步加载。asy...

2016-02-02 14:06:00 232

转载使用HTML5的页面资源预加载(Link prefetch)功能加速你的页面加载速度

不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资...

2016-02-02 14:00:00 114

转载用JavaScript将Canvas内容转化成图片的方法

上周我们花了半天时间开发下一个准备放进Mozilla Marketplace的应用。有一个应用现在非常的火热，那就是Instagram，Facebook花了100万美元收购了它。我们也想有100万美元装到口袋里，我决定开发一个Instagram风格的应用，这篇文章了我将介绍一下如何将一张图片拷贝到canvas里，以及反过来，如何将画布内容保存成图片格式。使用JavaScript将图片...

2016-02-02 13:45:00 149

转载 HTML5 Web存储(Web Storage)技术及用法

在如今的Web开发中，HTML5是大家讨论的最大一个话题。HTML5提供的新功能特征使得Web程序员如虎添翼，并免去了以往钻研各种方法来让网站更好、更快、更灵活的气力。这些新功能中有一个非常让我感兴趣，它就是Web存储(Web Storage)。Web存储(Web Storage)提供了一个在浏览器端保存用户会话信息的方法。下面让我们来看一看Web存储(Web Storage)的基本用法...

2016-02-02 11:37:00 85

转载 JS delete 用法(删除对象属性及变量)

1,对象属性删除function fun(){ this.name = 'mm';}var obj = new fun();console.log(obj.name);//mmdelete obj.name;console.log(obj.name); //undefined2,变量删除var name = '...

2016-01-27 10:43:00 227

转载 JS数组删除一个元素（根据值删）

2016-01-11 12:22:00 703

转载 AngularJS如何使用ngRepeat过滤排序

NG重复指令，带过滤器，像这样：<li ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4"></li>orderBy为key值，当然也可以为变量，在controller中可定义该变量值，如：<li ng-repeat="item in ...

2016-01-07 18:00:00 317

转载 AngularJs中关于ng-class的三种使用方式说明

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

2016-01-06 18:59:00 87

转载 AngularJS中如何使用trigger报错$digest already in progress

今天在使用trigger事件碰到问题：例如我有两个按钮，button1和button2，在button2绑定了ng-click事件，现在想点击button1从而触发button2的ng-click事件。代码中我直接用angular.element(button2).triggerHandler('click');控制台报错：Error: [$rootScope...

2015-12-31 11:21:00 231

转载 ng-click得到当前元素,angular.element()用法

<!DOCTYPE html><html><head> <title></title> <script src="lib/jquery/jquery-1.10.2.min.js"></script> <script src="lib/angular/angu...

2015-12-30 09:53:00 241

转载 Git 添加空文件夹的方法

转自stackoverflow：http://stackoverflow.com/questions/115983/how-do-i-add-an-empty-directory-to-a-git-repositoryAnother way to make a directory stay empty (in the repo) is to create a .giti...

2015-12-11 16:36:00 60

转载 Git 分支管理详解

大纲：1.前言2.创建分支3.切换分支4.合并分支（快速合并）5.删除分支6.分支合并冲突7.合并分支（普通合并）8.分支管理策略9.团队多人开发协作10.总结注，测试机 CentOS 5.5 x86_64，Git 服务器版本：git version 1.8.2.1，客户端版本：git version 1.9.2.msysgit.0。所有软件请...

2015-12-11 16:16:00 1757

转载常用 Git 命令清单

我每天使用 Git ，但是很多命令记不住。一般来说，日常使用只要记住下图 6 个命令，就可以了。但是熟练使用，恐怕要记住 60～100 个命令。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库一、新建代码库...

2015-12-10 17:40:00 127

转载 AngularJS中serivce，factory，provider的区别

一、service引导刚开始学习Angular的时候，经常被误解和被初学者问到的组件是 service(), factory(), 和 provide()这几个方法之间的差别。This is where we'll start the twenty-five days of Angular calendar.二、service在Angular里面，services作为单例对象...

2015-11-17 09:51:00 49

转载 AngularJS 中的 Promise 和设计模式

解决 Javascript 异步事件的传统方式是回调函数；调用一个方法，然后给它一个函数引用，当这个方法完结的时候执行这个函数引用。$.get('api/gizmo/42', function(gizmo) { console.log(gizmo); // or whatever});看起来很不错对不对，不过，也有缺...

2015-11-16 16:24:00 116

空空如也

空空如也