- 博客(42)
- 收藏
- 关注
原创 js 字符截取 substr substring slice 兼容对比
substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 substring() 和 slice() 来使用。重要事项:ECMAscript 没有对该方法进行标准化,因此反对使用它。重要事项:在 IE 4 中,参数 start 的值无效。在这个 BUG 中,start 规定的是第 0 个字符的位置。在之后的版本中,此 BUG 已被修正。详细查看...
2022-01-27 11:22:33
1158
原创 把对象拼接到url上
let Urls = 'http://hfcrm/cm/api/user?download=1';let Url = 'http:///hfcrm/cm/api/user';let msg = { a:"11", b:"22", c:"33"}function urlSplicing(url,obj){ if(url.indexOf('?')>0){ Object.keys(obj).map((key)=>{ url +
2022-01-27 11:07:23
2219
原创 使用vue2.x.x开发项目 过程 使用经验
1.创建在cmd 中 执行 vue create 项目名对应选择需要的一般选 babel router vuex这里寻问 路由使用的那种方式 使用history 模式 还是hash 模式 使用n 使用hash我选择 package.json看自己vuex 一般看项目大小,和数据传递深度来取决用于不用动画自定义 <transition></transition>在这个上定义 可以配合路由使用,完成路由跳转时,使用什么动画。保存当前页面不活跃使用: <ke
2022-01-25 15:54:24
218
原创 uni-app pdf各个端预览推荐写法
统一先下载uni.downloadFile({ url:https://xxxx.pdf, success: res => { // #ifdef H5 const el = document.createElement('a') el.href = res.tempFilePath el.download = file.name el.style.display = 'none' document.body.appendChild(el) el.click() el.p
2022-01-17 11:21:00
561
原创 微信小程序引入外部iconfont 字体 不显示原因分析
模拟器上正常 真机不显示 原因安卓手机不显示,显示为 一个框中的X@font-face { font-family: "iconfont"; src: url('https://xxx/iconfont.eot'); /* IE9*/ src: url('https://xxx/iconfont.eot?#iefix') format('embedded-opentype'), url('https://xxx/iconfont.woff') format('
2022-01-14 14:42:21
2386
3
原创 体验版和正式版关于微信小程序 打开调试工具地图有数据返回,关闭调试工具没有地图数据返回
地图在微信模拟器上正常,发版不正常解决思路:看看是否添加到了合法域名在小程序后台里面配置request合法域名:https://apis.map.qq.com 后,删掉微信上的小程序,重新打开小程序
2021-12-16 13:40:23
581
原创 js 字符串截取几种方式
slice语法string.slice(start,end)参数值参数 描述start 必须。 要抽取的片断的起始下标,第一个字符位置为 0。如果为负数,则从尾部开始截取。end 可选。 紧接着要截取的片段结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。返回值类型 描述String 提取的字符串 var
2021-06-23 14:00:44
4331
原创 前端文件上传 原生
input.οnchange=function(){//查看文件变化 有哪些参数// for(var key in this){// console.log(key,this[key]);// }console.log(’=============’,this.files);let file = this.files[0]let reader = new FileReader();// 开始读取指定的Blob中的内容。一旦完成,result属性中将包含一个字符串以表示所读取的文件内
2021-05-25 10:53:31
350
原创 node js window 环境升级 和切换对应的版本
node 在window下载对应的node版本的号,然后对应多下几个版本,对应解压切换版本在计算机–>属性–>高级系统设置—>环境变量—>path 里面添加要使用的node文件地址
2021-04-28 11:41:36
295
原创 时间与时间戳相互转
时间戳转时间let nowtime = new Date();var year = nowtime.getFullYear();var month = nowtime.getMonth()+1;var day = nowtime.getDate();var h =nowtime.getHours();var m = nowtime.getMinutes();var s = nowtime.getSeconds();时间转时间戳 new Date(year+'/'+month+'/'+da
2021-03-18 11:04:05
70
原创 web 视频流保存API MediaRecorder
MediaRecorderMediaRecorder 是 MediaStream Recording API 提供的用来进行媒体轻松录制的接口, 他需要通过调用 MediaRecorder() 构造方法进行实例化.构造函数MediaRecorder.MediaRecorder()创建一个新的MediaRecorder对象,对指定的MediaStream 对象进行录制,支持的配置项包括设置容器的MIME 类型 (例如"video/webm" 或者 “video/mp4”)和音频及视频的码率或者二者同用
2021-03-09 10:11:39
1493
原创 vue 兄弟组件通信
event.jsimport Vue from 'vue';export default new Vue();import event form 'event.js' event .$emit('active','chuangzi')//自定义事件 event .$on('active','触发方法')//监听自定义事件 event .$off('active')// 移除自定义事件监听器 //如果没有提供参数,则移除所有的事件监听器;//如果只提供了事件,则移除该事件所有的监听器;
2021-03-09 09:27:08
122
原创 支付宝 appid 相关
支付宝schlum url 启动指定界面链接打开支付宝指定链接的方式链接在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之 支付宝链接支付宝有关的URL schemes 链接手机浏览器唤起支付宝并打开指定页面链接...
2021-03-08 16:02:24
500
原创 vue 使用process 踩坑
配置全局process 变量在项目目录下新建文件.env.xxx xxx是运行环境的名字.env.devlopment 是默认运行的环境 devlopment.env.production 运行环境是production 生成环境在packe.json中"scripts": { "serve": "vue-cli-service serve",//默认运行devlopment "dev": "vue-cli-service serve --mode production",//-
2021-02-22 16:40:51
4269
2
原创 rem 处理,可以使用到移动端
处理如下 // 设计图 y = 750 比例 x=100;1rem =100px; var html = document.getElementsByTagName("html")[0]; var cWidth =document.body.clientWidth || document.documentElement.clientWidth; function Setrem(x,y,w){ html.style.f
2021-02-01 14:47:51
102
原创 uni-app编译的h5 打开 uni-app编译的app 小记
在APP中要做的事h5 中第一种方式<a href="test://">test:<a><br/>第二种方式//在方法中let a = document.createElement('a');a.href = 'test://'a.click();就可以打开自己的app 了处理h5 打开APP 传的参数在APP中var args= plus.runtime.arguments; if(args){ // 处理a
2020-10-22 14:43:47
875
2
原创 uni-app 页面视频多个视频同时播放处理成一个视频播放(仅适用H5)
uni-app 一个页面出现多个视频时,播放时几个视频一起播放,这个明显是不合理的,处理方式在这里插入代码片
2020-08-11 15:09:56
3065
4
原创 使用vscode写的html页面在手机端实现预览
使用vscode写的html页面在手机端实现预览1.准备在vscode 中下载 live Serve 扩展插件2.设置打开文件------首选项 ------设置-----找到扩展中----Live Serve Config-----Settings: Custom Browser -----个人选择浏览器-----Settings: Host------设置局域网ip (在同一个局域网中);3.浏览在浏览的时候选择 open with live serve4.注意以上需在同一局域网中,手机
2020-07-21 11:38:39
8044
1
原创 uni-app 判断浏览器是在普通浏览器中还是微信浏览器中
uni-app 判断let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return '微信浏览器' }else{ return '普通浏览器' }
2020-07-01 14:42:59
4192
原创 uni-app h5支付宝处理 调起支付宝(非web-view)
方式一可以让后端设置一个页面跳转的URL地址在使用uni-app 的条件判断在h5环境下跳转到后端给的地址方式二让后端把提交的from表单的标签返给前端,在页面使用uni-app的条件判断 判断是h5环境下,才编译这个标签<view v-html='后端反的from表单'></view>在对应的提交方法中依旧使用uni-app的条件判断 判断是h5环境下,使用document.getElementById('表单节点id').onclick() 触发提交。如何判断是
2020-06-24 12:43:37
7895
4
原创 uni-app 使用阿里图标字体
1.先下载阿里图标把想要的图标,添加到购物车中,并下载代码。2.拷贝把代码中的这几个文件拷贝到项目中在main.js 中引入cssimport '@/common/font/iconfont.css'//页面使用<textclass="iconfont icon-radiochecked"></text>//iconfont 图标 icon-radiochecked 图标名...
2020-06-04 11:17:11
1075
3
原创 uni-app 应用图标角标设置
uni-app 手机桌面应用消息角标 实现// 使用 h5+ 实现/ 设置数字plus.runtime.setBadgeNumber(8);// 清除数字plus.runtime.setBadgeNumber(0);详细详细查看
2020-06-02 22:56:23
14436
12
原创 uni-app底导航栏 设置角标
设置角标uni.setTabBarBadge({ index: 0, text: '1'})使用位置在app.vue 文件中,在页面设置不了。uni-app 角标设置
2020-06-02 22:40:20
5062
1
原创 在uni-app 中实现锚点跳转 实现
uni-app 锚点跳转uni.createSelectorQuery().select('.item').boundingClientRect(data=>{//目标位置节点 类或者 id uni.createSelectorQuery().select(".viewbox").boundingClientRect((res)=>{//最外层盒子节点类或者 id uni.pageScrollTo({ duration:0,//过渡时间
2020-05-28 21:45:41
6409
1
原创 uni-app 向tabBar 页面传值
如何向tabBar传值 简单方式// 原来可以使用uni.reLaunch 向tabBar页面传值的,最近发现这个已经不可以了。//a页面uni.setStorageSync('sell',0);// b页面// 在onshow 或者onload 中取值uni.getStorageSync('sell');...
2020-04-27 17:32:12
3451
原创 uni-app 页面传比较复杂的数据
uni-app 页面传数据//page a 向page b 页面传复杂的数据 使用encodeURIComponentuni.navigateTo({ url:'../index/index?msg='+encodeURIComponent(JSON.stringify(this.richtest))})// b 页面 在onload(option){ //取值 let ...
2020-04-17 15:07:20
1181
原创 如何快速取对象里面的各个值
快速取对象里面的key和valueLet people={name:'zhangsan',age:24,address:'beijing'}//可以快速取里面的key值console.log(Object.keys(people))//结果 ["name", "age", "addree"] //快速取里面的value值 console.log(Object.values(peopl...
2020-04-17 10:01:26
6486
原创 uni-app 隐藏滚动条app
uni-app 隐藏滚动条不显示//在page.json{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app"...
2020-04-01 17:40:16
3356
3
原创 uni-app 退出app操作
uni-app 退出app//安卓退出// #ifdef APP-PLUS if (plus.os.name.toLowerCase() === 'android') { plus.runtime.quit(); } else{ const threadClass = plus.ios.importClass("NSThread"); const mainThr...
2020-03-31 10:00:35
11313
2
原创 js 去掉字符串所有的空格
js 去掉字符串所有的空格var value ='abac l kkkk';value=value.replace(/\s/g,"");console.log(value)结果 abaclkkkk
2020-03-30 16:51:27
312
原创 uni-app 物理返回使用和注意事项
使用物理返回//使用uni-app 页面生命周期中的onBackPressonBackPress(){//与methods同级 //可以在这里写相应的处理}uni-app 物理返回使用注意事项注意事项链接地址在项目中使用注意// 如果是A页面 条B页面使用了uni.navigateTo 跳过去的,那么在B页面使用onBackPress()处理跳转其它页面时,结果还是反回上一个页面...
2020-03-29 20:34:04
2983
原创 uni-app开启页面触底,使用onReachBottom
uni-app开启页面触底//在page.json 中style 下"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-a...
2020-03-27 11:49:50
22243
7
原创 在什么情况,我们会遇见浅拷贝与深拷贝引发的问题
在我们处理业务逻辑时,我们会遇见从后端返回的数据,我们在前端处理的时候,同一个数据,在一个页面处理不同的业务逻辑时,你会发现当你改变数据的时候,他们共同拥有的数据也会发生改变。...
2019-11-26 17:25:10
648
原创 关于uni-app中 生成app中使用时产生的缓存清除方式
是在uni-app 打包的app 的环境下才有效果// 使用plus.cache.calculate 获取应用的缓存大小,var self=this; plus.cache.calculate( function ( size ) { //size是多少个字节单位是b //你可以做下面相应的处理 if(size<1024){ se...
2019-11-22 10:21:06
13505
1
原创 uni-app 编译的app 跳转到小程序中
uni-app编译完成的app想跳到某个小程序在你关联好以后,以下的代码能够帮助你解决问题plus.share.getServices(function(res){ var sweixin = null; for(var i=0;i<res.length;i++){ var t = res[i]; if(t.id == 'wei...
2019-11-13 17:43:17
1800
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人