沐光

记录在前端之路的点点滴滴

前言

先前做 vue 项目时,对于代码分割做了一个 DllPlugin 的 demo ,项目内的收益也挺不错(编译时间减少了 20s 左右),但是今天在看文档时,无意间又扫到了 SplitChunksPlugin。那么问题就来了,先前用的是 DllPlugin ,它和这个 SplitChunksPlugin 又有什么区别呢。这里简单记录下调研所获得的一些收获。

阅读全文 »

前言

在 JavaScript 学习过程中,除了作用域与闭包之外,困扰我们的难点还有 this,甚至可以说是前端 JS 学习的噩梦。实际上 this 并没有想象中的那么复杂,只是开发者往往会将理解过程复杂化,在缺乏清楚认识的情况下,this 对我们来说就完全是一种魔法了。而此篇就来揭开 this 神秘的面纱。

注:此篇为学习《你所不知道的 JS》时的心得总结

阅读全文 »

前言

不久前组内有大佬发布了一个 vue-cli3 的 dll 包,作为一个在 vue 项目内摸爬滚打的萌新,是时候该学习点儿新的技术了,于是在闲暇之余,我拷贝了一份代码,同时研究该如何从“零”开始编写一个 dll 包(该部分以 webpack 的 dllPlugin 作为例子)。

阅读全文 »

前言

随着项目的增大,越来越多的插件引入项目,使得项目的构建时间越来越长,而这很影响开发的效率。因此有没有一种方法能够优化构建的内容,提前构建好不怎么改动的插件依赖,而仅仅构建我们所写的业务代码呢?webpack 早已为我们考虑到了这个问题。

阅读全文 »

前言

CSS 中除了垂直居中之外,另外一个常见的问题就是 BFC 问题。BFC 全称为 Block Fromatting Context,即“块级格式化上下文”,对于前端开发来说,了解这个还是非常必要的,因为对于 To C 类的产品对于前端 CSS 要求还是挺高的,了解这个能够更为方便的把握住页面的结构层次以及会产生的问题。

阅读全文 »

前言

在面试中,面试官考察 CSS 方面的内容时,比较常见的一个问题就是水平垂直居中问题。其实不仅仅是面是,在工作中也常常会遇到这样的布局,因此对于一些常见的水平垂直居中的方法,在此做了一番总结,以作备忘。

阅读全文 »

前言

最近在工作中遇到很多奇怪的样式错位问题,解决问题之余,有重新温习了一下样式方面的知识。一般块级元素的问题都比较好解决,而行内元素的问题还总是得试试,可能是理解的不够透彻,因此此篇算是我对行内元素做的一个简短的笔记吧。

阅读全文 »

前言

文章用来纪录我如何从零开始,通过 webpack4 发布一个 vue 的 npm 包,同时使用的是 es6 语法。涉及到的知识点包括:

  • webpack4
  • npm 包的发布
  • babel 配置
  • vue 配置
阅读全文 »

前言

window 上安装 node,其默认的包安装地址在 C 盘,然而从长期来看这并不是很好(如果你 C 盘特别大就当我没说),因此写此篇用于记录 windows 上 node 部分的安装配置,以便今后的查阅。

阅读全文 »

前言

git 的环境安装已经有很多次了,虽然简单,但是文章的重点却并不在此,此篇是用来记录学习 git 的一些好的规范、方便的工具、常用的命令以及遇到的坑。

阅读全文 »