星辰大海

微前端qiankun实例运用

微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署：微应用仓库独立，前后端可独立开发，部署完成后主框架自...

Posted by sqq5682 on July 29, 2021

Mac环境下使用charles进行https抓包分析

配置Charles软件 1.打开Charles软件，找到Proxy菜单后打开Proxy Settings配置项，勾选图示中的相关选项设置https端口443支持 >Proxy>SSL Proxying>设置 add * 443 2.找到Help菜单栏中的SSL P...

Posted by sqq5682 on June 11, 2021

Nginx配置跨域请求

问题当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is present on the requested resource，需要给Nginx服务器配置响应的header参数：只需要在Nginx的配置文件中配置以下参数： loc...

Posted by sqq5682 on May 10, 2021

vue项目性能优化

前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分，我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能...

Posted by sqq5682 on March 10, 2021

虚拟长列表加载优化

场景描述因为 DOM 性能瓶颈，大型列表存在难以克服的性能问题。因此，就有了 “局部渲染” 的优化方案，这就是虚拟列表的核心思想。虚拟列表的实现，需要重点关注的问题一有以下几点：可视区域的计算方法可视区域的 DOM 更新方案事件的处理方案 vue中实现方式 ...

Posted by sqq5682 on February 20, 2021

浏览器的缓存机制

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

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