guanj0623的博客

1.在小程序官方文档中有一个实例可以参考2.导入本地实现3.小程序里面来实现一下.wxml 文件中<view class="page-body"> <view class="page-section page-section-gap"> <map id="myMap" style="width: 100%; height: 300px;" latitude="{{latitude}}" lon

1.微信小程序页面.wxml 页面<view> <view> <view> <form bindsubmit="dopost"> <view class="weui-search-bar"> <view class="weui-search-bar__form"> <!-- 搜索框 --> &.

1.wxml<view class="box"> <form bindsubmit="onSubmit"> <view class="content"> <view>手机号</view> <view> <input type="text" placeholder="请输入手机号" bind:input="phone" name="phone" /> &lt

在同一个文件夹下面封装一个 http.js （功能） 和 config.js（配置） 文件http.js import config from "../utils/config.js" //引用config class Http{ request({url , data = {} , method = "GET", auth = true}){ let header = {} let token = wx.getStorageSync(config.TOKEN_NA.

当小程序断网后我们需要给用户换到我们设置的无网络页面。首先我们找到App.json在这里面判断是否断网，然后就是代码了 //一定写在onLaunch里面 onLaunch:function(options) { //判断是否有网络，如果你换成了offine就会返回false wx.onNetworkStatusChange((res) => { //取反满足条件,跳转已经写好的网络异常页面 if(!res.isConnected){

函数防抖和函数节流都是老生常谈的问题了。这两种方式都能优化 js 的性能。有些人可能会搞混两个的概念。所以，我以自己的理解，来解释这两个概念的含义。并且列举在小程序中这两个方法的使用。函数防抖： 英文debounce有防反跳的意思，大致就是指防止重复触发。那么，函数防抖，真正的含义是：延迟函数执行。即不管debounce函数触发了多久，只在最后一次触发debounce函数时，才定义setTimeout，到达间隔时间再执行 需要防抖的函数。用处：多用于 input 框 输入时，显示匹配的输入内..

.wxml 中 <button bindtap="getUserProfile"> 获取头像昵称 </button>.js中getUserProfile(e) { // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认 // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗 wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取用户个人信息

.wxml<scroll-view class="scroll" scroll-x="true" scroll-left="string" enable-flex="true" bindscrolltolower="history"> <block wx:for="{{history}}" wx:key="history"> <view class="history-content"> <image src="{{item.img}

1.在项目里面建立 component2. 使用自定义组件前 在页面的json 文件里面引用此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径：{ "usingComponents": { // 在父模板中调用的标签名 组件的路径 "component-like":"/components/btn/like" }}2.父子组件通信父组件向子组件通信小程序中，父组件是通过 属性的方法和子组件通信 properti...