11 2022 档案
摘要：概述 一个状态管理工具 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文件中
阅读全文
摘要：前言 在浏览器中表单元素天然支持focus和blur事件，这两个事件在开发过程中出现的频率还是挺高的，前端开发者也都比较熟悉，在这里特意总结一下。 触发场景 鼠标点击 键盘tab键 直接调用dom的focus,blur方法 使用tabIndex使非表单元素支持focus和blur事件 给一个普通的d
阅读全文
摘要：前言 在做个人项目的时候遇到一个需求，要在编完代码之后代码提交之前生成一个预览文件，手动执行脚本难免会遗漏。然后就想到之前在工作中使用过的husky，正好拿过来用一用； husky是什么？ husky是一个给git增加 hooks 工具 打开文档发现husky的版本已经更新到8.x了，这时候就照着新
阅读全文
