生产事故-走近科学之消失的JWT
入职多年，面对生产环境，尽管都是小心翼翼，慎之又慎，还是难免捅出篓子。轻则满头大汗，面红耳赤。重则系统停摆，损失资金。每一个生产事故的背后，都是宝贵的经验和教训，都是项目成员的血泪史。为了更好地防范和遏制今后的各类事故，特开此专题，长期更新和记录大大小小的各类事故。有些是亲身经历，有些是经人耳传口授 ...
【vue3-element-admin】Husky + Lint-staged + Commitlint + Commitizen + cz-git 配置 Git 提交规范
整合 Husky + Lint-staged + Commitlint + Commitizen + cz-git 并配置的 pre-commit 和 commit-msg 两个钩子分别实现 Git 提交前代码检测和 Git 提交信息规范。 ...
放弃 console.log 吧！用 Debugger 你能读懂各种源码
很多同学不知道为什么要用 debugger 来调试，console.log 不行么？ 还有，会用 debugger 了，还是有很多代码看不懂，如何调试复杂源码呢？ 这篇文章就来讲一下为什么要用这些调试工具： console.log vs Debugger 相信绝大多数同学使用 console.log ...
盘点国内前端npm CDN替代方案，基本上可以替代unpkg、jsdelivr
收集一波常见的加速NPM包的CDN，发现有些还是挺好用的，基本上可以替代unpkg、jsdelivr，用来做博客或者网站加载NPM使用还是可以的。 经典老牌的CDN加速 unpkg.com cdn.jsdelivr.net fastly.jsdelivr.net 使用方法：直接进官网，搜NPM包名使 ...
vue3+vant创建移动端项目，实战项目常见采坑记录
前言： 产品背景介绍 我所做的这个项目，刚开始是没有移动端需求的，等PC端做完了上线使用了几个月后，突然有一天产品经理找到我说是要做一个在PC端添加一个快速注册入口，用手机微信扫二位码进入移动端注册页面，用户注册。 所以本次需求就是在PC端添加一个tool-tip气泡型弹出二维码，再开发一个移动端注 ...
React onBlur回调中使用document.activeElement返回body解决方案
最开始想实现一个功能，点击img图标后给出购物下拉框CartDropdown，当img及CartDropdown失去焦点时隐藏CartDropdown。 最开始的核心代码如下： export default function Cart() { const [isCartOpen, setIsCart ...
3.Vue3.0 有什么更新
1.监测机制的改变 3.0 将带来基于代理 Proxy 的 observer 实现，提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制。 2.只能监测属性，不能监测对象 检测属性的添加和删除； 检测数组索引和长度的变更； 支持 ...
我变秃了，也变强了——再探博客调优
“我苦心锻炼了三年，我变秃了，也变强了。” —— 琦玉老师 0x00 大纲 0x01 前言 四个月前，我在《你是来找茬的吧？对自己的博客进行调优》一文中探讨了以博客的使用者而不是开发者身份去进行优化，究竟能做到何种程度的问题。当时以 Edge 浏览器的开发者工具里的 lighthouse 评分和加载 ...
VUE框架中实现HTML页面（局部）内容转PDF下载
有一朋友想把网页内容变成PDF下载下来。问我有没有好办法。 这还真巧了，咱公司也有这个需求，就是网页生成合同，然后可以直接打印合同内容。最早吧，就是可以直接打印就好了。 当时为解决完美打印的问题，挺费劲的，当时第三方插件还有BUG（当然把解决放给发给作者了，作者早已经修复了），正经反复折腾了好一阵子 ...
记录-Vue.js模板编译过程揭秘：从模板字符串到渲染函数
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Vue.js是一个基于组件化和响应式数据流的前端框架。当我们在Vue中编写模板代码时，它会被Vue编译器处理并转换为可被浏览器解析的JavaScript代码。Vue中的模板实际上是HTML标记和Vue指令的组合，它们会被Vue编译器处理并 ...
WebAssembly初尝试
前言 之前老是听别人提到WebAssembly这个词，一直对其比较模糊，不能理解是个啥东西，后来自己实践了一下，发现其实就是一种提高代码性能的手段。 简介 WebAssembly 是一种运行在现代网络浏览器中的新型代码，并且提供新的性能特性和效果。它设计的目的不是为了手写代码而是为诸如 C、C++和 ...
vue通过Export2Excel.js进行导入excel,获取数据
<!-- 封装的模板下载和导入按钮和功能组件--> <template> <span style="margin-left: 10px"> <el-button size="mini" class="el-icon-download" @click="downFiles"> 下载模板</el-but ...