![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序篇
画不完的饼
只要肯努力,最坏的结果不过是大器晚成!
展开
-
条形码与二维码的生成
条形码与二维码的生成这是三个js文件库,使用的时候只需要将三个文件放到一个目录下,到需要生成二维码或者条形码的地方,直接引入index.js即可,如下:html注释:因为生成是用canvas生成的,所以用到哪个,在页面添加生成标签即可。样式自己设计/ <canvas canvas-id="barcode" class='barcode' /> <ca...原创 2020-03-26 14:38:17 · 473 阅读 · 0 评论 -
小程序底部tabbar加数字标
小程序底部tabbar悬浮数字标功能实现效果如下:大家都知道小程序的底部,是通过APP,JSON进行配置的,如果想要在下面的tabbar上面做手脚的话,网上搜索是找不到方法的,好多小白见到这种需求都感觉无从下手,如果你也遇到这种问题,那就好好研究一下API吧,话不多说,上代码://这里我们只介绍我们用到的方法wx.setTabBarBadge({//这个方法的意思是,为小程序某一项的t...原创 2019-03-04 10:43:14 · 12266 阅读 · 13 评论 -
小程序菜单左右联动效果
小程序菜单左右联动小程序菜单左右联动,一个看起来很有趣并用途普遍的功能,没做这个功能之前,我翻阅了好多的网上文章,但是实现起来却都多少有些复杂(主要是不懂啥意思),直到遇到高人指点,用简单的逻辑,实现了这个功能,下面就是见证奇迹的时刻:每个人的需求肯定是不一样的,理解为主。wxml需要做的:1.首先要在右侧菜单的上面插入scroll-into-view 这个属性,这个属性官方做出了解释。...原创 2019-02-19 22:37:41 · 5707 阅读 · 2 评论 -
微信小程序内部扫码开发
小程序内部扫码功能小程序里面做扫码功能,这个功能用到比较多的,应该是餐饮行业,据说牛逼的程序员都喜欢直接上代码:注意事项:1.小程序内部的扫码,一般都是携带着参数或者链接的二维码 wx.scanCode({ //这是微信提供的调取扫一扫功能的方法,api依旧简单的让人绝望 success: (res) => { //扫码成功 var ...原创 2020-03-04 19:07:55 · 2289 阅读 · 0 评论 -
微信扫码进入小程序取参
小程序扫码小程序扫码功能,官方只给了简单的介绍,和方法,这让很多像我一样的菜鸟,刚接触这样的功能时,完全无从下手,本章,我会详细的介绍一下,小程序扫码功能的实现。注意事项:1.小程序扫码功能,用处普遍,只有发布了正式版本,才可以测试,虽说微信的开发工具提供了模拟扫码的入口,但是开发测试和上线以后,这两个参数的获取还是存在差异的,下面我就讲讲,我是如何趟过这个坑的,并会把我正式上线的扫码功能代...原创 2019-02-18 15:46:47 · 7567 阅读 · 6 评论 -
小程序登录获取用户信息及授权手机号方法
小程序登录本篇记录讲解小程序登录手机号授权小结本篇记录讲解小程序登录,是现在小程序里面很普遍的一个功能,因为官方提供的方法,可以一键获取到用户信息,一键拿到手机号,本篇主要记录,本人开发小程序时,做登录过程中遇到的问题及解决方法)。小程序登录wxml:wxml注意事项:1.小程序的登录和获取用户信息是两部分!2.登录方法我写在app.js的onshow里面,因为可以保证小程序每次登录...原创 2019-02-18 13:42:17 · 38101 阅读 · 38 评论 -
小程序长按图片保存功能
wxml部分 <image style='display:block' src="{{shareIn.shareImg}}" mode="widthFix" class='siteimg' bindlongtap="showBigImg" data-src="{{shareIn.shareImg}}" data-url='{{shareIn.shareImg}}' bindtap=...原创 2019-02-27 19:00:13 · 5152 阅读 · 0 评论 -
小程序数据绑定
小程序数据绑定小程序的数据绑定,想必只要是掌握了Vue.js,Angularjs,React.js等数据操作脚本的框架,学习起来并不是很难,并且上手很快。除了了解组件以及标签配置的差异性,其他的对照API,是很快就能创建出属于你的小程序的。页面数据绑定(双花括号)将变量包起来如下:WXML<view>{{ message }}</view>js在头部data里面...原创 2019-02-17 15:31:54 · 1185 阅读 · 0 评论 -
小程序目录结构篇
小程序目录结构小程序的目录结构主要分为以下四种:1.wxml"wxml"是小程序的页面文件,小程序的模板和页面主要标签布局写在当前文件内。2.wxss"wxss"是小程序的样式文件,主要是存放页面样式的文件。3.js文件顾名思义,这想必就不要我过多介绍了,这是小程序的脚本文件。4.json文件想必很多的前端开发者,忽然接触小程序,都感觉很诧异,json?可能跟我当初想的一样这是放...原创 2019-02-17 14:29:42 · 3317 阅读 · 0 评论 -
小程序布局
小程序布局篇小程序布局篇小程序布局标签介绍布局方式小程序布局篇从初始小程序以来,有半年时间了,一直都是摸索着前进,项目已经成型,以后会一点点记录下,做小程序以来趟过得坑,和一些技术的实现。小程序布局标签介绍小程序的标签相对于HTML来说布局相对简单,不在需要div , 主要标签做到了很好的手机端兼容,也是小程序主要的布局需要:快速上手第一眼看到小程序的API,眼花缭乱,根本不知道从何...原创 2019-02-17 12:39:08 · 313 阅读 · 0 评论