小程序
令主
不知年少轻狂,只知胜者为王
展开
-
微信小程序 —— 监听网络状态
在app.js的onLaunch wx.onNetworkStatusChange((res) => { if(!res.isConnected){ console.log(res.isConnected,"网络连接不好") } console.log(res.netWorkType,"网络类型") });原创 2020-11-30 17:38:30 · 1580 阅读 · 1 评论 -
微信小程序 —— 2、基础学习(干货)
二 . 小程序的结构目录小程序原生框架 MINA提供了自己的视图层描述语言,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑,其思想与vue,react类似1.小程序文件结构和传统web对比对比得出,传统web是三层结构,而微信小程序是四层结构,多了一层配置json结构传统web微信小程序结构HTMLWXML样式CSSWXSS逻辑JavascriptJavascript配置无JSON2.基本项目目录p原创 2020-11-30 16:52:50 · 317 阅读 · 0 评论 -
微信小程序 —— 点击按钮实现震动
<view bindtap="btnFun">点击</view> btnFun:function(){ wx.vibrateShort(); // 1、使手机震动15ms //或者 wx.vibrateLong(); // 2、使手机震动400ms }原创 2020-11-24 17:33:47 · 5932 阅读 · 1 评论 -
微信小程序 —— btn按钮切换页面
//index.wxml<view class="page"> <view wx:if="{{currentTab==0}}"> 主页内容 </view> <view wx:if="{{currentTab==1}}"> 我的内容 </view> <view class="btnTabBg"> <view class="btnTabHome" data-current="0" bindtap="change原创 2020-10-15 11:47:40 · 931 阅读 · 0 评论 -
微信小程序的数据请求
新建文件夹http.jsvar baseUrl="https:// ***";export const httpUrl = { "getData":baseUrl+"/***/***"}index.jsimport {httpUrl} from "../../http/http.js"; //引入Page({ onLoad: function (options) { var that = this; wx.request({ url: httpUrl原创 2020-09-10 14:41:38 · 103 阅读 · 0 评论 -
微信小程序点击按钮页面跳转
index.wxml<view bindtap="intoPage">去下一个页面</view>app.json //全局配置文件,新建跳转页面,自动生成文件{ "pages":[ "pages/page/page", ], }index.jsPage({ intoPage:function(){ wx.navigateTo({ url: '../page/page', }) }, })...原创 2020-09-10 14:34:23 · 2790 阅读 · 0 评论 -
微信小程序 —— 踩坑记
box-sizing:border-box;原创 2020-09-03 14:30:24 · 726 阅读 · 0 评论 -
微信小程序之——1、项目环境准备
一. 环境准备1.注册账号建议使用全新的邮箱,没有注册过其他小程序或者公众号微信公众平台2.获取APPID开发者唯一的身份验证,发布上线都需要提供的,记得秘密保存哟3.开发工具微信开发者工具,集开发 预览 调试 发布 于一身的完整环境可根据个人习惯也可 vs code(负责敲代码) +微信小程序编辑工具(负责预览) 来实现编码二 . 小程序的结构目录小程序原生框架 MINA提供了自己的视图层描述语言,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑,原创 2020-08-31 17:16:09 · 272 阅读 · 0 评论