【干货】996 前端人如何持续学习

2021-04-20
阅读 5 分钟
4.4k
想了一个周末,决定写一篇文章分享一下自己的心得(心血来潮肝的一篇文章,没有太斟酌文字,仅仅是自己的心得,供大家参考,如有不足之处还请包涵),可能对于像我一样的普通的前端开发者,会有一些帮助。
封面图

中小型前端团队代码规范工程化最佳实践 - ESLint

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

【前端工程化基础 - 初始化项目】现代 CLI 和 GUI 方案指南

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

2020 年前端精选文章年度汇总

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

Vue CLI 是如何实现的 -- 终端命令行工具篇

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

一篇文章搞定 create react app 核心思路

2020-12-28
阅读 9 分钟
5.8k
Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.

一个小小前端的 2020 年流水账

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

尤大 3 天前发在 GitHub 上的 vue-lit 是啥?

2020-11-02
阅读 12 分钟
6.2k
尤大北京时间 9月18日 下午的时候发了一个微博,人狠话不多。看到这个表情,大家都知道有大事要发生。果然,在写这篇文章的时候,上 GitHub 上看了一眼,刚好碰上发布:

webpack loader 从上手到理解系列:vue-loader(一)

2019-10-09
阅读 6 分钟
4.6k
原文地址 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 系列:10 分钟搞定 style-loader

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

炒冷饭系列 -- 10 分钟搞定 url-loader

2019-09-30
阅读 4 分钟
5.3k
url-loader 会将引入的文件进行编码,生成 DataURL,相当于把文件翻译成了一串字符串,再把这个字符串打包到 JavaScript。

炒冷饭系列 -- 10 分钟搞定 file-loader

2019-09-30
阅读 3 分钟
6.8k
简单来说,file-loader 就是在 JavaScript 代码里 import/require 一个文件时,会将该文件生成到输出目录,并且在 JavaScript 代码里返回该文件的地址。

TypeScript Start: 什么是 TypeScript

2019-07-22
阅读 4 分钟
3.1k
最近开始用 TypeScript 来写项目,写起来还是挺顺畅的。其实学习 TypeScript,看它的官方文档就够了,剩下就是 coding 了。我这里主要是我在 TypeScript 学习过程中记录的一些东西~

初学 Babel 工作原理

2019-06-25
阅读 10 分钟
6.7k
已经9102了,我们已经能够熟练地使用 es2015+ 的语法。但是对于浏览器来说,可能和它们还不够熟悉,我们得让浏览器理解它们,这就需要 Babel。

JavaScript复制内容到剪贴板

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

我来阅读lodash源码——Math(一)

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

JavaScript基础心法——深浅拷贝

2017-11-01
阅读 7 分钟
3.3k
浅拷贝和深拷贝都是对于JS中的引用类型而言的,浅拷贝就只是复制对象的引用,如果拷贝后的对象发生变化,原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。

关于浏览器缓存我知道多少

2017-10-30
阅读 3 分钟
3k
我们都知道 HTML5 引入了应用程序缓存,可以在没有网络的情况下进行访问,同时,HTML5 还引入了 storage 本地存储。这些都属于应用缓存。

手把手教你用React实现一个简单的个人博客

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

JavaScript基础心法——this

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

React的生命周期到底是怎么一回事?

2017-09-16
阅读 4 分钟
3.9k
组件是独立的封装的可以复用的一个小部件,它是React的核心思想之一。通过划分组件,可以将一个页面划分成独立的多个可复用的组件,各个组件通过嵌套、组合形成一个完整的页面。

React中state和props分别是什么?

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

原生JS实现最简单的图片懒加载

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

小白学《深入理解es6》--块级作用域绑定

2017-07-17
阅读 2 分钟
1.8k
在ES6之前,在函数作用域中或者全局作用域中通过var关键字来声明变量,无论是在代码的哪个位置,这条声明语句都会提到最顶部来执行,这就是变量声明提升。

RCurl并行发送多个请求导致内存增长的解决方法

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

Hadoop的“Hello world”---WordCount

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