webpack4从零配置react项目
一、初始化项目文件夹在任意目录下，新建一个文件夹作为你的项目文件夹，命名随意。随后使用命令行工具，切换到该文件夹，键入npm init进行初始化（遇到的问题一直回车就好了），初始化完成之后可以看到生成了一个package.json文件。
随后在该项目文件夹下新建两个文件夹：/dist和/src，其中
...
阿里云对象存储(OSS)部署前端项目并使用自动脚本上传
前言使用阿里云OSS + CDN方案的几大好处：
成本低廉。OSS+CDN部署自己的网站每个月的花费远比自己买ECS服务器部署网站花费要少得多
大幅降低运维成本。直接使用现成的云服务了，无需花精力去维护ECS了。
极高的可用性。无论阿里云的OSS还是CDN，都已经做好了高可用性，几乎可以保证网站始
...
前端gitlab-ci实现自动化部署
本文是我配置一个Gitlab CI实现一个前端项目自动打包部署的踩坑体会。
背景为什么要去配置这么一个自动化部署CI，这个需求是什么？我所接手的这一个项目是比较老比较大的项目(vue)，它依赖了一些很麻烦的包，这些包很难在window下环境友好运行，所以导致这个项目无法打包部署。这给我们整个团队带来
...
JavaScript中的this
JavaScript中的this指向有很多琢磨不透的地方，很多时候有种莫名其妙的感觉。这次想系统的理解一下js中的this。
this指向举例this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象
以下我将举出非常多的示
...
vue-bus使用遇到的坑
在使用vue-bus进行兄弟组件的数据传递过程中，遇到的问题，及解决方案 问题：vue中eventbus被多次触发，在this.$on监听事件时，内部的this发生改变导致，无法在vue实例中添加数据。
vue组件生命周期详解
生命周期图示每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。
Vue钩子详解Vue所有的生命周期钩子自动绑
...
webpack配置进阶
这里介绍了清除上次打包后的dist文件夹，CopyWebpackPlugin的作用，减小打包出来的bundle.js文件的大小，从bundle里抽离出css，可视化分析打包文件的webpack插件，还有webpack sourceMap定位压缩前代码错误，与配置本地代理实现开发环境跨域。