#信小

微信小程序基本环境

参考 https://www.zhihu.com/question/50920642 ========================根据小程序开发文档-框架(https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html)部分,可以从微信...
代码星球 ·2020-08-01

微信小程序技术原理分析

来源 https://zhaomenghuan.js.org/blog/wechat-miniprogram-principle-analysis.html 互联网生态演进:超级APP+小程序成为「轻应用时代」下的新生态。一方面微信、支付宝等各家小程序平台遍地开花,另一方面移动开发插件化技术逐渐没落...

微信小程序短文字居中,长文字跑马灯效果

Html代码<!--公告跑马灯--><viewclass="info_box_happy"><viewclass="info_box_happy_txt">{{textN}}</view></view>Css代码.info_box_happy{font-siz...

微信小程序点击返回顶层实现方法

最近在研究微信小程序,被这个返回顶层给坑了一波,下面贴代码wxml代码:<scroll-viewscroll-yscroll-top="50"enable-back-to-top="true"scroll-top="{{scrollTop.scroll_top}}"bindscroll="scrollTopFun...

微信小程序之上传图片(含前后端代码例子)

此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码。index.wxml:<viewclass='content'><viewclass='img-box'><viewclass='img-list'><blockwx:for="{{detailPics...

微信小程序之页面传参

效果图:点击编辑值传过去了,那么编辑支出类型这个界面又是如何获取到值呢?传值代码:type.jseditType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("edit:"+typeId);wx.navigateTo({url:'../...
代码星球 ·2020-07-24

微信小程序之如何定义页面标题

效果图:这个标题是在哪里定义的呢?type.js核心代码如下(通常这段代码放在onLoad函数体内):wx.setNavigationBarTitle({title:"支出类型列表"})除了上面的在js中定义,还有在对应的json文件中定义(type.json),代码如下:{"navigationBarTitleTex...

微信小程序之确认框实现

效果图如下:核心代码如下:delType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("delete:"+typeId)wx.showModal({title:'提示',content:'确认要删除该支出类型?',success:fun...
代码星球 ·2020-07-24

微信小程序之使用checkbox

效果图如下:实例代码如下:type_add.js//pages/detail_add/detail_add.jsPage({/***页面的初始数据*/data:{selectData:"",//下拉列表的数据height:20,focus:false},checkboxChange:function(e){consol...
代码星球 ·2020-07-24

微信小程序之使用wx:for遍历循环

效果图如下:实现代码如下:type.js://pages/type/type.jsPage({/***页面的初始数据*/data:{types:""},editType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("edit:"+typ...
代码星球 ·2020-07-24

微信小程序之页面导航栏

效果图:页面有点丑,作为初次学习,页面可以要求不那么美观,先学会再说。毕竟后面可以优化的很漂亮。代码实例如下:<viewclass="sectionbtn-area"><viewclass="section__title">欢迎{{userName}}来到ACS管理系统</view>...
代码星球 ·2020-07-24

微信小程序之数据缓存

关于缓存,举个示例,假定我不是通过微信授权登录的方式,小程序又是如何识别我登录后的身份呢???效果图:这个功能我是通过缓存实现的。关键核心代码如下:wx.setStorage({key:'userName',data:res.data.user.userName})微信小程序提供的主要缓存如图:那么两个缓存之间的区别又...
代码星球 ·2020-07-24

微信小程序之网络通信

关于网络通信,这里我使用的是wx.request,官方代码示例如下:wx.request({url:'test.php',//仅为示例,并非真实的接口地址data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){conso...
代码星球 ·2020-07-24

微信小程序、安卓APP、苹果APP对比分析

今天的话题主要是关于微信小程序、安卓APP、苹果APP对比分析。既然是对比分析肯定是将它们一个一个说明。本篇不涉及技术话题,只讲解微信小程序、安卓APP、苹果APP它们各自的优缺点及其应用场景。一、微信小程序1.微信小程序的优势(1)对用户使用上来说,确实方便,要用的时候打开,不用的时候关掉,即用即走。这点比需要下载,...

微信小程序页面传值详解

我们知道,在微信小程序中,从一个页面转到另一个页面,一般情况下可以通过navigate或redirect时候的url来携带参数,然后在目标页面的onLoad函数参数中获取这些url参数。例如: //源页面A相关代码 wx.navigateTo({ url:"/pages/mypage/my...
首页上一页...1112131415...下一页尾页