- 博客(43)
- 收藏
- 关注
原创 uniapp分享位置到微信
从app分享位置到微信,打开微信可以实现导航的功能,利用微信网页开发可以实现在微信内部用网页打开腾讯内置地图,进而实现导航的功能。思路:uniapp分享链接到微信,链接中带有经纬度和位置名称,在微信中打开链接,通过参数打开微信内置地图。...
2022-08-04 13:45:49 1455
原创 pandoc 使用方法
typora mac 版本发现在下载 pandoc完成后导出word时出现闪退情况,导致不能成功导出,然后就搜索到pandoc的命令行方法,以此记录下来。
2022-04-19 11:07:51 19824
原创 uniapp带参数跳转解析
uni-app在跳转页面时,如果参数过长会传参失败,可以使用encodeURIComponent先编码,然后再将编码后的参数传过去。
2021-12-04 15:50:24 2381
转载 vue中处理后台返回的图片流,并将图片流显示在前端(转载)
转载于 https://blog.csdn.net/qq_41948525/article/details/105238646现在我接手的项目中相关的技术:vue,element-ui,axios——————接下来看看业务场景——————1.看下图(这是图片流,如果直接在img标签下的src中是没有用的)那怎么办呢,别慌往下看2.解决方法(1).在请求后端接口返回responseconst src = window.URL.createObjectURL(response)//这里也是关键,
2021-10-15 14:03:48 2955
原创 element 一个页面两个table显隐相互影响
在用element UI 做项目时,发现如果一个页面有两个table时,并且这两个table会有一个显示一个隐藏的功能(v-if,v-else)时,会出现表格错落的情况,两个table会相互影响。经过查询VUE官网发现: Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处。例如,如果你允许用户在不同的登录方式之间切换:<template v-if="loginType === 'username'"> &l
2021-07-29 09:55:46 3862 1
原创 若依引入swiper / VUE引入swiper
现有需求要求实现竖直方向的同时显示3个item的轮播效果,若依VUE(前后端分离)版本使用的是Element UI,框架中的carousel组件只能实现简单的轮播效果,并且不够灵活,所以我们引入swiper。1、安装swiper依赖npm install swiper --save安装成功后可以发现在page.json中找到swiper及其版本:我安装的版本号为5.4.5。2、在main.js中引入样式import 'swiper/css/swiper.min.css';3、在需要swip
2021-06-17 11:31:24 1625 3
原创 CSS3实现文字横向滚动
上效果图:上代码:<div id="tips" :style="'--textWidth--:'+ msg.length+'em'"> <span class="span1">{{msg}}</span> <span class="span2">{{msg}}</span></div>#tips{ background: #FFEEAA; width: 100%; line-height: 40px; heigh
2021-06-09 14:17:56 1493
转载 vue keep-alive配合swiper的问题(转载)
转载于https://www.cnblogs.com/cscredis/p/9703286.html 问题描述,首页优化使用keep-alive之后,从别的页面跳回来,swiper轮播不播放,查了好久资料,有的说要重新调用swiper的init方法进行初始化,等等,最终都没能解决问题,最终通过查看文档得知keep-alive缓存组件的是created钩子会创建一个cache对象,用来作为缓存容器,保存vnode节点。destroyed钩子则在组件被销毁的时候清除cache缓存中的所有组件实例。 由此
2021-06-09 11:36:45 386
原创 uni-app带滑动条的导航栏
先放实现效果:结构:<scroll-view scroll-x class="nav-tab-wrap" :throttle="false" @scroll="scrollEvent"> <view class="nav-tab"> <block v-for="(item,index) in tabList"> <view class="nav-tab-item" :class="{'active':currentIndex==index}" @ta
2021-03-16 11:12:24 1707 1
原创 CSS——CSS变量
一、定义/*定义*/scope{ --variable:value;}/*使用*/selector{ --attribute:var(--variable);}二、作用域:root{}来定义全局css变量css选择器{}来定义局部css变量三、举例/*定义*/:root{ --maincolor: #F67600; /* 主题色 */}/*使用*/.bg-orange{ background: var(--maincolor);}...
2021-02-27 09:15:34 359
原创 CSS3动画——全屏广告“跳过”按钮样式
先放个效果图:上代码:<div id="timer"> <div class="timer-text">跳过</div> <div class="timer-round"> <div class="left wrap"> <div class="left-radius radius"></div> </div> <div class="right wrap"> <
2021-02-27 08:31:42 546
原创 H5图像映射——area标签
<area> 标签定义是图像映射中的区域,即带有可点击区域的图像。一、定义1、<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系(注:由于浏览器兼容不同,usemap 属性也可关联 id 属性,所以我们需要同时向 <map> 添加 id 和 name两个属性)。2、area 元素嵌套在 <map>标签中。举例:将长宽都为300px的灰色图片中两个色块儿做成映射区域。<img src="./
2021-02-26 11:14:09 1039
转载 css 实现现直播聊天区域顶部渐变效果(转载)
转载于https://blog.csdn.net/weixin_43974907/article/details/105073061 关键词:顶部渐变/渐隐,-webkit-mask-image 简介:首先,关于这个文章的标题做一下说明,目的是要实现这个效果,但是在类web的应用领域专业术语叫【蒙版效果】,或者遮罩效果(了解css3的孩儿们提到“蒙版”是不是很简单了),至于为什么叫聊天区域顶部渐
2020-12-11 11:10:11 801
原创 js基础知识——输出
总结一下常用的输出方式。1、使用 console.log() 写入控制台console.log("这是一条在控制台输出的信息");console.error("这是一条在控制台输出的错误");console.warn("这是一条在控制台输出的提示");console.clear(); //清空控制台控制台输出清空控制台2、使用 window.alert() 写入警告框// window可省略不写,例:alert("这是一个警告框");window.alert("这是一个警告框");
2020-07-15 14:44:14 320
原创 js基础知识——DOM基本操作
在DOM中,每个部分都是节点:文档本身是文档节点,所有HTML元素是元素节点 ,所有HTML 属性是属性节点,HTML 元素内的文本是文本节点 (包括回车符也是属于文本节点), 注释是注释节点,元素也可以拥有属性,属性是属性节点。
2020-07-15 14:43:22 358
转载 mac 安装WebStorm及卸载(转载)
1. 安装 下载地址:http://www.jetbrains.com/webstorm/ 验证码地址:http://idea.lanyus.com/ 例如下载WebStorm-2018.3.5.dmg, 双击之后就进入安装流程了。2. 修改系统的日期时间 打开系统的偏好设置-日期与时间,输...
2020-07-15 10:04:02 1642
转载 uni-app跨域解决方案(踩坑)(转载)
转载于 https://blog.csdn.net/paopao79085/article/details/91948809 学习uni-app过程中,使用chrome 调试时,出现跨域问题,...
2020-05-04 10:54:27 2089
原创 js正则练习以及常用正则
练习取出"width:63px;"的数字var str="width:63px;";//第一种方式var num=str.replace(/width:(\d*)px/,'$1');console.log(num); //63//第二种方式var num=str.replace(/[^\d]/g,'');console.log(num); //63//第三种方式var nu...
2019-12-05 14:41:54 256
转载 js验证身份证号
转载于https://blog.csdn.net/max_zhanglei/article/details/16869733function isIdCardNo(num) { num = num.toUpperCase(); //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。 i...
2019-12-05 11:20:13 187
转载 js正则分组
本文转载于https://www.cnblogs.com/Vibge/p/9831953.html正则表达式分组正则表达式分组:通俗的就是正则表达式中()包起来的内容表示一个分组。例如:var reg = /^(\d{2})$/;var asd = reg.test('12');console.log(asd); //true1、利用正则表达式优雅的表达重复的字符串var re...
2019-11-30 15:02:18 853
原创 javascript正则知识(二)
正则表达式用的不是特别多,好多知识就总是忘,所以就总结一下。创建一个正则有两种:var reg=new RegExp("^a", "ig");var reg=/^a/ig; //全局查找不区分大小写的以字母a开头的字符串 正则表达式以/ 为限定符,修饰符有i(不区分大小写),g(全局匹配),m(多行匹配)。一、正则的属性(1)lastIndex:上一次匹配文本之后的第一个字符的位...
2019-11-27 15:15:34 293
原创 javascript正则知识(一)
正则表达式以/ 为限定符,修饰符有i(不区分大小写),g(全局匹配),m(多行匹配),如:var str=/^a/ig; //全局查找不区分大小写的以a开头的字符串一、元字符元字符含义.除换行的任意单个字符^开头位置$结尾位置*0次以上?0次或1次+1次以上|或者二、转义字符转义字符含义转义字符...
2019-11-27 15:12:00 200
原创 单行及多行文本超出出现省略号
1、单行超出.text-overflow{ width:300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}2、多行超出.more-overflow{ display:-webkit-box; overflow: hidden; text-overflow: ellipsis; ...
2019-11-08 13:54:19 576
原创 uni-app、微信小程序基础布局CSS
这是我自己比较常用的,写到全局样式中,用到的时候直接调用就可以了。后续遇到还会更新。page { background-color: #f5f5f5; font-size: 28upx; color: #333333; font-family: Helvetica Neue, Helvetica, sans-serif;}/* ---布局CSS--- */.flex{ disp...
2019-11-08 10:30:16 2062
原创 微信小程序的路由与页面栈
路由就是根据不同的URL显示不同的内容或者页面,也就是跳转页面。一、切换路由 页面大体分为两种,一种是tabbar页面,一种是非tabbar页面。tabbar页面就是在 app.json 的 tabBar 字段定义的页面,每个页面底部会有tabbar,其余都为非tabbar页面。tabbar 示例: **美团底部tabbar ** 小程序切换路由的方式有:(1)wx.swit...
2019-10-29 16:48:37 1280
原创 常用封装小方法
1、深拷贝function deepcopy(obj){ var newobj = {}; for(arr in obj){ if (typeof obj[arr]==='object' && obj[arr] !== null) { newobj[arr] = deepcopy(obj[arr]); //递归,核心代码 ...
2019-10-24 16:04:45 244
原创 uni-app原生子窗体(app端)
在uni-app中video是原生组件,层级最高,全屏后普通前端组件无法覆盖,如果想要在视频自行绘制界面: 1、app端vue页面可以用 cover-view、cover-image ,但是cover-view、cover-image中不支持嵌套其它组件,包括再次嵌套cover-view; 2、app端 2.1.5 以上nvue页面的video也可以通过cover-view来绘制界面覆...
2019-10-24 14:38:38 7992 2
转载 JS如何截取完整带表情的字符串
导语: 若字符串中出现一些特殊字符,我们该如何截取才能不出现乱码的现象呢? 转载:https://www.xiabingbao.com/post/truncated/js-string-truncated.html 在以QQ和微信作为第三方登录的系统中,用户的昵称里经常会有表情等字符,比如这样的:非...
2019-10-21 09:44:38 714
原创 微信小程序canvas单元格内容(文字)
前几天用canvas画了一个表格,这个方法是每个表格里面内容的画法。function writecon(text, maxWidth, fontSize, color, left, top) { var that = this; var centerPosition = left + maxWidth/2; ctx.beginPath(); ctx.setFill...
2019-08-03 10:08:09 614
转载 微信小程序的单选/复选按钮样式
转载原博地址:https://blog.csdn.net/abs1004/article/details/78922596 原理:直接覆盖微信小程序定义的 单选/复选按钮样式,从根本上实现样式自定义;本文采用的方法不需要隐藏原来的按钮,也不需要在按钮上附加样式表。 场景:商城购物车 复选框 效果:仿天猫购物车的UI 使用:如果单独页面单独样式,就写到对应...
2019-08-02 14:10:22 2250
原创 微信小程序基础库
对于一些新功能,基础库版本低的可能会不支持,所以需要去检查基础库的版本做一些兼容。1、查看基础库版本wx.getSystemInfo({ success: function(res) { var version = res.SDKVersion; console.log(version); //如果要做版本比较 version = version.repla...
2019-08-02 11:46:32 3764
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人