weixin_40790248的博客

原创 如何实现虚线

:before {top: 0;left: 0;

原创 Js复制到剪切板

【代码】Js复制到剪切板。

原创 浏览器自定义滚动条 less文件

【代码】浏览器自定义滚动条 less文件。

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

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

原创 zip文件下载

【代码】zip文件下载。

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

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

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

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

原创 微信小程序复制（JS文件）

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

原创 uni-app本地缓存方法（JS文件）

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

原创 判断是否苹果移动设备（JS文件）

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

原创 文件流下载（excel格式JS文件）

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

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

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

原创 css 多行超出隐藏

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

原创 tsconfig.json配置

【代码】tsconfig.json配置。

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

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

原创 获取视频流封面

url: 请求地址,

原创 播放m3u8格式视频

H5播放m3u8文件

原创 过滤特殊字符串

"[`~!：”“'。，、？]"i++) {return rs;

原创 vue3 antd 动态表单校验

原创 ios 时间插件

ios 时间插件

原创 vue axios 取消请求

vue axios 取消请求

原创 前端实现倒计时

前端完成倒计时

原创 vue3 kepp-alive 的使用

vue3 keep-alive的使用（嵌套router-view的情况）

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

二进制流转为xlsx文件导出

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

无

原创 百度地图自定义控件

无

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

无

原创 Ajax,Promise,Async await的使用

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

原创 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"

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

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

原创 小程序扩展组件 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":...

原创 小程序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...

原创 react17找不到dva模块

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

原创 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('...

原创 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...

原创 Ajax的封装

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

原创 getElementsByClassName的兼容方法

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

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

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

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

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(){...