微信小程序
Spider_man_
这个作者很懒,什么都没留下…
展开
-
微信小程序学习记录遇到的问题:普通变量与用{}定义的变量区别(也就是各变量在内存存储的区别)
问题描述:第一种情况.js中var position=20function changevalue(){ var p=position p+=2 console.log(p) console.log(position)}.wxml中<button bindtap="changevalue">改变值<button>...原创 2020-01-15 09:59:34 · 489 阅读 · 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 · 623 阅读 · 0 评论 -
微信小程序学习记录(5)页面链接组件,navigator
navigator页面链接组件注意:open-type为navigate和rediect 跳转到应用内的某个页面,但是不允许跳转到tarbar页面为switchTab时 跳转到tabBar页面,并关闭其他所有非tabBar页面<!-- sample.wxml --><view class="btn-area">...原创 2020-01-13 11:22:37 · 421 阅读 · 0 评论 -
微信小程序学习记录(4)基础组件之表单组件
button,checkbox,form,input,label,picker,picker-view,radio,slider,switch,textareabutton第一部分外观样式,第二部分开放能力开放能力:open-type:contact :直接打开客服对话功能 share:转发当前的小程序到微信朋友中,·不能分享到朋友圈 getPhoneNumber::获取当...原创 2020-01-12 20:34:47 · 331 阅读 · 0 评论 -
微信小程序学习记录(4)基础组件之视图容器
基础组件组件是视图层的基本组成单元。组件自带一些功能与微信风格的样式。一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。视图容器--view, scroll-view, swiper ,movable-area,cover-viewscroll-view 可滚动视图区域其中bindscrolltoupper和bindscroll...原创 2020-01-10 14:30:21 · 475 阅读 · 0 评论 -
微信小程序学习记录(3)优化建议 setData
setDatasetData是小程序开发中使用最频繁的接口,也是最容易引发性能问题的接口。常见的setData操作错误1,频繁的去setData部分小程序会非常频繁(毫秒级)的去setData,其导致了两个后果Android 下用户在滑动时会感觉到卡顿,操作反馈延迟严重,因为 JS 线程一直在编译执行渲染,未能及时将用户操作事件传递到逻辑层,逻辑层亦无法及时将操作处理结果及时传...原创 2020-01-10 10:07:50 · 615 阅读 · 0 评论 -
微信小程序学习记录(3)兼容,旧版本不支持新功能
1,解决方法:查看微信小程序开发文档,文档会在组件,APi等页面描述中带伤各个功能所支持的版本号。2,通过wx.getSystemInfo或者wx.getSystemInfoSync获取小程序的基础版本号3,可以通过wx.canIUse来判断是否可以在该基础库版本上直接使用对应的API或组件同步:let res = wx.getSystemInfoSync() console....原创 2020-01-10 08:43:56 · 1276 阅读 · 0 评论 -
微信小程序学习记录(2)视图层之import和include引入方式
推荐使用include方式,简单!importimport可以在该文件中使用目标文件定义的template,如:在item.wxml中定义了一个叫item的template<!-- item.wxml --><template name="item"> <text>{{text}}</text></template>...转载 2020-01-09 11:01:21 · 266 阅读 · 0 评论 -
微信小程序学习记录(2)视图层之事件
事件事件是视图层到逻辑层的通讯方式事件可以将用户的行为反馈到逻辑层进行处理事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数事件对象可以携带额外信息。(数据信息)事件分类事件分为冒泡事件和非冒泡事件。冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递事件绑定事件...原创 2020-01-09 10:50:24 · 368 阅读 · 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 · 1732 阅读 · 1 评论 -
微信小程序学习记录(2)逻辑层之js文件模块化
模块化我们可以将一些公共的代码抽离称为一个单独的js文件,作为一个模块。模块只有通过module.exports才能对外暴露接口。在使用这些模块文件中,使用require(path)将公共代码引入例子:// common.jsfunction sayHello(name) { console.log('Hello ${name} !')}function sayGood...原创 2020-01-08 11:00:04 · 192 阅读 · 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 · 205 阅读 · 0 评论 -
微信小程序学习记录(2)逻辑层之注册页面(Page函数)
Page()函数用来注册一个页面,接受一个object函数,其指定页面的初始数据,生命周期函数,事件处理函数等//index.jsPage({ data: { text: "This is page data." }, onLoad: function(options) { // Do some initialize when page load. },...原创 2020-01-07 15:55:36 · 238 阅读 · 0 评论 -
微信小程序学习记录(2)逻辑层之注册程序(App函数)
App()App()函数用来注册一个小程序。接受一个object参数,其指定小程序的生命周期函数等。app.jsApp({ onLaunch: function(options) { // Do something initial when launch. }, onShow: function(options) { // Do something wh...原创 2020-01-07 14:45:54 · 259 阅读 · 0 评论 -
微信小程序学习记录(1)目录结构
总:微信小程序系统分为两块:视图层和逻辑层原创 2020-01-07 14:22:08 · 155 阅读 · 0 评论 -
微信小程序从入门到弃坑(补充说明):关于rpx的解惑
使用iphone6作为调试界面?基本概念:英寸:表示屏幕斜对角的长度,如下图所示像素是图像的基本采样单位,它不是一个确定的物理量,因为像素点的物理大小是不确定的。--分辨率:分辨率是屏幕像素的数量,一般用屏幕宽度的像素点乘以屏幕高度的像素点,iphone的分辨率是750*1334 分辨率又分为物理分辨率和逻辑分辨率,实际工作中设计师常常给的是物理分辨率。程序用到的是逻辑分辨率,...原创 2019-10-31 14:02:06 · 386 阅读 · 0 评论 -
微信小程序从入门到弃坑
一,调试工具1)console面板代码执行有错误时,错误信息将显示在这个面板上,通过以下代码可将信息输出到console面板console.log("信息");2)Network面板用于观察和显示网络请求request和socket情况,通过这个面板对网络请求进行调试3)Storage面板用于显示当前项目使用本地存储的情况,在小程序中使用wx.setStorage或...原创 2019-10-31 09:35:48 · 276 阅读 · 0 评论
分享