- 博客(26)
- 收藏
- 关注
RSS订阅
原创 基于uniapp写的标签页
最近自己写了一个标签页的组件<template> <view class="fu-page" :style="{ position: sticky ? 'sticky' : 'initial', top: top + 'px', 'z-index': zIndex }"> <scroll-view class="fu-tab" scroll-x :scroll-left="moveX" :scroll-with-animation="animation" :sty
2021-03-24 11:25:42
1799
1
原创 uniapp日历组件
uniapp日历组件自己写的日历组件，欢迎指正<template> <view class="fu-calendar-wrap"> <!-- 日历选择 start --> <view class="fu-calendar-data fu-flex fu-justify-center fu-align-center fu-margin fu-height-72" v-if="changeTitle"> <block v-
2021-03-24 11:17:41
4576
2
原创 vant-weapp构建
1、必须放在整个项目下面 也就是和app.json平级2、再按照一下步骤构建3、npm init4、npm install --production5、npm i @vant/weapp -S --production6、小程序端本地设置勾选使用npm模块7、工具里面选择构建npm8、引入"usingComponents": { "van-icon": "@vant/weapp/icon/index" },...
2020-07-08 18:37:21
288
原创 关闭页面console.log
通常在产品上线时需要关闭一些打印，但是一个个页面去关闭太麻烦可以使用这种方法，经过测试，小程序，vue都能使用。let isDebug = false;console.log = (function (oriLogFunc) { return function () { if (isDebug) { oriLogFunc.apply(this, arguments); } } })(console.log);小程序放在app.js就可以了....
2020-07-07 14:14:35
453
原创 小程序画布
需要用canvas画图，导出图片，然后整了半天，才画出来，遇到了特么坑的是，官方给的demo都是报错的，文档上的示例代码不能用，这是官方的示例<canvas type="2d" id="myCanvas"></canvas>这是真正使用的<canvas canvas-id="myCanvas" style="width:375px;height:667px;margin:0 auto;"></canvas>官方并没有说明，而且给的示例用的都是id
2020-07-04 14:51:17
429
原创 关于小程序写到/ufeff问题
后台解析图片路径时发现了一个问题，图片解析不出来，看返回值以及链接都是正常的，但是图片就是解析失败，通过在页面输出图片链接发现问题链接前面有，经过前后台联调打印数据发现是在小程序上传wx.uploadFile返回时返回的，其实就是返回的链接前面的小红点，放上去会显示/ufeff，这个东西在页面解析后就成了从网上搜了下，如果用windows自带的文本编辑器编辑过文件，就会自动添加上BOM头，很难发现 ，找了一段代码，去掉BOM头。let data=res.da
2020-06-24 11:44:14
349
原创 vue中自定义audio
audio在一个页面上可以创建n个audio标签（可以移除和增加），点击时可以触发其中的一个播放，其他暂停，并且不管是暂停还是播放状态都可以点击任意位置进行播放。样式是这样的![](https://img-blog.csdnimg.cn/20200427180045107.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,sh...
2020-04-27 18:26:00
4103
1
原创 element-ui树形控件el-tree自定义
对于element-UI的树形控件的使用，遇到了一个问题，前台可以一直添加子分类，形成了无限极分类，在我鼠标滑过每一级分类时，都会显示添加子分类，效果是这样的在自定义时，我做了一个中间变量去做显示隐藏，发现并没有效果。然后换了css去实现，发现是可以的，但是样式一定不能加scoped，一下是代码： <el-tree :data="dataList" ...
2020-04-22 09:35:56
3633
原创 负margin问题
在个人中心，UI一般会设计这样的样式头像突出来的，当然直接用定位也可以，我这里用的是magin,但是直接用margin设置为负值，父级也会跟着上移，达不到想要的效果，方法是给父级的上边框设置padding或者border就可以了。...
2020-03-31 10:56:15
148
原创 小程序下载文件报错downloadFile:fail downloadFile protocol must be http or https
今天遇到了一个问题，安卓手机上报这个错误downloadFile:fail downloadFile protocol must be http or https，调试了各种办法一直没有解决，后来发现是因为后台过来的数据有空格，但是又看不出来，最后用trim()去了空格就好了，坑爹啊！！！...
2020-03-02 22:54:05
5025
1
原创 微信小程序循环问题
今天遇到一个特奇葩的问题，一个选择题，在选择选项的时候，只有选择B选项的时候，才会加上类名，而选择其他选项的时候，则加不上类名，代码如下是不是看着也没什么毛病，但是反复测试发现，是因为循环的问题，因为wx:key="index’的原因，导致程序出了问题，正确的写法是这样的...
2020-02-10 13:03:05
317
原创 微信小程序console.dir is no function
关于微信小程序console.dir报错的问题，是由于引用wxParse插件引起的，只需要把wxParse文件下的html2json.js文件里面的console.dir注释或改为console.log即可。另外，这个问题是我在小程序上线一段时间后，用户反馈页面信息展示不正常的情况下，开始查找的原因的，由于只有个别用户出现，排查得知，在ios11以下版本才会出现这种问题。...
2019-10-30 12:08:28
639
转载 css常用
/* 解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移 */.box{ display: inline-block; overflow: hidden; vertical-align: bottom;}/* 超出部分显示省略号 *//* 单行 */.box{ overflow: hidden; text-overflow: elli...
2019-10-28 16:41:08
101
原创 本地存储封装
平常写东西的时候，需要本地储存时调用localStorage，但是却会有一个问题，就是在存储对象时，需要用JSON.parse()，JSON.stringify()来回转，比较麻烦，鉴于此，封装了一下，有错误的话，欢迎指正！//设置本地存储function setStorage(name,info){ if(!name){ return; } if(typeof info !== '...
2019-10-25 09:54:45
142
原创 vant的picker的坑
<view class="picker" bindtap="goSub"> {{subjectname}} <image class="img" src="../../images/bottom-arrow-pic.png"></image> <!-- 年级筛选 --> <van-popup show="{{ subShow }}" b...
2019-10-24 17:38:50
7934
原创 常用格式转换
常用格式转换函数//去除空格 type 1-所有空格 2-前后空格 3-前空格 4-后空格function trim(value, trim) { switch (trim) { case 1: return value.replace(/\s+/g, ""); case 2: return value.replace(/(^\s*)|(\s*$)/g, ""); c...
2019-10-18 16:34:57
269
原创 微信小程序聊天室
微信小程序聊天与web端的websocket基本一样，不同在于小程序封装了一下，正式上线需要wss，若用ws会链接不上，不要忘记配置socket合法域名，网上好多说不能配置端口号，亲测可以这段代码当做一个js文件调用就可以了function connect(url, func) { wx.connectSocket({ url: url, header:{'content-...
2019-10-16 15:30:34
538
原创 微信小程序聊天室表情
聊天室需要发送表情怎么实现，其实非常简单，只需要这样let emoji =['????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????','????',
2019-10-16 15:18:05
1275
1
原创 小程序直播
若要做小程序直播，首先需要在微信公众平台看一下live-player组件有没有开通使用权限上面是开通的状态，只有开通的情况下才能使用 <live-player id="player" orientation="{{orientation}}" src="{{soninfo.url}}" mode="RTC" autoplay bindstatechange="statechange" ...
2019-10-16 14:56:18
317
原创 阿里云播放器
简单描述阿里云web视频播放，首先引用阿里云的链接<script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script><link rel="stylesheet" href="//g.alicdn.com/de/prismplayer...
2019-10-16 14:36:12
847
2
原创 阿里云视频上传
阿里云视频，初步接触，根据阿里云文本档，我引用的时候，大致步骤是这样的，有什么问题请大家指正。首先，引用阿里云视频文件，这个文件可以在阿里云官方文档找到并且在main.js里面添加上处理兼容问题的代码 data赋值变量<script src="/static/lib/aliyun-upload-sdk/lib/es6-promise.min.js"></script>...
2019-10-16 14:19:15
856
原创 日历
之前在开发小程序时，遇到日历问题，网上大多数都是有样式，格式，对于我的项目都不适用，所以自己写了一个日历，但是我只提供一下生成日历的数组，至于日历的样式，大家可以根据需求自由编写 //获取当前时间函数 function currentime() { var date = new Date(); var y = Number(date.getFullYear()); va...
2019-10-16 11:46:29
216
原创 样式渲染优先级
#passage{color: yellow; }span{color: green;display: block;display: inline;}[data-color=red]{color: red;}<span id="passage" data-color="red" style="color:blue;">颜色</span>这段代码的意思是：当内联...
2019-10-16 11:34:09
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人