前言 在web端打印是比较常见的需求，实际工作中也接触了不少，在这里对工作中用到的做一下总结 1.通过媒体查询隐藏元素 通过style标签内联引入，或者使用媒体查询media="print"外链样式表。然后将无关元素隐藏，只将需要打印的内容展示出来；这时候需要专门写一套打印样式，页面修改，打印样式可
写一些demo的时候使用vue/react脚手架来初始项目太小题大做，直接在html中写代码需要找到一些框架和库的cdn，这里做下推荐，仅限在测试环境用。 bootcdn 优点：是国内速度快，使用简单。 缺点：是资源有限，比如vue目前只有3.x版本，没有2.x版本 unpkg 缺点: 优势网络会中
有时候想看看文件的16进制，又不想编写代码来处理，那么这时候可以使用vscode和插件Hex Editor一键查看文件的16进制 安装Hex Editor 插件 右键文件选择打开方式，然后选择Hex Editor 然后就可以查看文件的16进制了
概述 一个状态管理工具 Store：保存数据的地方，你可以把它看成一个容器，整个应用只能有一个 Store。 State：包含所有数据，如果想得到某个时点的数据，就要对 Store 生成快照，这种时点的数据集合，就叫做 State。 Action：Action 就是 View 发出的通知，表示 St
前言 2015年，HTTP/2 发布，直到2021年公司的项目才开始在实践中应用；自己对http2诸多特点的理解只存在于字面上，于是尝试在nodejs中实践一下，加深自己的理解。 多路复用 同域名下所有通信都在单个连接上完成，消除了因多个 TCP 连接而带来的延时和内存消耗，这在大量请求同时发出的情
前言 在微前端实践过程中有一个必然会遇到的问题：全局作用域变量的污染问题，具体来说就是window对象挂载数据会被主子应用获取和修改导致数据相互污染问题，这时候如果能在应用之间做个数据隔离，最好能实现一个沙箱环境，对解决问题很有帮助。 iframe方案 说到沙箱隔离，首先想到的是iframe，自带数
前言 通过工具规范git提交信息也是工程化的一部分，在前端领域有一些工具为我们提供了相关功能，在这里做一下使用总结。 commitlint commitlint是什么？ 就像eslint用来检查js代码是否标准，commitlint用来检查提交信息是否满足固定格式的工具。 同样，commitlint
# chrome事件循环的自问自答 ## 目录 - [1. 宏任务有哪些？](#1-宏任务有哪些) - [2. 微任务有哪些？](#2-微任务有哪些) - [3. dom渲染是事件循环的一部分么？](#3-dom渲染是事件循环的一部分么) - [4. requestAnimationFrame的回调
## 目录 - [前言](#前言) - [排查发](#排查发) - [解决方案](#解决方案) #### 前言 在开发中发现一个Safari才会有的bug，文本输入框中会显示密码框才有的钥匙图标🔑，图示如下： 查询到
对于一个 正整数，如果它和除了它自身以外的所有 正因子 之和相等，我们称它为 「完美数」。 输入：num = 28 输出：true 解释：28 = 1 + 2 + 4 + 7 + 14 1, 2, 4, 7, 和 14 是 28 的所有正因子。 /** * @param {number} num *
目录 前言 模块联邦概念 使用配置 模块联邦优点 模块联邦缺点 动态远程模块 前言 工作中公共模块通过子仓库在多个项目中使用，其中公共头部，登录，反馈、举报等模块业务与技术栈都和项目耦合很深，在每个项目都会将这些公共模块打包进去，为了减少流量成本，考虑将这些模块打包后放到cdn，对比了webpack
使用js开发一个快速打开前端项目的插件 目录 前言 使用的技术栈 步骤 问题发现 待优化 前言 一直以来开发都是先打开vscode，然后选择项目，在项目多的情况下会觉得挺繁琐；如果同时打开了许多vscode窗口，寻找目标窗口也比较麻烦，于是萌生了开发一个alfred的工作流插件的想法，目标是在alf
