- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp IOS上架AppStore因打开相机、相册提示不明确被拒
只需要我们再次打包ios的时候在manifest.json文件里，所用到权限的地方重新填写一下使用说明，再次打包提交审核即可。提示说红框标识的权限说明不够明确，否则用户不知道问什么要访问这个权限。
2024-04-22 09:42:49
958
1
原创 浏览器访问阿里云PDF文件不是直接打开的问题
场景：在后台管理项目中的pdf上传功能，上传到阿里云，得到一个阿里云的url地址，前端利用iframe标签预览。此时发现并没有预览成功，浏览器直接去下载pdf文件了。即使把该地址直接在地址栏访问也会变成下载。此时可以发现并不是前端代码或是浏览器的问题。因该是阿里云配置的原因。
2023-08-18 13:52:56
950
原创 Unexpected usage at EditorSimpleWorker.loadForeignModule 报错问题处理
Unexpected usage at EditorSimpleWorker.loadForeignModule 报错问题处理
2022-06-08 17:50:00
5606
原创 iframe 不解析script标签时的处理方案
场景：当我拿到后端接口返回的html结构代码时（字符串形式），直接把它赋值到iframe里来展示，会发现html结构里的script不会请求src里的地址，导致页面报错。解决：document.querySelector('#iframe').contentWindow.document.write(HTMLDom)demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2022-03-01 17:11:12
1189
原创 微信海报生成二维码图片，并处理canvas图片模糊的问题
html2canvas.js + qrcode.js 微信海报生成二维码图片使用插件：jQuery html2canvas qrcode效果图：代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale
2021-10-15 17:40:53
915
原创 前端多张图片生成Gif效果，
前端多张图片生成Gif效果，例：如下三张图片效果展示：方式一（css）:<style> *{padding: 0;margin: auto;} .box{width: 200px;height: 50px;position: relative;} .box img{position: absolute; width: 100%;height: 100%;} .sloganBg01{ z-index: 3; animation: slogan1 1.5
2021-09-17 15:31:53
1483
原创 js url传参进行编码
js url传参进行编码//编码var encodeData = window.btoa("name=xiaoming&age=10")console.log(encodeData)//bmFtZT14aWFvbWluZyZhZ2U9MTA=//解码var decodeData = window.atob(encodeData)console.log(decodeData)//name=xiaoming&age=10
2021-06-08 10:35:41
560
原创 vue复制文本 uniApp复制文本
vue复制文本 uni复制文本async onCopyFun(){//复制链接 let input = document.createElement('input') //创建input节点 input.value = “要复制的文本”; // 修改文本框的内容 document.body.appendChild(input) // 向页面插入input节点 input.select(); // 选中文本 try { document.execCommand("copy");
2021-05-07 14:17:20
210
原创 vue 1000条数据 前端做分页
某些需求后台会返回大量数据,可能会上万条,如果前端一次渲染完毕 性能体验会非常不好,这时候就需要前端来做分页了, 代码如下:html<ul> <li :id="i+1" v-for="(item,i) in data" :key="i"> <div>{{item.stock_name}}<p>{{item.stock_code}}</p></div> <div>{{item.new_price}
2021-01-21 16:33:16
2180
原创 vue 上传图片加水印,canvas+vant
veu 上传图片加水印功能实现: canvas + vant-ui需要全局引入 vant 的 Icon Uploader Button 组件效果图:代码:<template> <div class="TaskSubmit"> <div class="showImg" v-show="!isShow"> <img id="myCanvas" :src="fileList" /> <van-icon @click
2020-08-08 15:38:17
2575
4
原创 Vue路由跳转同一页面时,页面不刷新的问题
Vue路由跳转同一页面时,页面不刷新的问题网上找了好多案例都达不到想要的效果,最终找到了这个,一行搞定,可以试试<router-view :key="$route.fullPath" />只需要在router-view中加入 :key="$route.fullPath"即可.大概意思:通过绑定一个fullPath，可以识别当前页面路由的完整地址，当地址发生改变(包括参数改变)则重新渲染页面...
2020-07-09 17:02:23
1937
2
转载 删除两个数组相同的对象
var arr1=[{id:1},{id:2},{id:3},{id:4},{id:5}]var arr2=[{id:1},{id:2},{id:3}]var set=arr2.map(item=>item.id)console.log(set)var resArr=arr1.filter(item=>!set.includes(item.id))console.log(resArr)原文链接：
2020-06-23 22:59:41
453
原创 文本内容超出以省略号...的形式展示
注意: p标签才有效,加入以下样式就好了p{ width: 170px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
2020-06-16 17:37:43
483
原创 js 时间戳转换为日期格式
YYYY/MM/DD hh:mm:ss 格式timestampToTime(timestamp) {//时间戳转换日期 var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '/'; var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1)
2020-06-15 14:44:39
195
原创 vue利用local存储实现搜索历史记录
Html//搜索框区域<input v-model="keyword" type="text" /> <button @click="onSearch()">搜索</button> //搜索历史区域<div> <span v-if="item in searchList">{{item}}</span></div>vueexport default{ data(){ return{ keywor
2020-06-15 14:38:14
586
原创 vant-ui van-tabs 插入图片
vant-ui 中的Tab标签页 标题插入图片:通过 title 插槽可以自定义标签内容<van-tabs v-model="active"> <van-tab> <div slot="title"> <img src="../../assets/images/home/douyinSmail.png">普通任务 </div> 内容1
2020-05-25 17:58:42
3301
原创 js随机生成验证码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机生成四位验证码</title> <style type="text/css"> h1 { background:green; width:180px; height:60px; color:#fff; text-align: center;
2020-05-14 16:32:16
356
原创 js倒计时
样式:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> p { width: 700px; margin: 50px auto; font-size: 30px; font-weight: 700; co
2020-05-14 16:29:22
139
原创 50个javaScript语法案例
1.求1-100之间所有偶数的和 // 求1-100之间所有偶数的和 var sum = 0; var i =1; while (i<=100) { if (i%2 === 0) { sum += i; } i ++ ; } console.log(sum);//25502.do…while 求1-100 之间所有数的和 //do...while 求1-100 之间所有数的和 var sum =0;
2020-05-14 16:18:52
1632
原创 jQuery学习笔记
jquery入口函数$(function(){ // 开始写 jQuery 代码... });选择器按索引查找语法描述li:even偶数行li:odd奇数行li:eq(4)li索引为4的元素li:ge(4)li索引大于4的元素li:lt(4)li索引小于4的元素语法描述next()获取当前元素的下一个兄弟元素nextAll()获取当前元素后面所有的兄弟元素prev()获取当前元素的前一
2020-05-14 15:29:02
131
原创 js学习笔记
JS学习笔记数据类型原始数据类型(五种)：String（字符串） Number（数字） Boolean（布尔值） Null（空） Undefined（未定义）引用数据类型：Object Array Function ......数据类型转换字符串1. 变量.toString() 转换为字符串类型 (toString(2)可以转换二进制)2. String(变量)3. 字符串拼接 +数值类型1. Number(变量)2. parseInt(变量)3. parseFloat(变量)
2020-05-13 19:59:03
193
原创 前端css笔记
自己学习前端的一些CSS笔记普通标签 和 语义化标签<b>加粗</b> 同 <strong>加粗</strong><i>斜体</i> 同 <em>斜体</em><s>删除线</s> 同 <del>删除线</del><u>下划线</u> 同 <ins>下划线</ins>格式化标签(能识别空格和换行)<
2020-05-13 19:12:01
142
原创 js页码功能
Document </div><!-- <script src="./vue.js"></script> --><script> var json = { title : [ '效果1', '效果2', ...
2019-09-21 14:50:09
668
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人