点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群现在因为有个上传组件他用到了这个mixin文件，这个mixin文件中mounted请求了接口，这样一个页面中如果有多个上传组件的话，那么就会导致一上来就会一次性请求多个重复的接口，有什么好点的方法吗，如果不放在vuex中的话。解决方法：这种情况下的 getSignature 最好是 Singleton 的，可以写个模块导出。mixin 里.

手写webpack核心原理文章目录手写webpack核心原理一、核心打包原理1.1 打包的主要流程如下1.2 具体细节二、基本准备工作三、获取模块内容四、分析模块五、收集依赖六、ES6转成ES5（AST）七、递归获取所有依赖八、处理两个关键字一、核心打包原理1.1 打包的主要流程如下需要读到入口文件里面的内容。分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。根据AST语法树，生成

点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群1. Webhook是啥？ 简单而言，webhook就是一个监听的钩子，监听你push你的代码到github仓库之后，发起一个请求。这个请求要请求哪里交给你设置要。主要流程git push xxx 本地代码提交至远程github仓库github仓库收到push后进行回调，发post（ Payload url 是来...

async await 语法是 ES7出现的，是基于ES6的 promise和generator实现的。

async await 语法是 ES7出现的，是基于ES6的 promise和generator实现的。

当一个react项目组件层级越来越深，页面越来越多的时候，数据在各个组件层级和页面之间传递的需求就会比较多，很多变量也需要做成可全局管理的。在这个时候，redux和react-redux...

点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群大家好，我是阳光，今天给大家介绍一个非常好用的浏览器api：PerformanceObserver， 我们可以用它来获取首屏、白屏的时间，就不用再麻烦地手动去计算了。1介绍PerformanceObserver可用于获取性能相关的数据，例如首帧fp、首屏fcp、首次有意义的绘制 fmp等等。构造函数Perfo...

回复【加群】加入技术交流群一、前言二、开始手操1. 先创建一个vue组件2. 实现基本的倒计时组件3. 为什么要**用setTimeout来模拟setInterval的行为**？4. 为什...

手写Vuex核心原理文章目录手写Vuex核心原理一、核心原理二、基本准备工作三、剖析Vuex本质四、分析Vue.use五、完善install方法六、实现Vuex的state七、实现getter八、实现mutation九、实现actions一、核心原理Vuex本质是一个对象Vuex对象有两个属性，一个是install方法，一个是Store这个类install方法的作用是将store这个实例挂载到所有

今天分享一个小技巧，教你如何一分钟内学会用vue实现分享功能。H5无法实现直接调用手机App并实现分享功能，如果你想自定义分享的内容，就必须在微信内嵌的浏览器里面调用微信的分享接口（QQ浏览器就要调用它的相关api，其他浏览器也是），毕竟H5不是APP，有一些东西还是在APP上调用比较方便。H5方便的也就是直接使用浏览器自带的分享功能（把当前页面的URL分享出去，分享的内容根据浏览器自身...