![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
Spider_man_
这个作者很懒,什么都没留下…
展开
-
微信小程序学习记录遇到的问题:普通变量与用{}定义的变量区别(也就是各变量在内存存储的区别)
问题描述: 第一种情况 .js中 var position=20 function changevalue(){ var p=position p+=2 console.log(p) console.log(position) } .wxml中 <button bindtap="changevalue">改变值<button>...原创 2020-01-15 09:59:34 · 460 阅读 · 1 评论 -
微信小程序学习记录(6)媒体组件audio,camera,image,live-player,live-pusher,video
camera 相机,摄像,扫描二维码 组件相关:https://developers.weixin.qq.com/miniprogram/dev/component/camera.html 接口相关api:https://developers.weixin.qq.com/miniprogram/dev/api/media/camera/wx.createCameraContext.html ...原创 2020-01-13 19:44:18 · 565 阅读 · 0 评论 -
微信小程序学习记录(5)页面链接组件,navigator
navigator 页面链接组件 注意: open-type为navigate和rediect 跳转到应用内的某个页面,但是不允许跳转到tarbar页面 为switchTab时 跳转到tabBar页面,并关闭其他所有非tabBar页面 <!-- sample.wxml --> <view class="btn-area">...原创 2020-01-13 11:22:37 · 391 阅读 · 0 评论 -
微信小程序学习记录(4)基础组件之表单组件
button,checkbox,form,input,label,picker,picker-view,radio,slider,switch,textarea button 第一部分外观样式,第二部分开放能力 开放能力:open-type: contact :直接打开客服对话功能 share:转发当前的小程序到微信朋友中,·不能分享到朋友圈 getPhoneNumber::获取当...原创 2020-01-12 20:34:47 · 287 阅读 · 0 评论 -
微信小程序学习记录(4)基础组件之视图容器
基础组件 组件是视图层的基本组成单元。 组件自带一些功能与微信风格的样式。 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。 视图容器--view, scroll-view, swiper ,movable-area,cover-view scroll-view 可滚动视图区域 其中bindscrolltoupper和bindscroll...原创 2020-01-10 14:30:21 · 409 阅读 · 0 评论 -
微信小程序学习记录(3)优化建议 setData
setData setData是小程序开发中使用最频繁的接口,也是最容易引发性能问题的接口。 常见的setData操作错误 1,频繁的去setData 部分小程序会非常频繁(毫秒级)的去setData,其导致了两个后果 Android 下用户在滑动时会感觉到卡顿,操作反馈延迟严重,因为 JS 线程一直在编译执行渲染,未能及时将用户操作事件传递到逻辑层,逻辑层亦无法及时将操作处理结果及时传...原创 2020-01-10 10:07:50 · 554 阅读 · 0 评论 -
微信小程序学习记录(3)兼容,旧版本不支持新功能
1,解决方法:查看微信小程序开发文档,文档会在组件,APi等页面描述中带伤各个功能所支持的版本号。 2,通过wx.getSystemInfo或者wx.getSystemInfoSync获取小程序的基础版本号 3,可以通过wx.canIUse来判断是否可以在该基础库版本上直接使用对应的API或组件 同步: let res = wx.getSystemInfoSync() console....原创 2020-01-10 08:43:56 · 1211 阅读 · 0 评论 -
微信小程序学习记录(2)视图层之import和include引入方式
推荐使用include方式,简单! import import可以在该文件中使用目标文件定义的template,如:在item.wxml中定义了一个叫item的template <!-- item.wxml --> <template name="item"> <text>{{text}}</text> </template>...转载 2020-01-09 11:01:21 · 235 阅读 · 0 评论 -
微信小程序学习记录(2)视图层之事件
事件 事件是视图层到逻辑层的通讯方式 事件可以将用户的行为反馈到逻辑层进行处理 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数 事件对象可以携带额外信息。(数据信息) 事件分类 事件分为冒泡事件和非冒泡事件。 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递 事件绑定 事件...原创 2020-01-09 10:50:24 · 342 阅读 · 0 评论 -
微信小程序学习记录(2)视图层之wxml(数据绑定大括号,wx:for,wx:if)
1,数据绑定 WXML中的动态数据均来自对应Page的data。 用双大括号将变量包起来,可以作用于 (参考:https://www.w3cschool.cn/weixinapp/weixinapp-data.html) 内容 <view> {{ message }} </view> Page({ data: { messa...原创 2020-01-08 20:43:38 · 1620 阅读 · 1 评论 -
微信小程序学习记录(2)逻辑层之js文件模块化
模块化 我们可以将一些公共的代码抽离称为一个单独的js文件,作为一个模块。模块只有通过module.exports才能对外暴露接口。 在使用这些模块文件中,使用require(path)将公共代码引入 例子: // common.js function sayHello(name) { console.log('Hello ${name} !') } function sayGood...原创 2020-01-08 11:00:04 · 172 阅读 · 0 评论 -
微信小程序学习记录(2)逻辑层之路由和前端路由的介绍
路由:前端路由和后端路由 参考:https://www.cnblogs.com/yuqing6/p/6731980.html 简单的说,路由是根据不同的 url 地址展示不同的内容或页面。 简单举例说明,假如我们有一台提供 Web 服务的服务器的网络地址是:10.0.0.1,而该 Web 服务又提供了三个可供用户访问的页面,其页面 URI 分别是: http://10.0.0.1/ http...原创 2020-01-07 16:38:00 · 175 阅读 · 0 评论 -
微信小程序学习记录(2)逻辑层之注册页面(Page函数)
Page()函数用来注册一个页面,接受一个object函数,其指定页面的初始数据,生命周期函数,事件处理函数等 //index.js Page({ data: { text: "This is page data." }, onLoad: function(options) { // Do some initialize when page load. },...原创 2020-01-07 15:55:36 · 210 阅读 · 0 评论 -
微信小程序学习记录(2)逻辑层之注册程序(App函数)
App() App()函数用来注册一个小程序。接受一个object参数,其指定小程序的生命周期函数等。app.js App({ onLaunch: function(options) { // Do something initial when launch. }, onShow: function(options) { // Do something wh...原创 2020-01-07 14:45:54 · 237 阅读 · 0 评论 -
微信小程序学习记录(1)目录结构
总: 微信小程序系统分为两块:视图层和逻辑层原创 2020-01-07 14:22:08 · 129 阅读 · 0 评论 -
微信小程序从入门到弃坑(补充说明):关于rpx的解惑
使用iphone6作为调试界面? 基本概念: 英寸:表示屏幕斜对角的长度,如下图所示 像素是图像的基本采样单位,它不是一个确定的物理量,因为像素点的物理大小是不确定的。 --分辨率:分辨率是屏幕像素的数量,一般用屏幕宽度的像素点乘以屏幕高度的像素点,iphone的分辨率是750*1334 分辨率又分为物理分辨率和逻辑分辨率,实际工作中设计师常常给的是物理分辨率。程序用到的是逻辑分辨率,...原创 2019-10-31 14:02:06 · 339 阅读 · 0 评论 -
微信小程序从入门到弃坑
一,调试工具 1)console面板 代码执行有错误时,错误信息将显示在这个面板上,通过以下代码可将信息输出到console面板 console.log("信息"); 2)Network面板 用于观察和显示网络请求request和socket情况,通过这个面板对网络请求进行调试 3)Storage面板 用于显示当前项目使用本地存储的情况,在小程序中使用wx.setStorage或...原创 2019-10-31 09:35:48 · 239 阅读 · 0 评论