tzz_1122的博客

原创 大屏样式汇总----更新中

【代码】大屏样式汇总----更新中。

原创 好用的浏览器API

解决可见性监测问题，性能较传统方案提升 87% 以上实现元素尺寸精准监听，适配响应式开发需求优化后台资源消耗，提升页面运行效率。

原创 href 小技巧

展示 几href。

原创 网页如何实现页面整体缩放的

1 使用 CSS zoom 属性。

原创 vite项目下，动态图片使用方式

常规的require方式失效，使用import一一导入太麻烦。

原创 监听窗口以及DOM元素大小变化

【代码】监听窗口以及DOM元素大小变化。

原创 秒删node_modules

【代码】秒删node_modules。

原创 前端截图并导出pdf

需要先将流程图截图成图片，再生成dom节点，之后导出成pdf。2 要求导出成pdf，且pdf上有标题等内容。使用domtoimage和domToPdf。因为导出的pdf中包含不存在页面上的内容。1 需要将页面的一个流程图导出。

原创 git命令

查看暂存区和最新提交的差异。# 查看工作区和暂存区的差异。# 配置全局用户名和邮箱。# 添加指定文件到暂存区。# 解决冲突后继续变基。# 查看存储的工作进度。# 查看两个分支的差异。# 查看简化状态信息。# 保存当前工作进度。# 撤销工作区的修改。# 撤销暂存区的修改。# 创建带注释的标签。

原创 clip-path实现箭头矩形

【代码】clip-path实现箭头矩形。

原创 列表虚拟化-插件

原创 浏览器两个 tab 都是同域，如何在一个tab 向另一个 tab 发消息

只能传递字符串，需手动序列化/反序列化。如果两个 Tab 存在引用关系（如通过。需要直接引用目标窗口对象（如通过。，只有其他 Tab 会收到事件。受同源策略限制，仅限同域页面。适用于有明确父子关系的页面。

原创 大屏资源汇总

实现无线滚动：vue-seamless-scroll。echarts相关，请转至。

原创 NPKill：一键卸载无用Node.js包的利器

【代码】NPKill：一键卸载无用Node.js包的利器。

原创 vue2+vite 解决debugger断点调试定位不准确问题

2 找到Sources下面的“Enable JavaSscript source maps”，取消勾选。1 打开调试，点击右边的设置按钮。

原创 判断是否是PC

【代码】判断是否是PC。

原创 前端——换行

大家都知道是有换行的作用很多时候，有些区分不开<br />和\n的区别，他俩各自在什么情形下使用呢。

原创 实现下面的效果，倒三角

【代码】实现下面的效果，倒三角。

原创 针对地址中的中文

encodeURIComponent

原创 css伪类

伪类选择器可以选择所有选中的复选框和单选按钮，这对于创建自定义表单控件的样式非常有用。[attribute=value] 可以用来基于元素的属性选择元素。伪类用于当元素获得焦点时（比如输入框被点击时）伪类可以用来改变鼠标悬停在链接或按钮上时的样式。伪类则用于元素被激活（通常是被点击）的瞬间。

原创 巧用伪类：实现表格，斑马线

【代码】巧用伪类：实现表格，斑马线。

原创 将本地项目提交到远程仓库

这里示例：gitee仓库。

原创 【VSCode】常用插件汇总

在vscode的扩展搜索中直接搜索Path Autocomplete，直接安装。配置 VS Code settings.json。

原创 前端中图标的使用

在线，图标项目中的图标更新，前端项目只需要更新scriptUrl值就好，便于维护，不需要将图标下载到本地。切换到symbol，显示在线链接，点击生成代码。3 生成的代码就是 scriptUrl值了。使用inconfont.cn中的图标。2 找到自己的图标项目。需要将图标下载到本地。

原创 css样式相关资源

颜色渐变91渐变背景色工具-免费在线调色板软件,渐变颜色Css选择器,渐变颜色背景生成器阴影生成工具Box Shadows

原创 开源的图标库

