tzz_1122的博客

原创 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的区别

原创 搞懂＞＞＞、/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 清理，代码格式化。

原创 git配置SSH

继续在Git命令窗口中输入如下命令，即可生成SSH公钥和私钥。5 将查询的内容复制到git仓库中。3 然后连打三次空格。

原创 vue中好用的插件（记录一下...）

1 功能齐全的表格插件。

原创 vue项目打包优化

【代码】vue项目打包优化。

原创 css总结（记录一下...）

text-stroke-color:设置文字边界填充颜色。text-fill-color:设置文字内部填充颜色。text-stroke-width:设置文字边界宽度。ellipsis:显示省略符号来代表被修剪的文本。break-word:允许在单词内换行。normal:使用浏览器默认的换行。

原创 开发技巧(记录一下...）

我们平时可能会遇到这种场景，接口一，请求到数据一，而数据一被当做请求二的参数去请求数据二。every跟some是相反的，some是只要有一个就行，every是要所有为真才返回真。接收一个Promise数组，数组中如有非Promise项，则此项当做成功。接收一个Promise数组，数组中如有非Promise项，则此项当做成功。哪个Promise最快得到结果，就返回那个结果，无论成功失败。如果所有Promise都成功，则返回成功结果数组。如果有一个Promise失败，则返回这个失败结果。

原创 记录下五款日历组件

建议收藏！整理了五款Vue日历开源组件~-腾讯云开发者社区-腾讯云

原创 组件命名方式

原创 vue2+大屏自适应（autofit）

使用autofit.js插件。

原创 数组常用操作

【代码】数组常用操作。

原创 vue2 +antd a-textarea 光标位置插入内容

允许在文本框光标的位置插入内容。

原创 大屏动画效果-----Lottie

ui：突然给前端扔了一个文件，说是大屏的动画效果菜鸟（前端）：？？？，这动画文件怎么弄？？下面来解决这个问题这种方式，是需要使用一个插件Lottie。

原创 界面滚动到顶部

项目中遇到，页面跳转之后，新打开的页面的滚动条没有回到顶部。

原创 样式的使用合集

在mounted中调用。