星辰大海

浏览器的缓存机制

浏览器缓存机制浏览器缓存主要有以下几个优点：减少重复数据请求，避免通过网络再次加载资源，节省流量。降低服务器的压力，提升网站性能。加快客户端加载网页的速度，提升用户体验。浏览器缓存分为强缓存和协商缓存，两者有两个比较明显的区别：如果浏览器命中强缓存，...

Posted by sqq5682 on January 10, 2021

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