安装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.如何在...

浏览器深入了解：浏览器的渲染原理？渲染就是经过一系列复杂的加载把代码变成网页格式，从输入url摁下到渲染页面重点就俩块一块：网络：拿到HTML一块：渲染（render）：渲染网络进程拿到HTML之后会包装成任务，并将其传递给渲染主线程的消息队列，在事件循环机制的作用下，渲染主线程取出渲染任务开始渲染流程渲染流程整个渲染流程分为多个阶段，分别是：解析HTML，样式计算，布局，分层，绘制，分块，光栅化...

前端的事件循环：前端的事件循环我们都知道JavaScript是单线程的语言，而在代码执行过程中就会产生一个新的概念，事件循环。我们在聊事件循环的之前，我们先了解一下浏览器的进程什么是进程？我们运行了一个程序，而这个程序要有他专属的内存空间，可以把这块空间简单的理解为进程比如我们打开了一个qq，一个微信，一个原神每一个程序启动的时候，至少需要一块内存空间，而且每个程序内存都是独立的，目的为了隔离，比...

ChatGPT注册及本地搭建：正文开始最近chatGPT火起来了，一个之前不知道叫啥的公司，突然推出了一个非常牛逼的软件，然后可以以跟人类交互式互动的方式，回答你的各种各样的问题，比常规的搜索引擎好了不是一点半点，要不然也不至于微软、谷歌、百度都急得不行，都在着急做竞品。网上的介绍一大堆：近期OpenAI发布了ChatGPT，因其高质量的回答、高效获取信息的方式、以及非常直观的交互体验，让它在发布...

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）：控制层。是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请...