想了一个周末，决定写一篇文章分享一下自己的心得（心血来潮肝的一篇文章，没有太斟酌文字，仅仅是自己的心得，供大家参考，如有不足之处还请包涵），可能对于像我一样的普通的前端开发者，会有一些帮助。

前言There are a thousand Hamlets in a thousand people's eyes.一千个程序员，就有一千种代码风格。在前端开发中，有几个至今还在争论的代码风格差异：单引号还是双引号？代码行结束是否需要分号？两个空格还是四个空格？...这几个代码风格差异在协同开发中经常会被互相吐槽，甚至不能忍受。除此之外，由于 JavaScript...

【前端工程化基础 - CLI 篇】系列文章，持续更新中：【前端工程化基础 - CLI 篇】Vue CLI 是如何实现的【前端工程化基础 - CLI 篇】Creact React App 是如何实现的关注公众号玩相机的程序员，第一时间阅读最新文章。原文链接 [链接] 转载请联系。0. 写在前面提到初始化项目，那就必须提到脚手架这个名词，那为什么这篇文...

我又双叒分类整理了一批高质量的前端文章，当作是新年礼物送给大家。怎么有一种拿着《5年高考3年模拟》去拜年的感觉...如果觉得不够没关系，去年的也不过时，可以继续看：2020 年前端面试复习必读文章【超三百篇】工程化前端工程化基础只是 - CLI 篇：如何实现 Vue CLI：一篇文章搞定 Vue CLi前端工程化基础只是 - CLI ...

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供了终端命令行工具、零配置脚手架、插件体系、图形化管理界面等。本文暂且只分析项目初始化部分，也就是终端命令行工具的实现。

Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.

本文参与了 SegmentFault 思否征文「2020 总结」，欢迎正在阅读的你也加入。2020 年对于个人而言是特殊的一年，经历了很多事，生活和工作都开始了新的旅程。翻了翻微信朋友圈，看到在 2020 年 1 月 1 日的时候发过一个朋友圈，内容是这样的：别问... 问就是没完成 😶虽然这个 TODOList 没完成，但还是有很多有意义的事情...

尤大北京时间 9月18日 下午的时候发了一个微博，人狠话不多。看到这个表情，大家都知道有大事要发生。果然，在写这篇文章的时候，上 GitHub 上看了一眼，刚好碰上发布：

原文地址 1 什么是 vue-loader vue-loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件的格式撰写 Vue 组件。 2 如何使用 vue-loader 2.1 安装 {代码...} 2.2 配置 webapck {代码...} 2.3 创建一个 Vue 组件 一个标准的 Vue 组件可以分为三部分： template: 模板 script: 脚本 stype: 样式 {代码...} 2.4 ...

原文地址 前言 webpack loaders 系列文章： 10 分钟搞定 file-loader 10 分钟搞定 url-loader 搞定 style-loader 什么是 style-loader style-loader 的功能就一个，在 DOM 里插入一个 <style> 标签，并且将 CSS 写入这个标签内。 简单来说就是这样： {代码...} 稍后会详细分析源码，看看和我们的思路是否一致。 如...

url-loader 会将引入的文件进行编码，生成 DataURL，相当于把文件翻译成了一串字符串，再把这个字符串打包到 JavaScript。

简单来说，file-loader 就是在 JavaScript 代码里 import/require 一个文件时，会将该文件生成到输出目录，并且在 JavaScript 代码里返回该文件的地址。

最近开始用 TypeScript 来写项目，写起来还是挺顺畅的。其实学习 TypeScript，看它的官方文档就够了，剩下就是 coding 了。我这里主要是我在 TypeScript 学习过程中记录的一些东西~

已经9102了，我们已经能够熟练地使用 es2015+ 的语法。但是对于浏览器来说，可能和它们还不够熟悉，我们得让浏览器理解它们，这就需要 Babel。

原文链接：[链接] 最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 常见方法 查了一下万能的Google，现在常见的方法主要是以下两种： 第三方库：clipboard.js 原生方法：document.execCommand() 分别来看看这两种方法是如何使用的。 clipboard.js 这是clipboard...

源码注释版 这一组函数都是数学计算相关的，主要分为三类： 加减乘除：add、subtract、multiply、divide 求最大最小平均值：max、maxBy、min、minBy、sum、sumBy、mean、meanBy 小数的四舍五入：ceil、floor、round 加减乘除 在加减乘除的源码中可以看到这四个函数都引用了一个 createMathOpeartion 这个函数，然后是这...

浅拷贝和深拷贝都是对于JS中的引用类型而言的，浅拷贝就只是复制对象的引用，如果拷贝后的对象发生变化，原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。

我们都知道 HTML5 引入了应用程序缓存，可以在没有网络的情况下进行访问，同时，HTML5 还引入了 storage 本地存储。这些都属于应用缓存。

学习 React 的过程中实现了一个个人主页，没有复杂的实现和操作，适合入门 ~ 原文地址：[链接] 这个项目其实功能很简单，就是常见的主页、博客、demo、关于我等功能。 页面样式都是自己写的，黑白风格，可能有点丑。不过还是最低级的 CSS ，准备到时候重构 ~ 如果有更好的方法，或者是我的想法有偏差的，欢迎大家交流指...

原文地址：JavaScript基础心法——this 欢迎star。 如果有错误的地方欢迎指正。 看看这个有着深不可测的魔力的this到底是个什么玩意儿 ~ 什么是this 在传统面向对象的语言中，比如Java，this关键字用来表示当前对象本身，或当前对象的一个实例，通过this关键字可以获得当前对象的属性和调用方法。 在JavaScript中，this似...

组件是独立的封装的可以复用的一个小部件，它是React的核心思想之一。通过划分组件，可以将一个页面划分成独立的多个可复用的组件，各个组件通过嵌套、组合形成一个完整的页面。

在任何应用中，数据都是必不可少的。我们需要直接的改变页面上一块的区域来使得视图的刷新，或者间接地改变其他地方的数据。React的数据是自顶向下单向流动的，即从父组件到子组件中，组件的数据存储在props和state中，这两个属性有啥子区别呢？

原文地址：原生JS实现最简单的图片懒加载 欢迎star。 如果有错误的地方欢迎指正。 Demo地址：[链接] 照片都是自己拍的哦~ 懒加载 什么是懒加载 懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打...

在ES6之前，在函数作用域中或者全局作用域中通过var关键字来声明变量，无论是在代码的哪个位置，这条声明语句都会提到最顶部来执行，这就是变量声明提升。

项目中需要向百度地图发送请求获取坐标，用到了R语言下的RCurl包。使用该包进行并行发送多个请求，导致消耗的时间随着数据量的增大越来越长，所以有了这篇文章...

在安装并配置好Hadoop环境之后，需要运行一个实例来验证配置是否正确，Hadoop就提供了一个简单的wordcount程序，其实就是统计单词个数的程序，这个程序可以算是Hadoop中的“Hello World”了。