![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
wuwuFQ
明月几时有?把酒问青天。不知天上宫阙,今夕是何年。我欲乘风归去,又恐琼楼玉宇,高处不胜寒。起舞弄清影,何似在人间?
转朱阁,低绮户,照无眠。不应有恨,何事长向别时圆?人有悲欢离合,月有阴晴圆缺,此事古难全。但愿人长久,千里共婵娟。
展开
-
微信小程序:css:安全区和状态栏的计算和适配
底部安全区:.aa { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }电池栏(状态栏):padding-top: var(--status-bar-height);css里面数值的计算:padding-top: calc(var(--status-bar-height) + 20px);width原创 2022-01-20 16:41:42 · 2047 阅读 · 0 评论 -
uni-app: Vue: image做背景 z-index用法
闲话不说!需求:用一张图片做背景,文字在图片上方。template <view class="item-cell" @click="clickItemCell" id="1"> <image class="item-bgImg" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.alicdn.com%2Fbao%2Fuploaded%2Fi3%2F1121187960%2FO1CN01XH.原创 2022-01-13 14:20:36 · 1026 阅读 · 0 评论 -
uni-app:Vue:shadow阴影
盒子阴影box-shadow:5px 5px 10px 10px gray;前两个值分别表示阴影水平方向和垂直方向的偏移量(必需的)。第三个值表示模糊距离,第四个是阴影的大小,最后一个值是阴影颜色,都是可选的。创建内部阴影:box-shadow:5px 5px 10px gray inset;...原创 2022-01-12 16:38:30 · 2937 阅读 · 0 评论 -
微信小程序:boundingClientRect获取节点Frame再布局
有些布局需要等待某些布局完成后再布局...wxml某个view视图需要知道"week_top_view"视图的大小再布局 <view class="week_top_view"> ... </view>js'.week_top_view'就是你要查询的节点view的class // 获取view宽度 getWeekViewWidth() { var that = this; //创建查询器 var query = wx.creat.原创 2021-09-13 17:09:05 · 499 阅读 · 0 评论 -
微信小程序:兼容iPhone X系列,适配安全区
wxml<view class="safeBottom"></view>wxss.safeBottom { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}原创 2021-09-13 16:57:44 · 364 阅读 · 0 评论 -
微信小程序:CSS选择器
原创 2021-08-27 08:54:20 · 993 阅读 · 0 评论 -
微信小程序:npm更新版本(Vant Weapp为例)
Vant Weapp 轻量、可靠的小程序 UI 组件库首先你已经使用了npm构建项目打开终端,可以在 微信开发者工具 内直接使用输入 npm list 命令查询现在系统安装的版本,如下图所示:输入 npm view vant-weapp versions 命令查询服务器现在有的vant-weapp的版本,如下图所示:(其实我也没看懂啥意思)输入 npm uninstall vant-weapp 移除现在系统安装的vant-weapp的版本再输入 npm i @vant/weapp@1.0.0原创 2021-08-19 16:13:20 · 2876 阅读 · 0 评论 -
微信小程序:border属性
borderborder:5px solid red;//可以设置的属性分别(按顺序):border-width, border-style,和border-color。//如果上述值缺少一个没有关系,例如border:#FF0000;是允许的。也可以单独设置四个边:border-top,border-bottom,border-left,border-rightborder-widthborder-width:thin medium thick 10px;上边框是细边框右边框是中.原创 2021-07-28 13:55:59 · 8148 阅读 · 0 评论 -
微信小程序:util.js函数集锦
wxml使用函数的方法创建tools.wxs文件声明函数和函数实现,完全和util.js一样在wxml引用<wxs src="../../utils/tools.wxs" module="tools" />使用eg:<view class="amount">行程消费:¥{{tools.numberToFix(item.amount, 2)}}</view>module.exports = { formatDate: formatDate, forma原创 2021-07-22 22:52:50 · 1097 阅读 · 0 评论 -
微信小程序:观察者模式--notify广播通知
微信小程序和移动端不一样是没有观察者模式的,但可以按照观察者模式的原理做一个模拟类。WxNotificationCenter.jsconst wx_modifyCarInfo = 'wx_modifyCarInfo'const wx_modifyPeopleInfo = 'wx_modifyPeopleInfo'// 存放var __notices = [];var isDebug = true;/** * addNotification * 注册通知对象方法 * * 参数.原创 2021-07-22 22:22:58 · 365 阅读 · 0 评论 -
微信小程序:margin padding position 属性
margin外边距margin:10px 5px 15px 20px上边距是 10px右边距是 5px下边距是 15px左边距是 20pxmargin:10px 5px 15px;上边距是 10px右边距和左边距是 5px下边距是 15pxmargin:10px 5px;上边距和下边距是 10px右边距和左边距是 5pxmargin:10px;所有四个边距都是 10px注意: 负值是允许的。padding外边距同margin一样使用原创 2021-07-22 09:32:34 · 1183 阅读 · 0 评论 -
微信小程序:函数回调
小程序本着即用即走的便利业务逻辑,应该会很少有复杂的逻辑处理,但,也不能避免。eg:????在app.js里 定义checkUser(callBack)函数checkUser(callBack) { wx.showLoading({ title: '加载中...', }) //去数据库请求数据 wx.cloud.callFunction({ name: 'user_info', data: { }, success:原创 2021-07-21 17:17:35 · 1142 阅读 · 0 评论 -
微信小程序:身份证号码+手机号校验
在 util.js 文件function isPhone(value) { if (!/^1(3|4|5|7|8)d{9}$/.test(value)) { return false } else { return true }}//身份证号不严格校验function isCard(value) { var idCardReg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])原创 2021-06-21 17:35:27 · 1890 阅读 · 0 评论 -
微信小程序:云开发初体验
前言:为什么选择了小程序云开发?我是做移动端开发的,几年前因为H5大火,吵吵着要顶替原生APP,所以对前端很感兴趣,但是对h5、css、js大量的标签、布局和框架,很是厌烦,后来接触到微信小程序,一堆的view就可以看到我的学习成果,对于我这种没耐心又想获得成就感的人来说,最合适不过了。学会了小程序开发,那么数据从哪里来呢???后台数据库!!!是的,我为了学习小程序,又去学习了Java后台接口的编写,成功购买并搭建了云服务器,写出了专属于自己的数据的小程序。但是后来,自己还得整Java的接口,还得.原创 2021-06-21 16:38:04 · 402 阅读 · 0 评论 -
微信小程序:util的使用
封装函数/** * 时间戳转化为年 月 日 时 分 秒 * number: 传入时间戳 毫秒 * format:返回格式自定义,但参数必须与formateArr里保持一致 (Y年M月D日 h:m:s) (Y-M-D h:m:s)*/function formatTimeDate(number, format) { var formateArr = ['Y', 'M', 'D', 'h', 'm', 's']; var returnArr = []; var date = new原创 2021-03-08 15:21:18 · 3046 阅读 · 1 评论 -
微信小程序:Array数组的操作
Array 对象方法 方法 描述 concat() 连接两个或更多的数组,并返回结果。 copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。 entries() 返回数组的可迭代对象。 every() 检测数值元素的每个元素是否都符合条件。 fill() 使用一个固定值来填充数组。 filter()原创 2019-11-08 16:08:29 · 7512 阅读 · 0 评论 -
微信小程序 setStorage:fail Error:
使用 wx.setStorage 方法,异步缓存用户ID,之前一直好好的,现如今发现竟然不是success的,而是走的fail方法,打印报错如下:{errMsg: "setStorage:fail Error: Failed To Send Sync"}errMsg: "setStorage:fail Error: Failed To Send Sync"__proto__: Object百...原创 2019-09-27 17:24:16 · 1900 阅读 · 0 评论 -
微信小程序:属性display详细解析
display:block小程序的3个视图容器(view,srcoll-view,swiper)默认值均为display:blockblock表示[块内]容器模式,总是使用新行开始显示display:flexflex-direction属性,有下面4个可选值,默认为rowrow:水平排列 (默认)row-reverse:水平翻转排列column:竖直排列column-rev...原创 2019-09-27 09:46:43 · 11785 阅读 · 4 评论