JavaScript 常见设计模式解析 - 掘金
设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的；设计模式使代码编写真正工程化；设计模...

React.js 小书 - 前端 - 掘金
这是一本关于 React.js 的小书。 因为工作中一直在使用 React.js，也一直以来想总结一下自己关于 React.js 的一些知识、经验。于是把一些想法慢慢整理书写下来，做成一本开源、免费、专业、简单的入门级别的小书，提供给社区。希望能够帮助到更多 ...

关于数组乱序的深挖——“感觉一直在写毒代码” - 掘金
最近看了一篇非常有趣的文章：关于JavaScript的数组随机排序，其作者为oldj前辈。文中指出我们用来“将一个数组随机排序”的经典写法所存在的问题，获益匪浅。 本文将以更加详尽的材料和更多样的code demo进行阐述。并尝试用“Fisher–Yates ...

正则表达式前端使用手册 - 前端 - 掘金
导读 你有没有在搜索文本的时候绞尽脑汁, 试了一个又一个表达式, 还是不行. 你有没有在表单验证的时候, 只是做做样子(只要不为空就好), 然后烧香拜佛, 虔诚祈祷, 千万不要出错. 你有没有在使用sed 和 grep 命令的时候, 感...

Vue.js 插件开发详解 - 掘金
前言 随着 @L_512_9@.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的 vue-router、vuex 等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的 vue-toa...

从入门到成为前端高手（上篇）—— Jonathan - 前端 - 掘金
By @jonathanzwhITe 版权申明：此文章首发于公众号程序员在深圳，搜索 studycode 即可关注本文无需授权即可转载，转载时请务必注明作者 ...

滴滴 webapp 5.0 Vue 2.0 重构经验分享 - 掘金
作者：滴滴公共前端 黄轶 项目背景 滴滴的 webapp 是运行在微信、支付宝、手 Q 以及其它第三方渠道的打车软件。借着产品层面的功能和视觉升级，我们用 Vue 2.0 对它进行了一次技术重构。 技术栈 MVVM框架： Vue 2.0源码：es6代码风格检查...

Typescript 2+迷你书 ：从入门到不放弃 - 掘金
前言 文中会穿插部分ES6&7的代码(此处不在解释什么作用域什么的,作用什么的)，能言简意赅的绝不废话哈; 文中的ts或者ts2皆指tyPEscript; 这不是一个合格的手册,要想深入和更全应该看官方的手册文档加以练习和尝试 Typescrip...

推荐五个Vue2的免费教程 - 掘金
一步一步学习Vue 2 （Laracasts） Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程，并且宣称是“世上最深入的vuejs系列”。在你学习完本课程后，你将不...

爬虫技术(二)－客户端爬虫 - 掘金
在上一篇文章《一篇文章了解爬虫技术现状》中，我们总结了目前后台爬虫所面临的交互困难、javascript解析麻烦、以及ip限制三大问题。本期，我们不妨换一种思路来重新思考，说不定会别开生面、柳暗花明。 承上 书接上文，我们说明了目前后台爬虫所面临的三大问题，...

揭秘 jQuery - 前端 - 掘金
jQuery源码分析 前言 有时候我在想jQuery为什么可以直接$操作，可以拥有比原生js更便利的DOM操作，而且只要你想就可以直接链式操作下去 核心框架 揭开一万多行代码的jQuery核心代码： (function(window, undefined) {...

JavaScript 常用 API 集合 - 前端 - 掘金
一、节点 1.1 节点属性 Node.nodeName //返回节点名称，只读 Node.nodeType //返回节点类型的常数值，只读 Node.nodeValue //返回Text或Comment节点的文本值，只读 Node.textConte...

Vue2 后台管理系统解决方案 - 前端 - 掘金
基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。线上地址 前言 之前在公司用了Vue + Element组件库做了个后台管理系统，基本很多组件可以直接引用组件库的，但是也有一些需求无法满足。像图...

低仿饿了么 H5 - 纯前端 Vue 版 + 手把手教学 - 前端 - 掘金
低仿饿了么H5-纯前端Vue版+手把手教学 这是一个低仿饿了么H5的纯前端练手，数据是伪造的，写的比较粗糙，写这个的目的是为了加深一下熟练度，半年前看到别人写的仿cnodejs网站，我也用vue1仿了cnodeJs的网站，当时写的也是粗糙的令人发指，在线预览：...

axios 全攻略 - 前端 - 掘金
随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。本来想在网上找找详细攻略，突然发现，axios 的官方文档本身就非常详细！！有这个还要什么自行车！！所以推荐大家学习...

手机端页面自适应解决方案—rem 布局进阶版（附源码示例） - 前端 - 掘金
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》，意外受到很多朋友的关注和喜欢。但随着时间的推移，该方案已然过时，故为大家介绍一个目前我极力推荐使用的，更加完美的方案——rem布局（进阶版） ...

ES6 你可能不知道的事 - 进阶篇 - 前端 - 掘金
前言这篇文章主要会针对上篇未涉及到的进阶特性展开；而与前一篇文章相同，本文主要介绍这些特性的一些容易忽略的部分，希望能对大家正确认识和使用 ES6 有帮助。 还是那句话，时间和能力有限，针对文章中的问题或不同意见，欢迎随时拍砖、指正！ 正文Module模块化是...

深入理解 JavaScript 运行机制 - 前端 - 掘金
想要理解JavaScript的运行机制，需要分别深刻理解以下几个点： JavaScript的单线程机制 任务队列（同步任务和异步任务） 事件和回调函数 定时器 Event Loop（事件循环） JavaScript的单线程机制 JavaScript的一个语...

webpack 很不错的中文文档 - 前端 - 掘金
webpack 是一个现代的 JavaScript 应用模块打包器(module bundler)。它有着难以置信的配置，然而，我们认为你必须在开始前先了解 4 个核心概念！ 作为您的 webpack 学习旅程的一部分，我们写这篇文档目的在于向你传递这些概念的...

延迟加载 (Lazyload) 三种实现方式 - 前端 - 掘金
定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。 举个例子来说明，当打开淘宝首页的时候，只有在浏览器窗口里的...

线条之美，玩转 SVG 线条动画 - 前端 - 掘金
通常来说web前端实现动画效果主要通过下面几种方案： css动画；利用css3的样式效果可以将dom元素做出动画的效果来。 canvas动画；利用canvas提供的API，然后利用清除-渲染这样一帧一帧的做出动画效果。 svg动画；同...