![](https://img-blog.csdnimg.cn/20200111223854763.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序
文章平均质量分 60
分享实用的小程序开发干货
黄河爱浪
一个热爱分享又普通的web前端开发者,uView UI框架开发组成员。
展开
-
iphoneX的safari浏览器操作栏隐藏时兼容底部Home键
iphoneX系列手机底部都有一个home键(横杠),safari浏览器会在页面滚动时隐藏底部的操作栏,许多应用都有在底部放置导航栏的需求。网上的帖子一般都是通过给底部导航栏元素添加内补34像素来处理,问题能够解决,但是safari浏览器在没有隐藏操作栏时又有影响美观。...原创 2019-08-11 21:11:00 · 4485 阅读 · 0 评论 -
小程序和uni-app 通用的表格样式库
表格在小程序 / uni-app中都是没有默认组件的。虽然表格并不是移动端设计的推荐布局,但是有些数据表格使用表格会拥有更好的阅读性。本篇文档分享一下自己写的表格样式源码一、源码下载源码下载地址:https://ext.dcloud.net.cn/plugin?id=3713在线预览:https://mydarling.gitee.io/uniapp-extend/#/pages/template/table源码gitee仓库:https://gitee.com/myDarling/...原创 2020-12-22 10:15:38 · 9405 阅读 · 0 评论 -
小程序 底部导航栏(tabBar)图标的正确做法
许多人都认为小程序系统的底部导航栏特别不好看,为了美观而选择自定义,从此身陷漩涡无法自拔。其实真正的原因是图标的图片处理不当(说白了就是前端和设计太菜了),导致会有线条变粗,间距不当的视觉感受。除小程序外 uni-app框架开发的 app也可参照本篇文章中的方法进行调整小程序中自定义底部导航是非常不明确的选择,小编有发布过一篇《说一说要求 小程序自定义导航栏 的产品有多沙雕》,文章地址:https://blog.csdn.net/u013350495/article/details/105645..原创 2020-05-13 21:42:58 · 25934 阅读 · 2 评论 -
微信小程序 自定义tabBar(底部导航栏)
微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。在写本文章之前,发布过一篇 《说一说要求 小程序自定义导航栏 的产品有多沙雕》文章地址:https://blog.csdn.net/u013350495/article/details/105645427在文章中说明了自定义导航栏的诸多弊端,小编是坚决抵制自定义小程序导航栏的。但由于一...原创 2020-04-26 10:43:01 · 13492 阅读 · 3 评论 -
说一说要求 小程序自定义导航栏 的需求有多沙雕
小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在 超级App内被便捷地获取和传播,同时具有出色的使用体验。在程序项目中自定义导航栏绝对算得上是最恶心的需求之一。本篇文章公开 diss一下产品们的沙雕行为。可能会引起产品们的唾沫攻击,但我还是要发,不服顺着网线来打我。小程序有顶部导航栏(navigationBar)和底部导航栏(tabBar)。#...原创 2020-04-21 09:29:42 · 4850 阅读 · 10 评论 -
uni-app 开发小程序的优势(实践分享)
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。本篇文章总结一下使用 uni-app开发小程序的优点:开发工具,uni-app 有HbuilderX开发工具,代码书写的舒适度远高于 小程序厂家 自己的开发工具。 开发工具集成了 sass ...原创 2020-03-05 19:04:54 · 2655 阅读 · 0 评论 -
小程序 多张图片上传(源码分享+实现分析)
本篇文章以小程序中的代表【微信小程序】为例,分享一下在微信小程序中实现多图上传的源码实现。PS:其它小程序 和 uni-app也可通用该思路实现。代码片段(可导入微信WEB开发者工具体验):https://developers.weixin.qq.com/s/DHrt69mk7af3本篇文章后面会对这两种方式的利弊分析说明,让大家更好的选择使用合适的实现方式。JS源码:...原创 2020-02-15 13:08:54 · 3865 阅读 · 0 评论 -
小程序 拖动滑块验证(自定义组件 插件分享)
效果图:文章目录:#1创建组件#2组件编码MoveVerify.wxssMoveVerify.wxmlMoveVerify.js#3页面引用在页面的 json文件中引用组件在页面的 wxml文件中使用组件在页面的 js文件中接收验证回调#1创建组件在小程序项目根目录创建目录components,再在components目录中创...原创 2019-07-14 22:02:39 · 4258 阅读 · 4 评论 -
小程序 setData 动态 key 的写法
setData 是小程序开发中使用最频繁的接口,也是最容易引发性能问题的接口。本篇文章主要说一说 setData的正确使用 和 动态 key的使用。目录Page.prototype.setData(Object data, Function callback)#1 什么时候应该使用 setData函数?#2常用的 setData函数使用方法(1)修改数组的指定...原创 2019-07-09 22:14:17 · 3195 阅读 · 4 评论 -
小程序 flex 布局框架(源码分享)
源码摘自小编的原创文章《小程序全局样式(app.wxss 源码分享)》,文章链接:https://blog.csdn.net/u013350495/article/details/93141910在线示例:http://www.jq22.com/jquery-info19340/* 列式弹性盒子 */.flex_col { display: flex; flex-direct...原创 2019-06-26 23:49:39 · 512 阅读 · 0 评论 -
小程序 底部按钮兼容 iPhone X(解决底部横杠遮挡问题)
解决方式:底部增加 34px 的高度,使元素不被横杠遮挡。效果图:常规效果 iPhone X 效果 源码:index.wxml<view class="intro"> <view>小程序 iPhone X 底部按钮兼容示例</view> <view>helang.lov...原创 2019-07-01 16:43:38 · 10047 阅读 · 0 评论 -
小程序全局配置(app.json 源码分享)
配置清单: pages:页面路径列表 window:全局的默认窗口表现 tabBar:底部 tab 栏 networkTimeout:网络超时时间 permission:小程序接口权限相关设置 app.json{ "pages": [ "pages/index/index" ], "window": {...原创 2019-06-21 01:24:35 · 1059 阅读 · 0 评论 -
小程序公共方法封装(app.js 源码分享)
封装一个好的功能集(全局方法库),能更好的保证代码的一致性和工作的高效。下面是小编经过几次小程序项目经验累计的原创功能集,能满足大部分功能需求。有其它需求望开发者们自行添加和修改小编还有话说:request请求方法未使用 ES6中的Promise。大部分情况下都可以不使用Promise,毕竟真正的多次回调的情况还是少数的。有需求的可自行通过增加Promise来解决。 getE...原创 2019-06-21 01:07:12 · 7383 阅读 · 3 评论 -
小程序全局样式(app.wxss 源码分享)
小程序拥有丰富的组件,当下专为小程序设计的UI框架也不多。小编个人觉得做小程序,UI框架用和不用没什么区别,使用好官方的组件足够了。但拥有一款优秀的全局样式表,助你绕坑和提升效率岂不美哉?源码是小编个人原创,弹性盒子布局是集项目中使用率最高的布局场景之一,好好利用能使您布局的效率大大提高。布局盒子在线演示地址:http://www.jq22.com/jquery-info19340,更多信...原创 2019-06-20 23:42:13 · 3728 阅读 · 2 评论 -
小程序自定义弹窗(有显示动画的)
小程序类似与Vue.js,Angular.js这样的模板引擎,这类MVVM的数据驱动框架能快速的开发项目,但是在做小程序时必会遇到的一个问题就是弹窗非常生硬,没有过渡动画。下面的源码未例一个有动画的小程序弹窗代码片段链接:wechatide://minicode/OGY2jlmH7f3z页面结构:index.wxml<view class='shade' hidden='{{p...原创 2018-10-22 15:28:25 · 8102 阅读 · 1 评论