- 博客(164)
- 收藏
- 关注
RSS订阅原创 英语对码农的重要性
对于咱们这些高端大气、时刻需要和国际接轨的码农，英语的重要性自然是毋庸置疑的。尤其是那些胸怀大志的潜在大牛们，想在码农行业闯出一片天地，秒杀身边的小弟们，熟练掌握英语更是实现其目标最关键的因素之一。否则，试想在你捧着某出版社刚刚翻译出来的《JSP 高效编程》苦苦学习JSP模板的时候，你旁边的小弟却是拿着原版的《AngularJS in Action》学习开发单页面应用，虽然你们都同样认真地学习了一
2017-03-17 10:24:51
2699
2
原创 字符编码笔记：ASCII，Unicode和UTF-8
1. ASCII 码我们知道，在计算机内部，所有的信息最终都表示为一个二进制的字符串。每一个二进制位（bit）有0和1两种状态，因此八个二进制位就可以组合出256种状态，这被称为一个字节（byte）。也就是说，一个字节一共可以用来表示256种不同的状态，每一个状态对应一个符号，就是256个符号，从0000 0000到1111 1111。上个世纪60年代，美国制定了一套字符编码，对英语字符与二进制位
2017-03-17 10:24:48
408
原创 js事件流
ps: 事件流在js的执行中占据一个很重要的角色，今天这里汇总一下，以便某日脑子被轰炸了再查看之用1.事件流 事件流：从页面中接收事件的顺序。也就是说当一个事件产生时，这个事件的传播过程，就是事件流。 1.1 IE的事件流 [ 很恶心微软这b的破浏览器 ]IE中的事件流叫事件冒泡，事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）。对于html来说，就是
2017-03-17 10:24:45
589
原创 github pull request
我尝试用类比的方法来解释一下 pull reqeust。想想我们中学考试，老师改卷的场景吧。你做的试卷就像仓库，你的试卷肯定会有很多错误，就相当于程序里的 bug。老师把你的试卷拿过来，相当于先 fork。在你的卷子上做一些修改批注，相当于 git commit。最后把改好的试卷给你，相当于发 pull request，你拿到试卷重新改正错误，相当于 merge。当你想更正别人仓库里的错误时，要走
2017-03-17 10:24:40
588
原创 css3 box-sizing属性
css3 box-sizing属性box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，padding计算入width内border-box，border和padding计算入width之内，其实就是怪异模式了~ ie8+浏览
2017-03-17 10:24:37
307
原创 webpack参数详解
一.webpack基础 1. 在项目中生成package.json：在项目根目录中输入 npm init，根据提示输入相应信息。 2. 安装webpaack a. 在全局中安装 webpack：npm install webpack -g b. 将webpack安装到项目并将webpack写入package.json的devDependencies中：进入项目根目录，然后在命令
2017-03-17 10:24:35
1550
原创 深入理解javascript原型和闭包系列
深入理解javascript原型和闭包（0）——目录深入理解javascript原型和闭包（1）——一切都是对象深入理解javascript原型和闭包（2）——函数和对象的关系深入理解javascript原型和闭包（3）——prototype原型深入理解javascript原型和闭包（4）——隐式原型深入理解javascript原型和闭包（5）——instanceof深入理解javascript原
2017-03-17 10:24:32
292
原创 React构建单页应用方法与实例
pre{ font-family: Courier New!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: Courier Ne
2017-03-17 10:24:29
779
原创 传统 Ajax 已死，Fetch 永生
原谅我做一次标题党，Ajax 不会死，传统 Ajax 指的是 XMLHttpRequest（XHR），未来现在已被 Fetch 替代。最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的 de >$.ajaxde> 迁移到 de >Fetchde>，上线一个多月以来运行非常稳定。结果证明，对于 IE8+ 以上浏览器，在生产环境使用 Fetch 是可行的。由于 Fetch API 是基
2017-03-17 10:24:26
447
原创 shim和polyfill
在JavaScript的世界里,有两个词经常被提到,shim和polyfill.它们指的都是什么,又有什么区别?一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现.一个polyfill 就是一个用在浏览器API上的shim.我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill.然后新旧浏览器就都可以使用这个API了
2017-03-17 10:24:23
370
原创 css sass在chrome浏览器中的调试
http://www.imooc.com/video/7804sass新版本的直接可以按照上面方式进行调试
2017-03-17 10:24:20
1708
原创 node-glob学习
node的glob模块允许你使用 *等符号, 来写一个glob规则,像在shell里一样,获取匹配对应规则的文件.这个glob工具基于javascript.它使用了 minimatch 库来进行匹配用法:首先下载glob包: npm install glob调用格式:ortant;" >var glob = require("glob"ortant;" >)ortant;" >//
2017-03-17 10:24:17
412
原创 全方位解析npm以及其全局安装本地安装中的一些区别
NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准，如果常用node的童鞋还好，但是对于一般的前端童鞋用的最多的就是包管理器在自动化脚本中的使用，因此除了熟悉的时候，过两天就忘记怎么操作了有木有！这里只针对windows1： 安装分为全局安装跟本地安装查看全局包管理器在哪个目录下面： npm config g
2017-03-17 10:24:15
443
原创 流量统计
常识普及： UV既是独立访客：访问您的网站的上网电脑数量（以cookie为依据）。 PV：即PV（PageView）值，用户每次打开网站页面被记录1次。用户多次打开同一页面，访问量值累计多次。此指标衡量网站访问量情况。本站日访问流量统计：地域分布统计：当前访问者ip地址以及来源：
2017-03-17 10:24:12
378
原创 npm install p --save跟npm install p --save-dev的区别
共同点： 二者安装完成以后都会出入到 package.json 这个依赖的配置文件中，这也是node必须的。不同点： npm install p --save: 会一注入到package,json中dependencies中，代表是项目必须的依赖的组件不管是开发还是上线 npm install p --save-dev: 会一注入到package,json中dev
2017-03-17 10:24:09
1571
原创 漂亮的5个es6技巧演示
pre{ font-family: Courier New!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: Courier Ne
2017-03-17 10:24:06
349
原创 ES6/ES2015核心内容
pre{ font-family: courier new!important; font-size: 12px!important; border:1px dashed #333; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245);
2017-03-17 10:24:03
331
原创 node---path对象
pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: courier ne
2017-03-17 10:24:00
243
原创 两副图让你彻底明白同步IO和异步IO的区别
IO就是 input和output 的缩写，分别是输入和 输出的意思。IO服务也可以说成，读写服务。无盘的IO服务，就是服务器提供给客户端文的文件数据的读取和写入。因为客户端没有硬盘， 所以无盘客户端的数据，都是从服务器上读取的，一般在读盘上。也会写入到服务器的硬盘上，就是写在回写盘里。 众所周知，NodeJs采用的事单线程异步式IO的架构，并且是事件驱动的。假设我们有一项工作，有两个计算部分，
2017-03-17 10:23:57
5037
原创 webpack
webpack has a rich plugin interface. Most of the features are internal plugins using this interface. This makes webpack very flexible.webpack uses async I/O and has multiple caching levels. This makes
2017-03-17 10:23:55
428
原创 IFrame 系列4 ---- document.selection 全方位兼容解析以及TextRange[createTextRange,createRange]对象的深入解析
pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: courier ne
2017-03-17 10:23:52
4532
原创 IFrame 系列3 ---- js选中文字API: setSelectionRange跟createTextRange
pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: courier ne
2017-03-17 10:23:49
1367
原创 IFrame 系列2 ---- contentWindow跟execCommand全面解析
pre{ font-family: Courier New!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: Courier Ne
2017-03-17 10:23:46
1744
原创 IFrame 系列1 ----designMode和contentEditable属性全方位解析
pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: courier ne
2017-03-17 10:23:43
1851
原创 js中粘贴、复制、剪切操作汇总
pre{ font-family: Courier New!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: Courier Ne
2017-03-17 10:23:40
3264
原创 H5文件操作API汇总
pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: courier ne
2017-03-17 10:23:37
7414
原创 uploadfy上传插件汇总
pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: courier ne
2017-03-17 10:23:34
319
原创 git 设置代理的方法
有时候使用git的时候很蛋疼有木有，就需要设置代理，如下，最后通过git config --list 查看所有的配置git config --global https.proxy http://127.0.0.1:1080git config --global https.proxy https://127.0.0.1:1080git config --global --unset http
2017-03-17 10:23:31
409
原创 索引---之mongodb篇
索引的意义：索引在数据库中的作用相当于目录在书籍中的作用类似，都用来提高查找信息的速度。索引是一个表中所包含值的列表，其中注明了表中包含各个值的行所在的存储位置，使用索引查找数据时，先从索引对象中获得相关列的存储位置，然后再直接去其存储位置查找所需信息，这样就无需对这个表进行扫描，从而可以快速的找到所需数据。按指定的某些字段建立个索引表，通过索引表可以快速检索到记录。索引表中主要包括两项内容：关键
2017-03-17 10:23:28
227
原创 Model.populate
关联查询[评论] api Mongo 没有join 特性，因此mongoos定义了一个populate的方法，当你定义schemas的时候指定某一个字段是引用了另外的一个schemas,那么在获取document的时候就可以通过populate方法让mongos通过引用schemas id找到关联的文档，然后用这个文档的内容替换掉原来文档的内容，该方法可以用在文档，模型，query对象上填充
2017-03-17 10:23:25
394
原创 使用Redis的理由
使用Redis的理由 Redis是一个远程内存数据库，它不仅性能强劲，而且还具有复制特性以及为解决问题而生的独一无二的数据模型。Redis提供了5种不同类型的数据结构，各式各样的问题都可以很自然地映射到这些数据结构上：Redis的数据结构致力于帮助用户解决问题，而不会像其他数据库那样，要求用户扭曲问题来适应数据库。除此之外，通过复制、持久化（persistence）和客户端分片（client-
2017-03-17 10:23:22
271
原创 express-session-cookie 解析
保持用户登录状态： 客户端 cookie + server session 会话：一般跟踪用户，某段时间内用户多次访问网站，网站就可以确认用户的身份，因此需要在服务器跟客户端之间需要一个 一一对应的关系。一个用户的所有请求就应该属于同一个回话，其他用户的属于其他回话【eg: 超市购物 】 网站一般使用的htp协议，http协议是无状态的，一旦数据交换完成，客户端跟服务器端的连接就会关闭，再一
2017-03-17 10:23:19
435
原创 MongoDB 3.x ---用户权限入门
pre{ font-family: Courier New!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: Courier Ne
2017-03-17 10:23:17
348
原创 mongodb3.x--用户权限设置
pre{ font-family: Courier New!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: Courier Ne
2017-03-17 10:23:14
241
原创 mongoose
ortant;" >简介 Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具 那么要使用它，首先你得装上node.js和mongodb,关于mongodb的安装和操作介绍可以 考：http://www.cnblogs.com/zhongweiv/p/node_mongodb.html Github地址：https://gith
2017-03-17 10:23:08
346
原创 时间格式化moment.js
官网： http://momentjs.cn/特点： 简单，支持前后端[node]，多语言，提及比较小，相对而言吧，其实也就是十几行代码的事。
2017-03-17 10:23:05
386
原创 四种常见的 POST 提交数据方式
文章目录application/x-www-form-urlencodedmultipart/form-dataapplication/jsontext/xmlHTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种方式。
2017-03-17 10:23:02
358
原创 node---express框架
[实例代码]Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。安装：
2017-03-17 10:22:59
326
原创 markdown
http://blog.163.com/qyl_anikin/prevPhDownload.do?host=qyl_anikin&albumId=303560047&photoId=9727060752教程博文：http://www.cnblogs.com/sanshi/archive/2011/03/16/1986468.htmlvar fs = require('fs');var markdo
2017-03-17 10:22:56
199
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人