04 2022 档案
摘要：一、组件 1.创建组件 在项目的根目录中，鼠标右键，创建components → test文件夹 在新建的components → test文件夹上，鼠标右键，点击“新建Component" 键入组件的名称之后回车，会自动生成组件对应的4个文件，后缀名分别为.js，.json，.wxml和.wxSS
阅读全文
摘要：map的使用 点击查看代码 <map latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" bindmarkertap="markertap" /> 页面启动后自动获取当前经纬度 点击查看代码 data: {
阅读全文
摘要：路由链接那个被激活就给那个绑定class <router-link active-class="active" to="/about">About</router-link> //如果不想使用路由跳转 但只想使用active-class属性，只需要将四个to属性的值设置不同即可 <router-li
阅读全文
摘要：导入axios与nprogress，和nprogress.css样式 import axios from 'axios' import nprogress from 'nprogress' import 'nprogress/nprogress.css' import Qs from 'qs' 对a
阅读全文
摘要：可将所有请求函数放进一个名为APi文件夹内的index.js文件内 //导入封装后的axios import request from './request' import localrequest from './localrequest' // 获取分类列表 export function ge
阅读全文
摘要：各个路由自己的仓库可以在其文件夹中新建名为xxxStore/xxxAbout.js 需要在各个模块内开启namespaced：true // 登录页请求 const loginAbout = { namespaced: true, actions: {}, mutations: {}, status
阅读全文
摘要：1.安装nanoid库 npm i nanoid 2.引入nanoid库 import {nanoid} from 'nanoid' 3.使用nanoid nanoid();
阅读全文
摘要：Mockjs的安装 官网：http://mockjs.com/ Webpack安装:npm i mockjs 使用步骤 （1）在项目当中src文件夹中创建mock文件夹 （2）准备JSON数据（在mock文件夹中创建相应的JSON文件) (3) 把mock数据需要的图片放置到public文件夹中【p
阅读全文
摘要：1.什么是wxs WXS ( WeiXin Script)是小程序独有的一套脚本语言，结合WXML，可以构建出页面的结构。 2.wxs的应用场景 wxml中无法调用在页面的.js 中定义的函数，但是，wxml中可以调用wxs 中定义的函数。因此，小程序中wxs的典型应用场景就是==“过滤器”==。
阅读全文
摘要：1.什么是生命周期 生命周期(Life cycle）是指一个对象从创建→运行->销毁的整个阶段，强调的是一个时间段。例如: 张三出生，表示这个人生命周期的开始 张三离世，表示这个人生命周期的结束 中间张三的一生，就是张三的生命周期 我们可以把每个小程序运行的过程，也概括为生命周期 小程序的启动，表示
阅读全文
摘要：一、下拉刷新 1.什么是下拉刷新 下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。 2.启动下拉刷新效果 全局开启下拉刷新 在app.json的 window节点中，将enablePullDownRefresh设置为true 局部开启下拉刷新 在页面的.
阅读全文
摘要：1.什么是页面导航 页面导航指的是页面之间的相互跳转。 2.小程序中实现页面导航的两种方式 声明式导航 在页面上声明一个 navigator 导航组件 通过点击 navigator 组件实现页面跳转 编程式导航 调用小程序的导航api，实现页面的跳转 声明式导航 1.导航到tabBar页面 tabB
阅读全文
摘要：1.小程序中网络请求的限制 出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下两个限制: 只能使用https类型的接口 必须将接口的域名添加到信任列表中 2.配置request合法域名 注意： 域名只支持https协议 域名不能使用IP地址或localhost 域名必须经过ICP备案 域名服
阅读全文
摘要：1.全局样式 定义在app.wxss中的样式称为全局样式，作用于每个页面 2.局部样式 在页面的.wxss文件中的样式成为局部样式，只作用于当前页面 *注意（谁权重大听谁的） 当局部样式和全局样式冲突时，根据就近原则，局部样式会覆全局样式 只有当局部央视的权重大于或等于全局样式时，才会覆盖全局的样式
阅读全文
摘要：1.什么时wxss wxss是一套样式语言，用于美化wxml的组件样式，类似于网页开发中的css 2.wxss和css的关系 wxss具有css大部分的特性，同时，wxss还进行了扩充以及修改，以适应微信小程序的开发 与css相比，wxss扩展的特性有： rpx尺寸单位 @import样式导入 rp
阅读全文
摘要：条件渲染 1.wx:if 在小程序中，使用==wx:if="{{condition}}"==来判断是否需要渲染该代码块 也可以结合wx:elif和wx:else来添加else判断： 2.结合 block 使用wx:if 如果要一次性控制多个组件的展示与隐藏，可以使用一个标签将多个组件包装起来，并在标
阅读全文
摘要：1.什么是事件 事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为 ，反馈到逻辑层进行业务的处理。 2.小程序中常用的事件 3.事件对象的属性列表 当事件回调触发的时候，会收到一个事件对象event，它的详细属性如下表所示 4.target和currentTarget的区别 tar
阅读全文
摘要：小程序的三大API分类 事件监听API 特点：以on开头，用来监听某些事件的触发 举例：wx.onWindowResize(function callback)监听窗口尺寸变化的事件 同步API 提点1：以Sync结尾的API都是同步Api 特点2：同步Api的执行结果，可以通过函数返回值直接获取，
阅读全文
摘要：文本常用组件 text a:文本组件 b:类似于html中的span标签，是一个行内元素 rich-text a：富文本组件 b：支持html字符串渲染为wxml结构 1.text组件 2.rich-text组件 其他常用组件 button a:按钮组件 b:功能比HTML中的button按钮丰富
阅读全文
摘要：小程序的运行过程 ①把小程序的代码包下载到本地 ②解析app.json全局配置文件 ③执行app.js 小程序入口文件，调用App()创建小程序实例 ④渲染小程序首页 ⑤小程序启动完成 页面渲染过程 加载解析页面的.json配置文件 加载页面的.wxml模板和.wxSS样式 执行页面的.js 文件，
阅读全文
摘要：1.WXML (WeiXin Markup Language)是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于网页开发中的HTML。 2.WXML与HTML的区别 标签名称不同 属性节点不同 提供了类似于Vue中的模板语法 数据绑定 列表渲染 条件渲染 ////////////
阅读全文
摘要：文件基本结构 pages文件内部结构 4个.json文件 app.js 新增页面 修改小程序项目首页
阅读全文
