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

时间 2019-12-05

标签前端工程收藏繁體版

原文原文链接

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

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

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

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

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

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

史上最详细的webpack 讲解2 （DefinePlugin中的淫技巧） - 掘金
今天我忽然发现个人掘金原创排行已经落到了120位，这是什么缘由，由于我分享的不够多，仍是我分享的不够好，看的人很少，又好几天没和你们几面了，来吧！死也死在分享上面，怎么说呢，今天讲解的东西也不是很深奥的东西，之前一直没有用到这东西，今天好好看了这东西，能够带来...git

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

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

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 就是一个脚手架生成工具。什么？脚手架？这是什么鬼？嗯，脚手架嘛，天然是这个样子咯~ 什么？你问的是编程中的脚手架呀？啊，这么说吧。身为一个前端开发者，每次新建一个项目的时候是否是要建立好多个文件夹、配置文件？写个...