CShame

性能

导致性能慢的两个维度: 资源加载慢 代码执行慢 1.资源加载慢 除去一些常规的资源相关http优化都有一定效果,如压缩合并,http2,缓存等等。另外还可以注意这些方面: 域名收归,每个域名的dns解析以及http握手大概都要花去50ms-150ms的时间,所以需要尽量将所有静态资产都放到一个...
2023-01-16 09:33 浏览(22) 留言(0)
CShame

根据日志统计接口调用情况

node脚本 /* *@Description:根据日志统计接口调用情况 *@Author:cshamewang *@Date:2022-08-2919:53:11 *@Version:v1.0.0 */ constfs=require('fs'); constkeywidth=3...
2022-12-21 11:17 浏览(33) 留言(0)
CShame

PDF生成

开启静态服务,使用8080端口 将真实数据替换掉预埋数据的pdf模板生成到静态文件目录 linux预装chrome插件 使用puppeteer打开一个浏览器,并打开http://127.0.0.1:8080/页面 使用浏览器的pdf下载功能,下载到本地 try{ browser=awaitpup...
2022-12-13 15:46 浏览(50) 留言(0)
CShame

monorepo实战

1.技术选型 pnpm:包依赖管理工具 changesets:包版本管理工具 eslint,pretter:代码规范工具 commitizen,commitlint:提交规范工具 husky,lint-staged:githook相关工具 vitepress:文档服务工具 2.流程 2.1基础架...
2022-11-17 15:27 浏览(71) 留言(0)
CShame

通用性能调优

1.优化预加载 增加dnf-prefetch 延迟加载部分js(defer) 资源分组,部分转成懒加载 2.优化资源文件 纹理集合并,用帧读取 Tree-Shaking删除无用代码 html,js,图片,进一步工具压缩 3.内存优化 懒加载,缩小图片尺寸和体积,png和jpg合理利用 排查...
2022-11-11 16:31 浏览(52) 留言(0)
CShame

小程序开发流程

1.小程序的申请 小程序的申请流程可以照着官网的教程走,需要注意的是,后台的设置里,很多项目一个月只能改3/5次,开发->开发设置->服务器域名一个月也只能改5次,所以建议提前规划好要修改的内容,比如服务器域名,应该提前把接口地址、图片资源地址、统计打点地址等域名统一填好(审核有延迟,一...
2022-11-11 16:21 浏览(59) 留言(0)
CShame

前端错误监控

1.监控并收集Javascript错误 众所周知,我们是有办法去监听前端Js错误的,他们分别window.onerror、window.onunhandledrejection、console.error方法。 重写window.onerror方法 //重写onerror进行jsError的监...
2021-09-06 14:47 浏览(284) 留言(0)
CShame

编程

防抖+节流 functiondebounce(fn,wait,immediate){ lettimer=null returnfunction(){ letargs=arguments letcontext=this if(immediate&&!timer){ fn.apply...
2021-08-05 11:30 浏览(380) 留言(0)
CShame

中金回顾

1.近来的前端趋势 大前端简介 前端的一个趋势就是大前端,大前端就是所有前端的统称,比如Android、iOS、web、Watch等。大前端最大的特点在于一次开发,同时适用于所有平台,开发者不用为一个APP需要做Android和iOS两种模式而担心。 大前端是web统一的时代,利用web不仅能开发...
2021-08-03 19:22 浏览(342) 留言(0)
CShame

新一轮知识回顾

浏览器渲染过程 浏览器首先使用HTTP协议或者HTTPS协议,向服务端请求页面; 把请求回来的HTML代码经过解析,构建成DOM树; 计算DOM树上的CSS属性; 最后根据CSS属性对元素逐个进行渲染,得到内存中的位图; 一个可选的步骤是对位图进行合成,这会极大地增加后续绘制的速度; 合成之后,再...
2021-07-28 16:35 浏览(359) 留言(0)