紫月i的博客

1.发起网络请求：https://uniapp.dcloud.net.cn/api/request/request.html示例：uni.request({ url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。 method:'GET', data: { text: 'uni.request'//请求的参数 }, header: { 'custom-header': '

1.省市县地区选择器：https://ext.dcloud.net.cn/plugin?id=7065效果图：2.折叠面板：https://uniapp.dcloud.net.cn/component/uniui/uni-collapse.html3.级联选择器：https://uniapp.dcloud.net.cn/component/uniui/uni-data-picker.html效果如下：4.日期选择器：https://uniapp.dcloud.net.cn/compo

一.配置vuex：1.在项目根目录中创建store文件夹，专门用来存放vuex相关的模块2.在store目录中新建store.js文件3.在store.js初始化store的实例对象//1.导入Vue和Vueximport Vue from "vue";import Vuex from 'vuex';//2.将Vuex安装为Vue的插件Vue.use(Vuex);//3.创建store的实例对象const store = new Vuex.Store({ //挂载store模块

ob: Observer可以使用JSON.parse(JSON.stringify())来转为json对象

使用navigation返回上一页并且携带参数：uni.navigateTo({ url:'test/test?name='zhangsan'&age='16'' })使用navigateBack返回上一页并且携带参数let pages = getCurrentPages(); //获取所有页面栈实例列表let nowPage = pages[pages.length - 1]; //当前页页面实例let prevPage = pages[pages.length - 2];

100

新建组件的方式，在components目录下新建组件，然后就能在pages页面当中直接使用该组件test.vue<template> <view> test </view></template><script> export default { name:"test", data() { return { }; } }</script><style lang="scs

`Home`screenHeight表示手机的总高度windowHeight表示去除上下边的导航栏剩余的高度（可使用的高度）

nuiapp配置网络请求：由于平台的限制，小程序项目中不支持axios，而且原生的wx.request()API功能较为简单，不支持拦截器等全局定制的功能，因此，建议在uniapp项目中使用@escook/request-miniprogrom第三方包发起网络数据请求下载依赖：npm install @escook/request-miniprogram//在main.js当中按需导入 $http 对象import { $http } from '@escook/request-miniprogr

首先安装scss/sass编庠官网：https://ext.dcloud.net.cn/plugin?name=compile-node-sass把nuiapp项目运行到微信小程序当中：1.选择项目下的manifest.json文件，把微信开发者工具当中的微信小程序AppID填写进去2.在Hbuilder中配置微信开发者工具的安装路径：3.打开微信开发者工具当中设置的安全设置开启服务端口4.运行项目...

