前端窝 - 收藏集 - 掘金

摘要：毫无疑问，设计模式于己于他人于系统都是多赢的设计模式使代码编写真正工程化设计模小书前端掘金这是一本关于的小书。

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

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

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

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

Vue.js 插件开发详解 - 掘金
前言 随着 Vue.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动画；同...