前端工程化 - 收藏集 - 掘金

用于学习全栈 Web 开发的 100 + 免费资源 - 前端 - 掘金
大部分都是英文的哦~...

请用心练完这16个webpack小例子 - 掘金
16个demo，webpack+react搭配使用首先教大家2个新技能 1.按照正常github地址情况下，你的github本身不能访问目录。 例如要访问vue-demo下的vueCpu文件夹:https://github.com/holidaying...

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

笨办法学前端 - 掘金
最近在教任务班的学生造轮子。我想干脆把源代码开源出来，让自学的同学也看一看吧。于是就有了《笨办法造轮子》系列教程。 没有 webpack、没有 babel、没有 SCSS、没有 require、没有 npm，而且没有分号！！！ 使用最新 JS 语法编写 所有...

神器！解放你的双手——UI 设计稿全自动切图和标注的一些工具推荐 - 前端 - 掘金
原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ，喜欢的可以关注最新动态，大家一起多交流学习，共同进步，以学习者的身份写博客，记录点滴。 工欲善其事，必先利其器。 前不久在 掘金 上看到一篇文章，前端 PS...

开源一个 Vue.js + Node.js 的后台管理系统 - 前端 - 掘金
Vue Management System ...

史上最详细的webpack 讲解2 （DefinePlugin中的淫技巧） - 掘金
今天我突然发现我的掘金原创排行已经落到了120位，这是什么原因，因为我分享的不够多，还是我分享的不够好，看的人不多，又好几天没和大家几面了，来吧！死也死在分享上面，怎么说呢，今天讲解的东西也不是很深奥的东西，以前一直没有用到这东西，今天好好看了这东西，可以带来...

打造前端工程测试体系（1） - 前端 - 掘金
作者：helinjiang 我们即将讨论的是如何在前端项目中引入自动化测试。虽然文章聚焦的是前端项目，但实际上讨论的内容也适合 Node 端应用。 这是本系列文章的第一章，主要内容是对前端自动化测试有一个初步的了解。适合入门学习。 1. 引入自动化测试的必...

sveltejs 中文文档 - 前端 - 掘金
前言 前几天在刷github趋势榜，意外的发现了这个开源项目，通过阅读文档与相关资讯了解到Svelte的用法，好处以及缺陷，并对其思想深深的吸引，虽然框架存在诸多不足，生态圈也不算完善，但是我个人认为，这...

API 开发神器 - Postman - 工具资源 - 掘金
Postman helps you develop APIs faster. 豪华午餐 Postman Postman 构建、管理、文档化API 在线安装 Chrome插件版ht...

史上最简易Omnifocus神器使用教程，没有之一！ - 掘金
Omnifocuss在手机上安装了很久，一直躺在那里没有用，看过网上的一些教程，即使是那些号称最容易懂的教程，我也没看懂。最近，有幸跟成哥学习了如何使用该工具，听完分享受益匪浅，终于有点眉目了！ 初学Omnifocuss，觉得它是一个"清单+个人...

「前端」看懂前端脚手架你需要这篇webpack - 掘金
本文来自尚妆前端团队南洋 发表于尚妆github博客，欢迎订阅。 分割webpack配置文件的多种方法 （一） 将你的配置信息写到多个分散的文件中去，然后在执行webpack的时候利用--config参数指定要加载的配置文件，配置文件利用moduleimp...

从工程化角度讨论如何快速构建可靠React组件 - 掘金
原文链接 前言 React 的开发也已经有2年时间了，先从QQ的家校群，转成做互动直播，主要是花样直播这一块。切换过来的时候，业务非常繁忙，接手过来的业务比较凌乱，也没有任何组件复用可言。 为了提高开发效率，去年10月份也开始有意识地私下封装一些组件，并且于今...

Callback Promise Generator Async-Await 和异常处理的演进 - 掘金
根据笔者的项目经验，本文讲解了从函数回调，到 es7 规范的异常处理方式。异常处理的优雅性随着规范的进步越来越高，不要害怕使用 try catch，不能回避异常处理。 我们需要一个健全的架构捕获所有同步、异步的异常。业务方不处理异常时，中断函数执行并启用默认处...

Git Cheat Sheet：关于 git 的命令集合 - 前端 - 掘金
init 初始化仓库git init config 编辑配置文件git config [--global] -e ...

git 的 reset 和 checkout 的区别 - 工具资源 - 掘金
在讲git的reset和checkout的区别之前，不得不说说HEAD、Index、Working Directory三个区域。 HEAD、Index、Working Directory ...

一个简单的 mock 工具应该长什么样 - 工具资源 - 掘金
为了提升前后端协作开发效率，一个称手的 mock 工具很重要，结合本人这近半年开发 moky 的经历，说点浅显的心得和体会。正如其名 moky = mock + proxy，因为我觉得 mock 和 proxy 已经可以覆盖 80% 的场景，所谓二八原则，剩下...

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

webpack.DefinePlugin使用介绍 - 掘金
作者：滴滴公共前端团队 - J 基本用法 这个插件用来定义全局变量，在webpack打包的时候会对这些变量做替换。先看个例子 //webpack.config.js var webpack = require('webpack'); var path = re...

[[webpack]源码解读：命令行输入webpack的时候都发生了什么？ - 掘金](https://juejin.im/post/586d16...
作者：滴滴公共前端团队 - 水乙 我们在使用 webpack 的时候可以通过 webpack 这个命令配合一些参数来执行我们打包编译的任务。我们想探究它的源码，从这个命令入手能够比较容易让我们了解整个代码的运行过程。那么在执行这个命令的时候究竟发生了什么呢？ ...

[[webpack] 如何把代码内联进html中？ - 掘金](https://juejin.im/post/587476...
作者：滴滴公共前端团队 - 水乙 我们平常在打包文件的时候，有时候需要把 js、css 等代码内联进 html 中，减少文件的请求，优化加载速度。 用过 fis 的同学应该对 __inline 语法比较熟悉，它就是用来把代码内联进 html 的，其实 web...

图例详解那道 setTimeout 与循环闭包的经典面试题 - 前端 - 掘金
配图与本文无关 我在详细图解作用域链与闭包一文中的结尾留下了一个关于setTimeout与循环闭包的思考题。 利用闭包，修改下面的代码，让循环输出的结果...

为什么我放弃 Gulp 和 Grunt 而使用 npm Scripts - 前端 - 掘金
我知道你在想什么。 什么？！Gulp不是刚刚干掉了Grunt吗？ 为什么我们不能在Javascript的地盘上消停一会儿呢？我知道，但是… 我发现Gulp和Grunt是没有必要的抽象，npm Script 已经足够强大，并且通常更好用。 让我们从一个例子开始 ...

是时候来用 Slush 构建你自己的脚手架了 - 掘金
Slush 是什么？ 简单的来说，Slush 就是一个脚手架生成工具。什么？脚手架？这是什么鬼？嗯，脚手架嘛，自然是这个样子咯~ 什么？你问的是编程中的脚手架呀？啊，这么说吧。身为一个前端开发者，每次新建一个项目的时候是不是要创建好多个文件夹、配置文件？写个...