自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 渐变色文字、渐变色圆角边框

【代码】渐变色文字、渐变色圆角边框。

2024-05-29 17:03:54 114

原创 前端 nginx 配置参考(自用)

【代码】前端 nginx 配置参考(自用)

2023-09-01 13:42:31 127

原创 vue3 在h函数中通过ref获取组件

h函数中使用ref

2022-07-18 14:35:50 3046 1

原创 ant design vue 修改菜单组件下箭头颜色

/*使用sass*/.ant-menu-submenu-title { .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::after { background: #b8c7ce!important; }}.ant-menu-submenu-title:hover { .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::afte.

2021-06-09 17:15:31 2409 1

原创 ts文件中使用使用 process.env.NODE_ENV 报错

在 Vue3 + TypeScrip 项目使用process.env.NODE_ENV 时报错:TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try `npm i @types/node` and then add `node` to the types field in your tsconfig.根据报错提示安装 @types/node 依赖,并增加以下配置:/.

2021-05-27 16:57:20 5185

原创 使用v-cloak避免刷新页面时页面出现插值表达式

v-cloak 在vue的官方文档中的解释为:这个指令保持在元素上直到关联实例结束编译。从表现上来说就是有时页面加载会出现数据还未更新到页面上时页面上显示 {{ xxx }} (即我们写的插值表达式),使用v-cloak之后就可以避免这个现象。<div v-cloak> {{ msg }}</div>需要注意的是使用v-cloak需要配合以下样式语句使用,可以写在内联样式或从外部导入的样式文件中。[v-clock]{ display: none;}..

2020-12-08 15:46:11 249

原创 div绑定onblur事件

onblur失去焦点事件只能在input、a、button等元素上绑定,在某些情况下无法使用这些标签,需要给div元素绑定onblur事件。 这时候可以给div绑定tabIndex属性:<div tabindex="0" onblur="functionA"></div> PS:tabIndex属性应该绑定number,根据w3c的解释,tabIndex是tab 键用于导航时规定元素的 tab 键控制次序(1 是第一个)。...

2020-12-08 15:15:57 2382 1

原创 对象部分转JSON

排除部分属性的转JSONlet objJson = JSON.stringify(object, (key, value) => { if (key == 'attribute1' || key == 'attribute2') { // attribute1和attribute2都是对象里不需要转JSON的属性 return; } return value;})只将对象的部分属性转JSONlet jsonObj = JSON.stri

2020-10-28 17:00:50 459

原创 文件导出(下载)

const a = document.createElement("a");const url = window.URL.createObjectURL(blob); //创建下载的链接//设置下载路径const url = `/api/view/export/${xxx}`;a.href = url;a.click(); //点击下载window.URL.revokeObjectURL(url); //释放掉blob对象将以上代码加在对应的导出函数里即可。...

2020-10-28 16:32:17 216

转载 微信小程序中的this指向问题

最近开发小程序发现一个很奇怪的问题,有些情况下用this.setData可以改变视图显示,有些情况下使用this.setData无效,需const that = this; that.setData({ xx });使用 that来保存当前的this状态,这样才能更新视图。下来我们就来解释一下,微信小程序中的this指向问题。首先我们来看一段错误代码:handleReadBook(e) { BMYAPI.api_updateReadsBooks({}, function(err, r...

2020-06-01 17:15:22 732

原创 字符串中间替换成星号

最近在工作中有一个需求,要将一段字符串的中间几位变成字符串显示。我觉得这个功能还蛮常用的,就抽出来写成一个方法,方便以后别的地方使用。changeToStar(str,len1,len2=0){letstrLen=str.length;letstars=''for(leti=0;i<strLen-len1-len2;i++){stars+='*'}str=str.substr(0,len1)...

2020-05-28 10:25:57 6077 5

原创 小程序获取event.target父元素上的自定义属性

在做小程序的过程中,遇到了一个问题,在业务逻辑上需要通过在父元素身上绑定一个索引值来控制数据的保存。菜鸟如我,本想着点击后通过event.target获取到被点击元素的父元素,从而获取父元素身上的标签,试了几次之后发现这种办法是行不通的。 经过一段时间的对不同办法的尝试之后,想起了事件冒泡,以下是我的解决方案:<view> <view data-index="{{0}}" bind:tap="handleIndex"> <view>子元...

2020-05-25 00:43:51 4013 1

转载 JS中的call()和apply()方法和区别

一、方法定义:apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.call(A, args1,args2);即A对象调用B对象的方法。上面的定义看一遍是很懵的,不过自己遍写例子遍反复读的时候,会有种拨开云雾的感觉。call 与 apply 的相同点:方法的含义是一样的,即方法功能是一样的;第一个参数的作用是一样的;call 与 ap.

2020-05-18 22:30:11 177

空空如也

空空如也

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

TA关注的人

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