星辰大海

vue线上项目gzip压缩优化

场景描述打包的时候开启gzip可以很大程度减少包的大小，非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。 Vue打包配置这里以Vue-cli3.0项目，安装依赖：compression-webpack-plugin npm install c...

Posted by sqq5682 on December 10, 2020

nginx中nginx.conf使用

nginx域名配置一般配置文件在/etc/nginx/nginx.conf文件中，如下 server { listen 80; #配置域名 server_name xxxxxxx.com; location / { ...

Posted by sqq5682 on November 1, 2020

github page 自定义访问

只需三步就可以绑定： 1、ping你的http://github.io域名，得到一个IP； 2、修改你的域名解析记录，添加一个A记录，用得到的IP； 3、登录http://github.com>进入项目>Settings>Custom domain...

Posted by sqq5682 on October 20, 2020

Vue中TypeScript实践

TypeScript有什么用类型检查、直接编译到原生js、引入新的语法糖为什么用ts？ TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对...

Posted by sqq5682 on September 7, 2020

require.context实现前端工程自动化

require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式...

Posted by sqq5682 on August 8, 2020

puppeteer的使用

Puppeteer是什么？ Puppeteer 是 Chrome开发团队2017年发布的一个 Node.js包，提供了一组用来操纵Chrome的API，通俗来说就是一个Headless Chrome浏览器，这Headless Chrome也可以配置成有UI的。利用Puppeteer可以做到...

Posted by sqq5682 on July 22, 2020

Vuex的核心概念

Vuex是什么？ VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。 Vue有五个核心概念，state, getters, mutations, actions, modules。本文将...

Posted by sqq5682 on June 12, 2020

vue项目中白屏问题的解决

在做的项目是使用 vue-cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题白屏可能的原因： es6 代码没有被编译成 es5; 文件打包路径错误；运营商塞入的广告 js 服务器报...

Posted by sqq5682 on May 26, 2020