JavaScriptParser是把js源码转化为抽象语法树的解析器。常用的JavaScript Parser： 其中webpack就是使用的acorn将源代码解析成AST进行操作。 loader是webpack用来处理加载不同资源文件的插件，它只在webpack对资源文件进行…

目前正在做的项目，登录是需要跳转到别人的页面的，导致重定向很多，需要优化一下白屏时间，所以就用到了骨架屏，但是这次用的骨架屏不是自动生成的，还是自己敲的样式，一步步来吧，先从简单的用起🤝。 骨架屏，英文 Skeleton screen，是指在页面开始渲染之前的白屏时间内，先让…

每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM、在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，给予用户机会在一些特定的场景下添加他们自己的代码。

本文旨在介绍如何在项目中配置和方便的使用svg图标。 本文以vue项目为例，当然在react中的使用原理基本相似。 svg图标可以直接通过img标签来使用，也可当做icon来使用。 本文是参考了鑫旭大佬的文章：SVG Sprite技术介绍。 代码已上传github：github…

爱康体检宝 PC（https://www.tijianbao.com/) 算是一个“老”项目，为什么说“老”呢，因为在前端技术日新月异，每天都有新知识、新概念，甚至新框架的今天，它还是基于vue-cli 2.x、webpack 3.x构建，显然有些老了。其次，在早期开始这个项目…

webpack默认只能识别JavaScript文件，不能解析.vue文件（vue单文件组件 是Vue独有的），于是作者提供了vue-loader。 提供了一个解析器，它能够将 CSS 解析成抽象语法树（AST）。 开发环境下一般不开启css提取，要不然每次代码改动重新编译…

刚入门前端的时候写过很多的微信H5页面，时隔多年感觉应该是手到擒来，不曾想竟很是费了一些功夫。现在把本次开发过程中遇到的问题以及我是如何解决的，做个记录。防止自己以后再去解决解决过的问题。 网页授权流程分为四步，这里只说前端需要做的，其中的第一步：跳转授权页面获取code。 本…

在收集依赖时，我们给 Dep 这个 class 增加一个属性 target，在 vue 中还结合了 targetStack。这种收集方式稍微管理不慎就可能存在 bug，在另一篇文章有提过：熟悉 Vue ？你能解释这个死循环吗？。

https://github.com/HcySunYang/vuese 。 这篇文章不会介绍如何使用，至于如何使用大家可以查看 readme，这里我们主要说一说实现的思路。 你或者你的团队也许会有一套自己的组件库(或者是单纯的一个组件)，通常当你开发完一个组件之后，你需要手动的…