自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 谷歌浏览器替换接口返回内容

点击替换后会提示选择一个文件夹来存放接口的数据,新建一个文件夹来存放数据。选择完文件后浏览器会提示是否给权限,选择允许。网络选择对应接口,右键选择替换内容。

2024-07-26 10:30:23 96

原创 zip文件下载

【代码】zip文件下载。

2024-05-07 11:09:12 64

原创 利用canvas给图片添加方框和文字

【代码】利用canvas给图片添加方框和文字。

2024-04-23 12:07:19 417

原创 H5 px转rem(JS文件)在main.js中引入并执行setRem方法即可在写rem样式

/ 计算rem,默认通过视口高度计算。

2024-04-13 17:45:03 216

原创 微信小程序复制(JS文件)

/ 复制成功后,你可以在这里执行其他操作,例如显示一个提示或执行其他逻辑。console.log('文本已成功复制到剪贴板!console.log('文本复制失败!// 复制失败时,你可以在这里处理错误情况。// 在你的小程序中定义一个方法来复制文本。

2024-04-13 17:32:46 79

原创 uni-app本地缓存方法(JS文件)

- exclude: 不清除的storage。* clear 清除storage。// 获取指定storage。// 清除指定storage。// 设置storage。

2024-04-13 17:23:39 89

原创 判断是否苹果移动设备(JS文件)

/ 判断ipad 使用userAgent判断当前的设备型号,区分移动还是pc。// 判断移动 使用userAgent判断当前的设备型号,区分移动还是pc。

2024-04-13 17:21:05 99

原创 文件流下载(excel格式JS文件)

/释放掉blob对象。//下载完成移除元素。* @function downloadDataFlow:下载接口返回的数据流。message.warning("文件下载失败");* @param {string} fileName 导出文件名。* @param {array} data 要下载的数据流。

2024-04-13 17:14:17 86

原创 CSS 两行文字超出显示省略号

在实践中,你可能需要使用JavaScript或者jQuery等工具来确保你的文本不超过两行,或者添加额外的样式规则以确保在不同浏览器中都能正确地显示。注意,这种方法主要适用于WebKit浏览器,例如Chrome和Safari。对于Firefox等其他浏览器,可能需要进行其他处理。/* Safari 和 Chrome */并不是一个标准化的CSS属性,因此在所有浏览器中可能都不受支持。

2023-11-04 17:04:34 238

原创 css 多行超出隐藏

webkit-box是一个CSS3的属性,用于实现多行文本显示。-webkit-box-orient属性用于设置文本的方向,vertical表示垂直方向。-webkit-line-clamp属性用于设置需要显示的行数,这里设置为3行。text-overflow属性用于设置文本溢出时的省略号。-webkit-line-clamp属性为需要显示的行数。

2023-09-14 20:31:49 521

原创 tsconfig.json配置

【代码】tsconfig.json配置。

2023-09-01 10:32:49 218

原创 JessIbuca 插件报错 window.Jessibuca is not a constructor

或者去Jessibuca官网重新引入最新的代码到public文件下。如果之前是正常使用的,可以重启下编辑器再次启动项目看看。

2023-08-02 20:15:54 1632

原创 获取视频流封面

url: 请求地址,

2023-08-01 19:38:39 227

原创 播放m3u8格式视频

H5播放m3u8文件

2023-07-13 11:49:25 5

原创 过滤特殊字符串

"[`~!:”“'。,、?]"i++) {return rs;

2023-07-12 10:52:24 46

原创 vue3 antd 动态表单校验

2023-06-03 19:24:54 255

原创 ios 时间插件

ios 时间插件

2022-10-20 21:41:22 6

原创 vue axios 取消请求

vue axios 取消请求

2022-10-20 21:38:15 154

原创 前端实现倒计时

前端完成倒计时

2022-10-13 23:45:10 158

原创 vue3 kepp-alive 的使用

vue3 keep-alive的使用(嵌套router-view的情况)

2022-09-01 22:01:41 223

原创 二进制流转换为xlsx文件导出

二进制流转为xlsx文件导出

2022-09-01 21:57:47 1441

原创 el-drawer 遮罩在父元素下显示

2022-07-04 09:42:06 1087 1

原创 百度地图自定义控件

2022-06-29 20:23:06 340

原创 element-ui date-picker修改弹出框样式

2022-06-27 15:05:12 607

原创 Ajax,Promise,Async await的使用

Ajax:异步的 JavaScript 和 XML ,是一种在无需重新加载整个网页的情况下,能够更新部分页面内容的方法AJAX 不是新的编程语言,而是使用现有技术混合使用的一种新方法。ajax 中使用的技术有JavaScript, html , dom , xml ,css 等。主要是 JavaScript , XML.JavaScript::使用脚本对象 XMLHttpRequest 发送请求, 接收响应数据XML:发送和接收的数据格式,现在使用 jsonAJAX 异步实现步骤..

2022-05-17 23:49:32 266

原创 element-ui 的autocomplete 用法。可带输入建议的输入框组件

querystring的值是输入框输入后的值restaurant是loadAll函数中数据集遍历后的item<el-row class="demo-autocomplete"> <el-col :span="12"> <div class="sub-title">激活即列出输入建议</div> <el-autocomplete class="inline-input" v-model="state1"

2022-05-10 19:01:49 626

原创 百度图片识别API在uni-app的使用

图片识别文档:通用物体和场景识别_可识别10万多类常见物体和场景-百度AI开放平台uni-app获取本地或拍照的图片: 注:问题1:转换base64格式使用了image-tools插件,这个插件只能转换本地的图片,在线图片无法处理 插件地址image-tools - DCloud 插件市场问题2:var [error,res]=await uni.request({})有跨域问题,需要配置反向代理 manife...

2022-04-19 21:01:59 1299

原创 小程序扩展组件 sildeview 左滑删除的使用

npm安装 npm init 初始化 npm i weui-miniprogram -S --production 安装weui组件库然后在微信开发工具中构建npm在根目录下的app.wxss中引入下面代码@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';json 文件加入 usingComponents 配置字段"usingComponents":...

2022-03-23 15:33:27 1803

原创 小程序vtabs

npmi@miniprogram-component-plus/vtabsnpmi@miniprogram-component-plus/vtabs-content都设置好后还需要在工具中构建npmvtabs有个bug——比如点击选项2会高亮会马上跳到选项1,内容区还是选项2的内容,解决办法 找到@miniprogram-component-plus文件夹下的vtabs文件里的index.js 把varscrollTop=e.detail...

2022-03-21 23:18:57 1994 1

原创 react17找不到dva模块

运行npm i dva --legacy-peer-deps即可修复

2022-02-25 23:09:24 342

原创 react如何设置代理

react-17版本可用react代理设置:以需要代理的服务器地址http://localhost:5000为例方法一:在package.json文件中添加一个参数"proxy":"http://localhost:5000",方法二:1.先下载代理包,npm ihttp-proxy-middleware -d2.在src中新建文件夹,命名为setupProxy.js3.导入包:const{createProxyMiddleware}=require('...

2022-02-08 17:07:19 1121

原创 Cookie的封装(含获取,设置,删除)

//设置cookie方法functionsetCookie(key,val,tt){//判断是否传递了时间if(tt){//创建Date对象,获取当前时间vart1=newDate()//当前时间-8小时+10秒。也就是当前时间过10秒cookie记录就会消失。-8小时是因为cookie记录会在浏览器保留8小时vartime=t1.getTime()-1000*3600*8+1000*t...

2021-11-01 16:45:00 172

原创 Ajax的封装

/*@调用方法ajax(对象实参);@对象实参需要传的属性:method:访问方式(选填),默认'get',url:访问地址(必填),data:传输数据(选填),需要传数据时才填,aysn:是否异步(选填),默认true,success:请求成功后执行的函数,第一个形参代表返回的数据,error:请求失败后执行的函数,第一个形参...

2021-10-26 23:21:02 35

原创 getElementsByClassName的兼容方法

//cName是需要获取的标签的className。parent是,获取className的集合是通过对象的父级来//获取的functiongetClass(cName,parent){parent=parent||document;if(document.getElementsByClassName){returnparent.getE...

2021-10-22 22:54:13 130

原创 阻止默认事件的兼容方法

在默认事件函数内输入return false也是可以的例子如下。a标签默认的跳转效果失效了<body><aid="box"href="https://www.baidu.com/">aaaaaaaa</a><script>varbox=document.getElementById('box')box.onclick=function(e){//...

2021-10-21 22:33:41 139

原创 事件绑定和解除事件绑定的兼容写法

obj:需要绑定事件的对象eName:事件名称、eFn:事件触发后需要执行的函数事件绑定的兼容写法:functionbind(obj,eName,eFn){obj.bindFn?obj.bindFn.push({bool:eFn}):obj.bindFn=[{bool:eFn}];obj.bindFn[obj.bindFn.length-1].fn=function(){...

2021-10-21 19:51:41 70

hls.min.js文件

hls.min.js文件

2023-07-13

空空如也

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

TA关注的人

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