- 博客(43)
- 收藏
- 关注
RSS订阅原创 uniapp分享位置到微信
从app分享位置到微信，打开微信可以实现导航的功能，利用微信网页开发可以实现在微信内部用网页打开腾讯内置地图，进而实现导航的功能。思路：uniapp分享链接到微信，链接中带有经纬度和位置名称，在微信中打开链接，通过参数打开微信内置地图。...
2022-08-04 13:45:49
1437
原创 pandoc 使用方法
typora mac 版本发现在下载 pandoc完成后导出word时出现闪退情况，导致不能成功导出，然后就搜索到pandoc的命令行方法，以此记录下来。
2022-04-19 11:07:51
19795
原创 uniapp带参数跳转解析
uni-app在跳转页面时，如果参数过长会传参失败，可以使用encodeURIComponent先编码，然后再将编码后的参数传过去。
2021-12-04 15:50:24
2378
转载 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
2946
原创 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
3852
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
1617
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
1490
转载 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
383
原创 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
1700
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
358
原创 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
544
原创 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
1033
转载 css 实现现直播聊天区域顶部渐变效果（转载）
转载于https://blog.csdn.net/weixin_43974907/article/details/105073061 关键词：顶部渐变/渐隐，-webkit-mask-image 简介：首先，关于这个文章的标题做一下说明，目的是要实现这个效果，但是在类web的应用领域专业术语叫【蒙版效果】，或者遮罩效果（了解css3的孩儿们提到“蒙版”是不是很简单了），至于为什么叫聊天区域顶部渐
2020-12-11 11:10:11
799
原创 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
317
原创 js基础知识——DOM基本操作
在DOM中，每个部分都是节点：文档本身是文档节点，所有HTML元素是元素节点 ，所有HTML 属性是属性节点，HTML 元素内的文本是文本节点 （包括回车符也是属于文本节点）， 注释是注释节点，元素也可以拥有属性，属性是属性节点。
2020-07-15 14:43:22
352
转载 mac 安装WebStorm及卸载（转载）
1. 安装 下载地址：http://www.jetbrains.com/webstorm/ 验证码地址：http://idea.lanyus.com/ 例如下载WebStorm-2018.3.5.dmg, 双击之后就进入安装流程了。2. 修改系统的日期时间 打开系统的偏好设置-日期与时间，输...
2020-07-15 10:04:02
1633
转载 uni-app跨域解决方案（踩坑）（转载）
转载于 https://blog.csdn.net/paopao79085/article/details/91948809 学习uni-app过程中，使用chrome 调试时，出现跨域问题，...
2020-05-04 10:54:27
2085
原创 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
254
转载 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
186
转载 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
847
原创 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
198
原创 单行及多行文本超出出现省略号
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
573
原创 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
2060
原创 微信小程序的路由与页面栈
路由就是根据不同的URL显示不同的内容或者页面，也就是跳转页面。一、切换路由 页面大体分为两种，一种是tabbar页面，一种是非tabbar页面。tabbar页面就是在 app.json 的 tabBar 字段定义的页面，每个页面底部会有tabbar，其余都为非tabbar页面。tabbar 示例： **美团底部tabbar ** 小程序切换路由的方式有：（1）wx.swit...
2019-10-29 16:48:37
1275
原创 常用封装小方法
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
243
原创 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
7980
2
转载 JS如何截取完整带表情的字符串
导语： 若字符串中出现一些特殊字符，我们该如何截取才能不出现乱码的现象呢？ 转载：https://www.xiabingbao.com/post/truncated/js-string-truncated.html 在以QQ和微信作为第三方登录的系统中，用户的昵称里经常会有表情等字符，比如这样的：非...
2019-10-21 09:44:38
708
原创 微信小程序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
613
转载 微信小程序的单选/复选按钮样式
转载原博地址：https://blog.csdn.net/abs1004/article/details/78922596 原理：直接覆盖微信小程序定义的 单选/复选按钮样式，从根本上实现样式自定义；本文采用的方法不需要隐藏原来的按钮，也不需要在按钮上附加样式表。 场景：商城购物车 复选框 效果：仿天猫购物车的UI 使用：如果单独页面单独样式，就写到对应...
2019-08-02 14:10:22
2248
原创 微信小程序基础库
对于一些新功能，基础库版本低的可能会不支持，所以需要去检查基础库的版本做一些兼容。1、查看基础库版本wx.getSystemInfo({ success: function(res) { var version = res.SDKVersion; console.log(version); //如果要做版本比较 version = version.repla...
2019-08-02 11:46:32
3752
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人