webpack性能优化
本文根据经验总结了一些对于webpack的优化方法。分别从webpack打包前的构建优化(提高代码构建速度)。打包后的线上体验优化。参考并总结了现在常见的优化方法。希望以后可以提升webpack构建的项目性能。
提高构建速度减小编译范围缩小编译范围，减少不必要的编译工作，即 modules、main
...
家园工作室项目注意事项(新人必读)
发表于
|
阅读次数:
字数统计:
2.1k 字
|
阅读时长 ≈
7 分钟
项目创建、数据埋点、监控埋点、代码规范、工作流、项目进度、上线部署、文档、项目存档(语雀)、监控、数据分析、交接。
恭喜你！如果你能独立负责一个项目，证明你已经有独挡一面的能力了。接下来请仔细阅读该文档。做好独立负责一个项目的准备吧！
前置知识，秘钥配置你需要把你的秘钥，上传到我们的gitlab上。
...
webpack4从零配置react项目
发表于
|
阅读次数:
字数统计:
1.4k 字
|
阅读时长 ≈
6 分钟
一、初始化项目文件夹在任意目录下，新建一个文件夹作为你的项目文件夹，命名随意。随后使用命令行工具，切换到该文件夹，键入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的最终指向的是那个调用它的对象
以下我将举出非常多的示
...