安装mqtt服务器：1-准备工作下载MQTT服务器，连接：https://www.emqx.io/zh/downloads?os=Windows2-解压下载好的压缩包命令行下进入解压路径，启动 EMQX./emqx/bin/emqx start3-看官方文档https://www.emqx.io/docs/zh/v5.0/4-官方连接MQTT示例01.如何在 Java 中使用 MQTT02.如何在...

vue - router：嵌套路由export default new VueRouter({ routes: [ path: '/about', component: '...', children: [ path: 'news', component: '', chi...

vue - vuex：理解vuex概念：专门在vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适合用于任何组件通信。什么时候使用Vuex多个组件依赖于同一状态来自不同组件的行为需要变更同一状态使用步骤npm i vuexVue.use(Vuex)storevc ==> store搭建vuex环境创建文...

vue - 脚手架配置代理：在main.js文件中引入axios，然后Vue.prototype.$http = axios，就可以使用this.$http.get();调用方法一在vue.config.js添加如下配置：const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ tr...

vue - 过度与动画：使用transition标签在插入、更新或移出DOM元素时，在合适的时候给元素添加样式类名元素进入的样式：v-enter：进入起点样式v-enter-active：进入过程中v-enter-to：进入的终点元素离开的样式v-leave：离开的起点v-leave-avtive：离开过程中v-leave-to：离开的终点使用动画写效果在transition标签加入appear属...

vue - 组件通信方式：父子组件通信props / $emit父组件通过 props 向子组件传递数据，子组件通过 $emit 和父组件通信// 父组件 <List :data="data" @add="add"/> // 子组件 import xxx for 'xxx' export default { components:{xxx}, props:['data...

vue - mixin混入插件：mixin混入功能：可以把多个组件共用的配置提取成一个混入对象使用方式创建一个js文件：export hunhe = { showName(){ alter(this.name) }, data() { return { x:100, y:200, } } }引入：import {hunhe} fro...

Vue - 指令：内置指令常用的v-bind：单向绑定解析表达式，可简写 :xxxv-model：双向数据绑定v-for：遍历数据 / 对象 / 字符串v-on：绑定事件监听，可简写为@v-if：条件渲染（动态控制节点是否存在）v-else：条件渲染（动态控制节点是否存在）v-show：条件渲染（动态控制节点是否展示） v-text指令1. 作用：向其所在的节点中渲染文本内容。2. 与插...

Vue监听数据的原理：Vue监视数据的原理：当监听到数据发生改变时，vue会重新解析模板，生成虚拟DOM等等的一套流程, 触发视图更新1. vue会监视data中所有层次的数据。2. 如何监测对象中的数据？     通过setter实现监视，且要在new Vue时就传入要监测的数据。    &nbs...

vue 中的 for key 的作用：react、vue中的key有什么作用？（key的内部原理）1. 虚拟DOM中key的作用：    虚拟DOM对象标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】，    随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异对比。2. 对比规则：    ⑴. ...

Object.defineProperty方法：Object.defineProperty这个方法是Vue数据双向绑定原理的常见面试题众所周知JS中是支持面向对象编程的，我们常见创建对象的方法是这样的let persor = { name: "张三", sex: "男" }我们一般添加属性就是直接persor.age = 18或者修改原有属性persor.name = ""然而Ob...

MVVM与MVC的区别：MVC是一种设计模型M（Model）：模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据；V（View）：视图层。是应用程序中处理数据显示的部分，视图是依据模型数据创建的；C（Controller）：控制层。是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请...

uni-app — 基本使用：配置 tabBar 效果及导航栏修改项目根目录中的 pages.json 配置文件，新增 tabBar 的配置节点如下："globalStyle": { "navigationBarTextStyle": "black", // 文本颜色 "navigationBarTitleText": "uni-app", ...

esp8266 tft库中的函数翻译：TFT_eSPI.hdrawPixel(int32_t x, int32_t y, uint32_t color), // 绘制图像 drawChar(int32_t x, int32_t y, uint16_t c, uint32_t color, uint32_t bg, uint8_t size), // 绘制图表 drawLine(int32_t xs...

uni-app — 安装配置：uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台安装HBuilderXHBuilderX：官方IDE下载地址HBuilderX是通用的前端开发工具，但为uni-a...