空山新雨后

摘要： 前言 在微前端实践过程中有一个必然会遇到的问题：全局作用域变量的污染问题，具体来说就是window对象挂载数据会被主子应用获取和修改导致数据相互污染问题，这时候如果能在应用之间做个数据隔离，最好能实现一个沙箱环境，对解决问题很有帮助。 iframe方案 说到沙箱隔离，首先想到的是iframe，自带数 阅读全文

摘要： 前言 2015年，HTTP/2 发布，直到2021年公司的项目才开始在实践中应用；自己对http2诸多特点的理解只存在于字面上，于是尝试在nodejs中实践一下，加深自己的理解。 多路复用 同域名下所有通信都在单个连接上完成，消除了因多个 TCP 连接而带来的延时和内存消耗，这在大量请求同时发出的情 阅读全文

摘要： 问题 在服务端支持协议从http1.1升级到http2的时候，项目中正常的请求流程出现了错误，经排查是ajax封装代码使用xmlHttpRequest的statusText属性判断是否正常返回，进而导致错误，那么statusText属性在不同协议间发生了什么变化呢？ 通过MDN文档(英文版本)查询到 阅读全文

摘要： 概述 一个状态管理工具 Store：保存数据的地方，你可以把它看成一个容器，整个应用只能有一个 Store。 State：包含所有数据，如果想得到某个时点的数据，就要对 Store 生成快照，这种时点的数据集合，就叫做 State。 Action：Action 就是 View 发出的通知，表示 St 阅读全文

摘要： 有时候想看看文件的16进制，又不想编写代码来处理，那么这时候可以使用vscode和插件Hex Editor一键查看文件的16进制 安装Hex Editor 插件 右键文件选择打开方式，然后选择Hex Editor 然后就可以查看文件的16进制了 阅读全文

摘要： 写一些demo的时候使用vue/react脚手架来初始项目太小题大做，直接在html中写代码需要找到一些框架和库的cdn，这里做下推荐，仅限在测试环境用。 bootcdn 优点：是国内速度快，使用简单。 缺点：是资源有限，比如vue目前只有3.x版本，没有2.x版本 unpkg 缺点: 优势网络会中 阅读全文

摘要： 前言 在web端打印是比较常见的需求，实际工作中也接触了不少，在这里对工作中用到的做一下总结 1.通过媒体查询隐藏元素 通过style标签内联引入，或者使用媒体查询media="print"外链样式表。然后将无关元素隐藏，只将需要打印的内容展示出来；这时候需要专门写一套打印样式，页面修改，打印样式可 阅读全文

摘要： 使用html2canvas和jspdf将页面保存位pdf <script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js" ></script> <script src="https://unpkg.com/html2canvas@ 阅读全文

摘要： 前言 在vue要求在遍历的时候最好加上key，在使用过程中总有些疑问，在这里做下分析 1.不使用key的时候vue是怎么处理的 在vue2.x文档中有如下描述 key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key 阅读全文

摘要： 前言 工作中使用了redux-saga这个redux中间件，如果不明白内部原理使用起来会让人摸不着头脑，阅读源码后特意对其原理做下总结。 redux的特点 一个标准、管理应用副作用的redux中间件 实现切面编程方式 声明式的编写方式 订阅发布的设计模式 优点： 把异步操作转移到单独 saga文件中 阅读全文