星辰大海

Performance API

Performance API Performance API用于精确度量、控制、增强浏览器的性能表现。这个API为测量网站性能，提供以前没有办法做到的精度。 ECMAScript 5引入“高精度时间戳”这个API，部署在performance对象上。它的精度可以达到1毫秒的千分之一（1秒的...

Posted by sqq5682 on September 25, 2021

mongodb基本使用

mongodb 安装教程 https://www.runoob.com/mongodb/mongodb-osx-install.html 进入 /usr/local cd /usr/local 下载 sudo curl -O https://fastdl.mongodb.org/osx/...

Posted by sqq5682 on August 15, 2021

微前端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