前言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 没完成，但还是有很多有意义的事情...

最近开始用 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中的引用类型而言的，浅拷贝就只是复制对象的引用，如果拷贝后的对象发生变化，原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。

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

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

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

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

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

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