免费二维码生成途径非常多！比如比较有名的草料二维码，如果只是简单的使用，用它就足够了。但是如果想大规模的生成，那就不太合适了。再者很多工具都没办法在二维码中加入logo（像微信二维码一样）。

excel在我们日常工作生活中会经常用到，通常我们都是用office软件去编写文档。但是对于格式一致的excel文档，如果还是使用人工完成，那绝不是我们软件工程师的姿态了~

功能介绍：聚合 VIP 视频解析在线看（若解析失败可多切换几个线路试试看），支持的网站包括但不限于：[腾讯视频]、[爱奇艺]、[优酷土豆]、[芒果 tv]、[乐视视频]、[PPTV]、[搜狐视频]、[bilibili]、[AcFun]、[暴风影音]等；聚合 VIP 无损音乐免费下载，支持的网站包括但不限于：[网易云音乐]、[QQ 音乐]、[酷狗音乐]、[...

承接前一篇《做一个合格的前端，gulp自动化构建工具入门教程》故而整理了如下gulp插件资源大全。**【我的新作观点网：[链接] (观点网是一个猎获新奇、收获知识、重在独立思考的网站)。PS：接下来我会逐一开源观点网开发过程中的前后端技术，如：lucene全文索引、自定义富文本编辑器、图片上传压缩水印等等。】**

我的新作观点网[链接] (观点网是一个猎获新奇、收获知识、重在独立思考的网站)，它前端js、css的压缩、合并、md5命名等就使用了gulp自动化构建技术，gulp很小巧使用起来很舒服。ps：接下来我会逐一开源观点网开发过程中的前后端技术，如：lucene全文索引、自定义富文本编辑器、图片上传压缩水印等等。

文本换行其实是个非常常用但并不起眼的特性。你什么都不用设，浏览器自动就会换行。例如英语，浏览器会根据容器尺寸，选择在半角空格或连字符处换行。例如中文，浏览器会选择在文字或标点符号处换行。但有时遇到长单词或URL浏览器就没这么智能了，会出现撑破容器的现象，很难看，如下图

1、页边距IE默认为10px，通过body的margin属性设置FF默认为8px，通过body的padding属性设置要清除页边距一定要清除这两个属性值

【导读】：GitHub 上有一个 Awesome – XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等。

个人在学习git工作流的过程中，从原有的 SVN 模式很难完全理解git的协作模式，直到有一天我看到了下面的文章，好多遗留在心中的困惑迎刃而解，于是我将这部分资料进行整理放到了github上，欢迎star查看最新更新内容， [链接]

由于JavaScript的出现就是为了能在浏览器中运行，所以，浏览器自然是JavaScript开发者必须要关注的。【写的比较多，难免有疏漏的地方，希望朋友们指正】

var p = {}p.__proto__ = Person.prototypePerson.call(p)var p={}; 也就是说，初始化一个对象p。p.__proto__ = Person.prototype;Person.call(p);也就是说构造p，也可以称之为初始化p。

JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类： a 类方法 b 对象方法 c 原型方法 例子： {...

javaScript因为其语法松散，导致函数（尤其是this）看似简单，其实里面花头很多。本篇介绍一下JavaScript函数及其调用方法。• 函数声明和函数表达式• arguments• this• this补充说明

JavaScript作为一门语法比较松散的语言，在ES6之前并没有像C++/Java等传统OO语言一样有class关键字，也不能通过private，public等关键字来限定权限。本篇就介绍一下JavaScript是如何实现继承的(js的继承说白了只是一种思想上的继承，在代码级别并没有像java的天然继承，在编写js的时候采用oo思想，能更简单的优化和扩展...

本篇介绍一下如何检测JavaScript各种类型。 • 5种原始类型• 对象• Function• Array• 属性 5种原始类型JavaScript中5种原始类型为string，number，boolean，undefined，null {代码...} 发现除null外的其他4种基本类型均可以用typeof来识别： {代码...} 因为typeof null会得到object，所以直接用===来检测null：if(el === ...

最近在看一些jQuery的插件源码，发现了jQuery.extend()和jQuery.fn.extend()两个方法在插件中用到的频率非常高，在网上查询了下，说的要么是不清楚，要么就是不好理解。基于此，我写下自己的一些看些，希望大家指正。在JS中并没有类的概念，不过为了好解释或者是思想上的统一。我姑且把jQuery看成了一个类，方便理解。

CSS选择器大致可以分成5类：基本选择器，层次选择器，属性选择器，伪类，伪元素。基本，层次，属性选择器比较容易理解，毕竟它们选择的对象都属于DOM中看得见摸得着的元素。但伪类和伪元素相对比较抽象，稍微有一点点理解上的难度。本篇就是我对伪类和伪元素的理解。

随着WEB的快速崛起，网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。

JavaScript数组的应用应该都比较熟悉了。 • forEach，map，filter• some，every• reduce，reduceRight 引用块内容 • slice，splice• indexOf，lastIndexOf• sort• 类数组对象 forEach，map，filterforEach遍历数组，函数声明：[].forEach( function(value, index, array) { … }, [thisArg] );。 第一个参数是回调函数，...

animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-play-stateanimation-fill-mode@keyframesanimation-name指定@keyframes的名字，CSS加载时会应用该名字的@keyframes规则来实现动画

CSS里实现水平居中非常容易，inline元素用text-align:center;，block元素用margin:auto;就行了。但要实现垂直居中确是一大难题。本篇收集了一些已知的方案，整理出来，以备将来取用。代码可以从GitHub上下载。

做为网站前段开发人员来说，用户头像剪裁和上传是一个很常用的功能，一般这个功能涉及到图片的放大，缩小，移动，旋转，和剪裁。下面我们来做一个完整的demo，剪裁后的图片以base64的形式返回，base64怎么上传到后台服务器，很简单，这里不做介绍。