kylin-v-CSDN博客

转载 JavaScript事件代理和委托（Delegation）

在javasript中delegate这个词经常出现，看字面的意思，代理、委托。那么它究竟在什么样的情况下使用？它的原理又是什么？在各种框架中，也经常能看到delegate相关的接口。这些接口又有什么特殊的用法呢？这篇文章就主要介绍一下javascript delegate的用法和原理，以及Dojo，jQuery等框架中delegate的接口。JavaScript事件代理首先介绍一

2016-04-22 11:08:31 308

转载移动web资源整理

2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题、高端机带来新挑战浏览器厂商不统一——兼容问题多网络更复杂——弱网络，页面打开慢低端机性能差——页面操作卡顿HTML5新技术多——学习成本不低未知问题——坑多面对这些问题，一开始我们只能在未知中试错，知道错误的方案才能更容易寻找正确的解决问题思路，2年多来，可看到移动web在业界不断趋

2016-04-18 11:34:05 334

转载 ajax与HTML5 history pushState/replaceState实例

一、本文就是个实例展示三点：我就TM想找个例子，知道如何个使用，使用语法什么的滚粗跟搜索引擎搞基自己备忘精力总是有限的，昨天一冲动，在上海浦东外环之外订了个90米的房子，要借钱筹首付、贷款和领证什么的。HTML5 history相关知识点啪啦啪啦讲起来也是一条又臭又长的裹脚布，精气神实在不够用，这里，直接一个实例。二、ajax载入与浏览器历史的前进与后退众所

2016-03-23 00:41:37 336

转载移动端滚动条插件

今天在做一个单页面的手机端项目时，遇到介样的需求：所有页面都是禁用滚动条的，但其中有一个页面的图片很长，需要出现滚动条浏览。哎呦我去，于是我想着用iscroll插件解决掉算了，于是到github上下载下来部署到项目中，用多个iPhone手机测试了都不行。这下子伤心了，说好的酣畅淋漓滑动呢？？于是我便网上搜索了一下，发现大神［张鑫旭］的博客里有这款“神器” ［simpSc

2016-03-13 15:32:15 1442 1

转载单页面禁止多个滚动条同时滚动的JS

开场白省略...场景描述：一个页面中，分左右布局，且两边都是有滚动条的情况下。如图：滚动左边的时候，这时候body的滚动条也开始滚动了，但是！我不想让body的滚动条也滚动，所以出现下面的几句代码，如果大家有更好的方法，欢迎留言说出来。123456789101112131415161718

2016-03-13 15:27:27 1876 1

转载 jQuery插件开发的五种形态小结

这篇文章主要介绍了jQuery插件开发的五种形态小结，具体的内容就是解决javascript插件的8种特征，非常的详细，这里推荐给小伙伴们。关于jQuery插件的开发自己也做了少许研究，自己也写过多个插件，在自己的团队了也分享过一次关于插件的课。开始的时候整觉的很复杂的代码，现在再次看的时候就清晰了许多。这里我把我自己总结出来的东西分享出来，帮助那些和我一样曾经遇到过同样问题的人。

2016-03-11 00:57:45 175

转载 Flex布局新旧混合写法详解（兼容微信）

flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性，偏偏有个例外，就是国产某某X5内核神器（不知哪个版本的webkit，仅支持 display:box），自主研发这东西也不好多说什么了，下面入正题。首先还

2016-02-05 14:49:05 817

转载 Gulp安装及配合组件构建前端开发一体化

所有功能前提需要安装nodejs（本人安装版本v0.10.26）和ruby（本人安装版本1.9.3p484）。Gulp 是一款基于任务的设计模式的自动化工具，通过插件的配合解决全套前端解决方案，如静态页面压缩、图片压缩、JS合并、SASS同步编译并压缩CSS、服务器控制客户端同步刷新。Gulp安装全局安装Gulpjsnpm install -g gulp #全

2015-12-26 23:20:37 404

转载 require加载

