自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一个希望世界和平的前端程序猿的博客

一个希望世界和平的前端程序猿的博客,偶尔记录些毫无价值的东西!!!

  • 博客(25)
  • 资源 (2)
  • 收藏
  • 关注

原创 vue2、vue3中v-for和v-if的优先级详解

在vue2中v-for的优先级高于v-if,而在vue3中v-if的优先级要高于v-for

2024-01-12 10:14:10 1488

原创 简单记录一下typescript中declare、type、interface的使用场景

简单记录一下typescript中declare、type、interface的使用场景

2024-01-02 17:52:30 987

原创 浅谈vue3 CSS Modules的使用

实现作用域隔离的原理:CSS Modules是通过将生成的class哈希化,即给该module里面的class通过一定的配置规则生成一个不重复的名字,从而实现样式隔离

2024-01-02 16:54:21 1759

原创 vue3 css好玩的功能

主要包含css中的数据动态绑定(v-bind())、插槽选择器(:slotted())、全局选择器(:global())

2023-12-28 18:12:36 474

原创 vue3 样式穿透(:deep())原理

scoped通过给元素和css样式添加不重复的data属性(data-v-xxx)来使模块私有化(整个过程通过PostCSS转译实现)。 PostCSS会给一个组件中的所有元素添加一个唯一的data属性(data-v-xxx),给css选择器添加一个包含该属性的属性选择器,这样就让样式只作用于含有该属性的元素,从而实现样式隔离。

2023-12-28 15:48:19 4292

原创 vue中echarts柱状图不同系列的同一背景实现、坐标轴刻度标签自定义图片实现

echarts柱状图不同系列的同一背景实现、坐标轴刻度标签自定义图片实现

2023-12-20 15:21:34 863 1

原创 unplugin-auto-import 插件

为Vite、Webpack、Rspack、Rollup和esbuild按需自动导入API,支持TypeScript。

2023-07-11 18:08:26 1506

原创 如何参与一个开源项目以及可能遇到的问题的解决方法

如何参与一个开源项目以及可能遇到的问题的解决方法

2023-06-16 16:30:29 126

原创 什么是纯函数?

一个函数的返回结果只依赖于它的参数,并且在执行过程中没有副作用(不会对外部环境产生影响),把它叫做纯函数。纯函数是无状态和数据不可变的。

2023-05-19 17:08:11 130

原创 es6新增数据结构Set的属性和方法集合

es6新增数据结构Set的属性和方法集合

2023-05-06 17:01:39 162

原创 js判断对象是否为空和对象上是否存在某个属性

js判断对象是否为空和判断对象上是否存在某个属性。

2023-05-05 14:06:25 635

原创 css重绘和回流

css重绘和回流

2023-02-21 18:55:13 507

原创 安装完nodejs后在powershell使用node命令报错

安装完nodejs后,在cmd中可以正常启动node,但是在powershell中报错的解决方法。

2023-01-30 15:38:36 1995

原创 实现页面自定义水印(适用于各前端框架)

实现页面自定义水印,适用于vue、react和一般的html页面

2023-01-04 16:33:08 3970

原创 微信小程序实现watch监听数据变化

微信小程序的数据监听器observers只能在自定义组件中使用,如果想要在页面中实现类似的功能,可以通过模拟vue的watch来监听数据变化。

2022-12-27 15:43:39 5912

原创 iframe内嵌链接常见问题

iframe内嵌链接常见问题

2022-12-26 18:19:58 15063 3

原创 关于微信小程序textarea组件placeholder穿透的bug

当使用textarea组件时,placeholder会穿透弹框组件,一直处于页面最上层,由于textarea是原生组件,所已无法通过设置层级的方式去覆盖,除非同为原生组件。

2022-12-26 17:43:22 595

原创 关于微信小程序textarea组件 输入字数 > 限制字数 的bug

当你需要给textarea组件添加一个统计输入字数的功能时,如果在手机上通过复制粘贴达到最大限制字数,这时候继续使用手机上的小键盘输入内容,就会出现输入字数大于限制字数的bug,而多出来的字数就是你小键盘上当前输入的内容长度。

2022-12-26 17:26:21 2309

原创 浏览器Failed to read the ‘sessionStorage‘ property from ‘Window‘: Access is denied for this document 错误

浏览器产生Failed to read the ‘sessionStorage‘ property from ‘Window‘: Access is denied for this document 错误的原因以及解决方法。

2022-11-10 16:17:36 5093 1

原创 vue使用threejs导入模型时报unexpected token < in json at position 0错误的解决方法

将模型放入public目录下面,并且引入gltf/glb文件时,路径前面不能加public,否则就会报标题所示错误,引入方式如下图:

2022-09-29 17:45:45 930

原创 HTML解析过程、DOMContentLoaded和load区别

当初始的 HTML 文档被完全加载和解析完成之后,事件被触发,而无需等待样式表、图像和子框架的完全加载。也就是DOM树构建完成之后就会触发事件。当整个页面及所有依赖资源如样式表和图片都已完成加载时,load事件被触发。也就是html、css、js、图片等资源全部加载完成之后才会触发load事件。

2022-09-07 18:35:33 460

原创 递归函数中使用for循环的时候,return出的数据为undefined的解决方法

解决递归函数中return的数据为undefined的问题

2022-03-01 17:07:44 1985 2

原创 代码版本控制规范

git分支管理,代码版本控制规范

2022-02-17 14:34:29 841

原创 git commit规范(type + description)

git代码提交规范

2022-02-17 12:01:23 695

原创 eslint配置规则详细注释

eslint配置规则详细注释

2022-02-15 18:22:07 4261

实现页面水印功能的核心代码

实现页面水印功能,适用于vue、react或一般html。通过实例化Watermark,能够很方便快捷的实现自定义全局水印,或者在实例化时传入节点的类名,能够给指定节点添加自定义水印。

2023-01-04

git代码版本控制规范

git代码版本控制规范

2022-02-17

eslint配置规则详细注释

eslint配置规则详细注释

2022-02-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除