小小前端

小程序类似的 htmlviewdivtextspannavigatoraimageimgswiper轮播图容器swiper-item轮播图子容器

一、搭建项目1 填写项目信息2 删除无用信息和文件3 添加所需目录结构4 根据自己的需求创建页面

加入我们输入的 url 是 demo01/demo01?type=1那我们如何获取 参数type 呢？onLoad在生命周期 onLoad 中还是比较简单的，直接可以在 onLoad 中的参数中获取 onLoad: function (option) { console.log(option) // {type: "1"} }onShow在生命周期 onShow 中并...

获取用户信息 可以从 bindgetuserinfo 回调中获取到用户信息获取用户收货地址 点击取消后再次点击讲不再 出现弹框，可通过 wx.openSetting 引导用户开启权限...

小程序发起网络请求 需用到 wx.request(Object object)wx.request({ url: 'https://URL', data: {}, method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT // header: {}, // 设置请求的 header succ...

注册账号  访问官网小程序注册获取APPID开发工具  严格来说，微信小程序支持所有的开发工具，但是从观察效果只能用微信的开发工具微信小程序开发工具下载地址扫码登陆 安装完成后打开开发者工具，用微信扫码登陆创建项目 选择小程序创建项目，填写路径和APPID（或者通过测试号创建） 小程序框架提供了自己的视图层描述语言 WXML 和 WXSS , 以及 JavaScript ,...

事件方法传参<button bindtap="add" data-agr="hello">+</button> <!-- 参数不能写成 add(23) -->Page({ data: { num: 20 }, add: function(e){ const val = e.currentTarget.dataset.agr ...

自定义组件父组件 向 子组件 传参子组件 向 父组件 传参

input 双向数据绑定<input type="text" bindinput="change" /> <!--bindinput方法 触发 change函数 --><view> {{num}}</view>Page({ data: { num: 20 }, change: function(e) { ...

文章目录小程序生命周期onLauchonShowonHideonErroronPageNotFound页面生命周期小程序生命周期onLauch 应用 第一次启动时 就会触发的事件  一般用于第一次启动时，获取用户个人信息onLauch() { console.log("onLauch")}onShow 应用 被用户看到时 触发  一般用于 对应用的数据或者页面效果进行重置o...