1.在app.json中修改启动页面 `"entryPagePath": "pages/index/index"`2.在app.json中修改页面属性"window":{ "backgroundTextStyle":"light",//导航栏字体样式 "navigationBarBackgroundColor": "#fff",//导航栏背景颜色 "navigationBarTitleText": "Weixin",//导航栏字体内容 "navigationBarTe

操作缓存的方法：1、wx.setStorage/wx.setStorageSync：根据key设置缓存2、wx.getStorage/wx.getStorageSync：根据key获取缓存，有一个success(res)回调函数，res就是数据3、wx.clearStorage/wx.clearStorageSync：清除全部的缓存4、wx.removeStorage/wx.removeStorageSync：删除根据key的缓存// pages/test3/test3.jsPage({

内容：三个导航栏：附近，全部分类，排序实现思路：放两个view的盒子，上面的盒子放三个导航栏，下面放一个存放数据的盒子下面存放数据的盒子用一个变量来判断是否显示，默认是隐藏，三个导航栏都有一个点击事件，点击的时候拿到对应的id，并且让下面的盒子显示，并且渲染对应id的数据就行了（改变wx：for循环渲染的内容） <view class='navbtns'> <view class='navitem nearby' bindtap='navitation' data-id..

// pages/test/wxml.html<button bindtap="location">地图</button>// pages/test/test.jsPage({ data:{ }, location(event) { const that = this; wx.openLocation({ latitude: that.data.latitude, // 纬度，范围为-90~90，负数表示南纬

微信的模板就是谢公共代码，在主页面直接引入就行1.模板的定义首先在新建一个good文件夹，文件夹中新建一个good.wxml文件，在当前目录下还可以定义css/js，data数据可以在主页面的js当中定义，这样就能保证每一个引入它的页面数据不同但是页面结构式一样的<template name='good'> <view class='good' bindtap='goodDetail'> <image src="{{good.url}}" mode="aspectF

效果如图：思路讲解：{id:1,name:‘西瓜’,src:’…/…/img/01.png’,color:‘white’,dprice:40,zprice:0,num:0},通过颜色来判断是否被选中，color为白色表示没有被选中，green表示选中，dprice表示单价，zprice:0表示总价，单价*数量就是总价，点击一次+或者-钱的总量就+或者-单价，num表示商品的数量// pages/gouwuche/gouwuche.jsPage({ data: { //sum用来计算钱

微信小程序报错：VM308 WAService.js:2 Component “pages/gouwuche/gouwuche” does not have a meth微信小程序和网页一样，多次导入相同路径的项目时会有一个缓存，再一次导入时它发现和上一次路径是一样的直接就不导入了，所以我们直接清除缓存就行了...

js代码微信小程序修改js数据的某个数据，直接在setData函数中输入属性名：属性值即可，但是如果是对象数组当中的某个属性时，则需要把这个属性变成一个字符串赋值给一个变量，在setData函数中使用[变量名] :变量值的形式效果实现：点击圆圈时背景色变色select:function(e){ console.log(e.currentTarget.dataset.id); var id = e.currentTarget.dataset.id-1; var color =

微信小程序不支持document.querySelect获取元素，它内置了获取元素的两种方法，第一种是通过wx.createSelectorQuery()获取dom元素，第二种时给想要使用的对象绑定事件，输出e对象，就能拿到该对象的一些信息先在页面上定义一个view标签var query = wx.createSelectorQuery(); query.select('.v1').boundingClientRect(); query.exec(function (res) {

首先介绍微信小程序视图容器scroll-view：可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。横向滚动时只需要给它一个宽度，子元素超出宽度时会出现滚动效果详细文档：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html这里只介绍几个重要的属性：问题：直接给scroll-view加flex属性时，不会有效果所以需要在里面再建一层盒子，然

一.创建；列表各行变色项目1.新建项目空白目录，并运行npm init -y命令，初始化包管理配置文件package.json2.新建src源代码目录3.新建src->index.html首页4.初始化首页基本的结构5.运行npm install jquery -S命令，安装jQuery6.通过模块化的形式，实现列表隔行变色效果<!DOCTYPE html><html> <head> <meta charset="utf-8">

1.使用node.js开启服务器2.在微信小程序中写入请求功能的代码fs:function(){ var that = this; wx.request({ url: 'http://localhost:3000/ceshi', header:{ 'Content-type':'json' }, success:res=>{ console.log(res.data); that.se

微信小程序注册函数App()在app.js里是一个App()函数，定义全局函数和数据，还可以用来注册一个微信小程序。在App()函数里有一些生命周期函数App({ onLaunch(option){ //当微信小程序完成初始化时执行 }, onShow(option){ //微信小程序启动，或从后台进入前台显示 }, onHide(){ //微信小程序从前台进入后台时 }, onError(msg){ //当微信小程序发生脚本错误，或者API调

在不能使用size调节标签的大小时则用style="transform: scale(0.7)"来调节标签的大小1.button标签用size属性调节大小2.对radio标签设置大小<radio style="transform: scale(0.7)"></radio>

1.list当中的pagePath必须在pages页面对象当中有定义2.pagePath超链接当中必须有一个是首页，首页就是pages中定义的第一个内容3.list当中的对象数量必须大于2个并且小于5个

下载地址：https://mp.weixin.qq.com/新建一个项目，效果如下：app.js是全局的JavaScript代码，app.json是全局的配置文件，app.wxss是全局css文件如果全局代码和局部代码冲突时，全局代码优先级高资源管理器中有几个页面，在app.json中的pages当中就得写几个页面，完全相同，第一个表示首页的路径，可以在pages当中增加路径，保存之后自动生成对应的文件微信小程序的各级目录介绍：onLaunch()：小程序第一次加载时执行的代码navig

Git是一个版本管理控制系统，它可以在任何时间点，将文档的状态作为更新记录保持起来，也可以在任何时间点，将更新记录恢复回来Git下载官网：https://git-scm.com/downloadsgit仓库：用于存放提交记录暂存区：临时存放被修改文件工作目录：被Git管理的项目目录Git的使用前配置：在使用Git前，需要告诉Git你是谁，在向Git仓库中提交时需要用到1.配置提交人姓名：git config --global user.name 提交人姓名2.配置提交人姓名：git conf