require最常用的方法require('http') 内置模块require('./server') “./”表示当前路径，后面跟的是相对路径require("../lib/server") ../表示上一级目录，后面跟的也是相对路径server.jsvar http = require('http'); function start(){ s

2015-12-25 21:19:08 312

转载 bower 使用

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。准备工作安装node环境:node.js安装Git，bower从远程git仓库获取代码包:git简易指南安装bower使用npm，打开终端，

2015-12-20 14:31:27 271

转载 git update-index --assume-unchanged（忽略已跟踪文件的改动）

Git 忽略已跟踪文件的改动git update-index --assume-unchangedGit之本地忽略这个分同种情况：本地永久忽略，效果的gitignore一样，只不过不适于写到gitignore中而已，可以自己建立一个本地独享的gitignore，然后git config --global core.excludesfile 文件的绝对路径，

2015-12-16 22:23:22 885

转载 2.2 Git 基础 - 记录每次更新到仓库

记录每次更新到仓库现在我们手上有了一个真实项目的 Git 仓库，并从这个仓库中取出了所有文件的工作拷贝。接下来，对这些文件做些修改，在完成了一个阶段的目标之后，提交本次更新到仓库。请记住，你工作目录下的每一个文件都不外乎这两种状态：已跟踪或未跟踪。已跟踪的文件是指那些被纳入了版本控制的文件，在上一次快照中有它们的记录，在工作一段时间后，它们的状态可能处于未修改，已修改或已放入暂

2015-12-16 18:06:52 639

转载 Git远程操作详解

Git是目前最流行的版本管理系统，学会Git几乎成了开发者的必备技能。Git有很多优势，其中之一就是远程操作非常简便。本文详细介绍5个Git命令，它们的概念和用法，理解了这些内容，你就会完全掌握Git远程操作。git clonegit remotegit fetchgit pullgit push本文针对初级用户，从最简单的讲起，但是需要读者对Git的基

2015-12-15 22:10:46 173

转载 git 命令大全

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

2015-12-15 21:07:29 170

转载 gulp

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一些常用的gulp

2015-12-10 23:16:14 232

转载 Handlebars.js 模版

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=utf-8"> 5 title>each-基本循环使用方法 - by 杨元title> 6 head> 7 body> 8 h1>each-基本循环使用方法h1> 9

2015-12-02 19:30:34 206

转载基于CSS3的WEBAPP横向滑动模式演化

前言随着移动网络速率和设备硬件水平的不断提升，webapp的发展更加的native化，其表现效果和性能也会越来越好，在可预计的未来很有可能替代native或者平起平坐，那么我们研究更好的交互体验是非常有必要的。目前我们所常见的webapp越来越多的是以SPA(single page application)的模式进行开发，同时嵌套在android或者ios本地壳里面，也就是hybrid应用

2015-07-31 10:52:11 358

转载 IE10中的Flexible Box("Flexbox")布局

经过这一系列对Flexbox的介绍，我想大家对Flexbox在布局中的使用以及其强大功能特性给我们布局带来的方便性都有所了解。话又说回来，虽然Flexbox功能强大（特别是弹性布局），但还是很多同学不敢使用，也不想尝试性使用。我想主要原因出于他的语法版本众多，浏览器对其兼容性等。在《“老”的Flexbox和“新”的Flexbox》一文中，让我们了解了如何识别Flexbox的语法版本，而在《使用

2015-07-30 17:52:28 852

转载一个完整的Flexbox指南

Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。（这里我们称为Flex）。Flex布局主要思想是让容器有能力让其子项目能够改变其宽度、高度(甚至顺序)，以最佳方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小）。Flex容器会使子项目（伸缩项目）扩展来填满可用空间，或缩小他们以防止溢出

2015-07-30 17:35:26 320

转载使用CSS3 Flexbox布局

伸缩容器（flex containers）和伸缩项目（flex items）一个Flexbox布局是由一个伸缩容器（flex containers）和在这个容器里的伸缩项目（flex items）组成。伸缩容器（flex containers）是一个HTML标签元素，并且“display”属性显式的设置了“flex”属性值。在伸缩容器中的所有子元素都会自动变成伸缩项目（flex items

2015-07-30 12:48:37 227

转载响应式设计的未来——Flexbox

CSS中，浮动几乎代替了表格用来服务于布局，做为替身，比表格好用得多。但他们仍然有限。现在有一个建议的解决方案称为CSS Flexible Box布局模块，一般称为Flexbox。Flexbox是CSS3推荐方法，用来帮助设计师更好的控制页面的元素，在没有比较好的解决方案之前，Flexbox要比其他现代布局方案要更强。真的，我们仍然没有在使用，因为Flexbox支持至今还是受到限制的。

2015-07-30 12:45:40 330

转载深入理解jQuery插件开发

如果你看到这篇文章，我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单，但是它仍然有一些奇怪的地方，对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心，我下面已经把代码划分成小部分，做了一个简单的指导。那些语法看起来可能过于复杂，但是如果进入到它的思想和模式中，它是非常简单易懂的。下面，我们有了一个插件的基本层次：12

2015-07-09 09:56:56 188

转载 node.js集成百度UE编辑器

摘要：　　最近在搭建自己的博客，这一段时间可能没有时间来写博客了，但是有了好东西还是要分享给大家。博客网站必然要有编辑文章的编辑器，所以在网上查了些资料。大部分编辑器的后台是基于java、php、asp等，很少有基于node.js的。本来是想用markdown来写文章，但是样式不好调，所以最终还是选择了百度的ueditor，其官网上并没有基于node.js的代码。但是幸运的是我在github上

2015-06-23 12:03:38 282

转载 Mongoose 参考手册

Mongoose 是什么?一般我们不直接用MongoDB的函数来操作MongoDB数据库 Mongose就是一套操作MongoDB数据库的接口.Schema一种以文件形式存储的数据库模型骨架，无法直接通往数据库端，也就是说它不具备对数据库的操作能力.可以说是数据属性模型(传统意义的表结构)，又或着是“集合”的模型骨架/* 定义一个 Schema */var mongoose =

2015-06-23 10:48:26 317

转载 Jquery取得iframe中元素的几种方法

W3C的标准告诉我们，可以通过Dom对象的contentDocument属性来返回文档对象。var doc = document.getElementById('mainFrame' ).contentDocumentIE8开始支持,如果你的项目不用兼容IE6，IE7的话使用这种方式最好。IE6,IE7需要如此访问

2015-06-18 14:19:25 401

转载 chrome使用技巧

阅读目录写在前面快速切换文件在源代码中搜索在源代码中快速跳转到指定的行使用多个插入符进行选择设备模式设备传感仿真格式化凌乱的js源码颜色选择器改变颜色格式强制改变元素状态（方便查看不同状态下元素的样式）利用chrome来查看和编辑本地文件选择下一个匹配项可视化的DOM阴影如果您觉得本篇博文对您有所收获，觉得小女子还算用心，请点击右下角的 [推荐]，谢谢！回到顶部写在前面之前

2015-06-04 15:03:07 263

转载 Javascript异步编程的4种方法

你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段J

2015-06-02 11:55:32 301

转载 Javascript模块化编程（二）：AMD规范

这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这

2015-06-02 11:42:41 210

转载 Javascript模块化编程（三）：require.js的用法

这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。　　

2015-06-02 11:42:22 212

转载 jQuery的deferred对象详解

jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程

2015-06-02 11:27:13 192

转载 XMLHttpRequest Level 2 使用指南

XMLHttpRequest是一个浏览器接口，使得Javascript可以进行HTTP(S)通信。最早，微软在IE 5引进了这个接口。因为它太有用，其他浏览器也模仿部署了，ajax操作因此得以诞生。但是，这个接口一直没有标准化，每家浏览器的实现或多或少有点不同。HTML 5的概念形成后，W3C开始考虑标准化这个接口。2008年2月，就提出了XMLHttpRequest Level 2 草案

2015-06-02 11:25:39 206

转载 Javascript模块化编程（一）：模块的写法

随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，Javascript

2015-06-02 11:25:38 244

转载 ab命令

ApacheBench(即ab)通常用来做网站性能压力测试，是性能调优过程中必不可少的一环，ab命令会创建很多的并发访问线程，模拟多个访问者同时对某一URL地址进行访问。它的测试目标是基于URL的，因此，既可以用来测试Apache的负载压力，也可以测试nginx、lighthttp、tomcat、IIS等其它Web服务器的压力。 ab命令对发出负载的计算机要求很低，既不会占用很高CP

2015-05-27 11:28:59 744

转载 Node.js express 之mongoose 从异步回调函数返回值，类似于同步

Node.js是很好，异步回调模式返回值让我头疼不已啊，今日还是写下今天学习的成果，起由是因为在使用mongoose查询的时候，多个查询相互依赖会层层嵌套，看起来N不爽，我们可以使用并行查询完毕然后，返回想要的结果即可，代码看起来会美观很多，例如：12345User.findOne({userid:userid},function(err

2015-05-12 16:29:25 1162

转载如何给nodejs开发的web 绑定域名

#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events { worker_con

2015-05-12 09:25:27 3393

转载 nssm在windows服务器上部署nodejs，coffee启动方式

本想用forever / pm2 来部署nodejs, 百度后发现只能在Linux系统上使用，window上没法使用，兜一圈后又转nssm了。。。。在Linux上，可以轻松的使用forever或者pm2来部署nodejs应用。但是在windows下就麻烦了，pm2明确的说支持Linux & MacOS，forever在windows下问题很多，最主要是版本老旧，不支持node

2015-05-11 17:45:30 306

原创 mongodb 备份还原

必须先去 admin 创建用户然后才能还原。。mongorestore -h 127.0.0.1 -d special c:\backup\mongoDb\data\special -u kylin -p 123123 -drop ---- 还原mongodump -h 127.0.0.1 -d special -o c:\backup\mongoDb\data\ -----备份

2015-05-10 09:42:11 223

转载使用Canvas进行验证码识别

前两天首页上有篇文章,讲用C#生成验证码.今天又看到一篇文章,讲用python识别验证码.于是我就写了这篇文章,讲用Canvas识别验证码我们今天要识别的是那种最最简单的验证码,只有随机颜色和随机背景,而没有随机变形,随机噪点.为了方便试验,我从谷歌中随便搜了一个使用了这种验证码的网站,这种验证码的确很常见 (点击可更换).分析首先,我们需要分析验证码的生成规律,多

2015-04-26 20:01:57 1227

转载 Firefox 如何启动多个 session

FireFox 有个 Profile 的概念，一套FireFox 程序可以在不同的 Profile 下运行，这样不同的用户在各自的 Profile 下使用FireFox 时，都会感觉像是在使用自己的FireFox 一样。也就是说，你可以自己创建多个 Profile，然后执行FireFox 的时候指定运行哪一个 Profile。 FireFox 将每个 Profile 看作为

2015-04-24 21:29:30 793

转载 Mongoose 一些查询方法

Model.findMongoose 模型提供了 find, findOne, 和 findById 方法用于文档查询。Model.findModel.find(query, fields, options, callback)// fields 和 options 都是可选参数简单查询Model.find({ 'csser.com': 5 }, function

2015-04-20 11:15:38 79

空空如也

空空如也