iconfont-阿里巴巴矢量图标库首页 - FontAwesome 字体图标中文Icon

原创 echart常用片段

【代码】echart常用片段。

原创 npm, yarn, pnpm的区别

使用npm 安装yarn、pnpm。

原创 搞懂＞＞＞、/deep/、::v-deep、::v-deep()和:deep()的区别与用法

在Vue单文件组件中，我们通常会搭配css预处理器使用。但Sass之类的预处理器无法正确解析>>>，所以不推荐使用>>>

原创 线上代码调试，使用Chorme的请求mock

前端页面上展示的数据有问题，第一反应肯定是要验证是不是接口返回的数据的问题。

原创 前端数据拷贝（浅拷贝、深拷贝）

concat 拼接数组。slice 截取数组。

原创 整个网页的 ＜body＞ 内容可编辑

如果希望用户无法编辑页面，您可以将该属性设置为。，浏览器会允许用户更改页面的内容。

原创 前端优化话题之防抖&&节流

因为用户在不断输入关键词的过程中，应该要不断地去展示当前搜索到的内容。当用户短时间内多次重复操作，防抖会只执行用户的。：input输入框搜索优化，应该使用节流。节流是会限制一段时间内。

原创 解决PC端和移动端的css简单适配问题

是不是app的样式需要写很多份，当我们页面有很多很多个div盒子的时候，也是按照这样复制再修改，下班岂不是遥遥无期？是相对于根元素的，所以你只需要在一个地方（通常是全局样式表的开始处）设置根元素的字体大小，就可以影响到整个页面中所有使用。单位结合了绝对单位和相对单位的优点，提供了一种灵活的方式来设置字体大小和其他尺寸，同时保持整体设计的一致性和可扩展性。是一个绝对单位，写死了就不会变，那我们有没有一个相对单位来给它进行长度和宽度的赋值呢？，意味着当宽度为320px时，根元素的字体大小为20px；

原创 localStorag、sessionStorage和cookie

数据，并且支持跨域隔离，他的出现极大提高了前端开发的可能性。满了的情况下仍继续存储并不会覆盖其他的值，而是直接报错()，并且当前存储的值也会被清空。浏览器支持每个域名下存储。提供的永久存储空间，一般最大可存储。, 但他也可以直接以成员的方式操作。

原创 前端工程化

在这些表象的背后呢，实际上是行业对开发人员的要求发生了天翻地覆的变化，以往前端写demo，套模板，调页面这种刀耕火种的方式已经完全不符合当下对开发效率的要求，前端工程化就是在这样一个背景下被提上台面，成为前端工程师必备的手段之一。近些年被广泛的关注和探讨，究其原因主要是因为现代化前端应用功能要求不断提高，业务逻辑日益复杂，作为当下互联网时代唯一不可或缺的技术，前端可以说是占据了整个开发行业的半壁江山。一般来说前端工程包含，项目初始化，项目开发，提交，构建，部署，测试，监控等流程。，持续集成的时候我们使用。

原创 让网页也像QQ那种一样发出右下角消息

利用window的API。

原创 跳转页面（持续更新...）

会打开新窗口或标签页，可能导致资源浪费且不适合单页应用的场景。

原创 如何在Git中将文件恢复到某个指定版本？

其中 <commit-id>是要恢复的提交的 ID， <file-path>是要恢复的文件的路径。这将将文件恢复到指定的提交中的状态。

原创 git提交规范

注意：feat 改成 func 了，避免大家按 feature 这个大粒度来提交，期望是按小功能点分批提交，另外避免跟 feature 分支规范混淆。: work in progress，少用，用于开发中的不完整提交，新工程开始时偶尔使用。: 重构代码，非 bug 修复和性能优化，包括编码过程中的代码结构调整，不特指重构项目。: bug 修复，包括编码过程中的逻辑修复，不特指线上 bug 修复。: 无关紧要的改动，例如删除用不到的注解、调整日志内容等。: 代码格式调整，如 import 清理，代码格式化。