羁荡不羁-CSDN博客

转载 Vue3 与Vue2性能

diff算法优化、静态提升、事件侦听器缓存diff算法优化首先，diff算法是虚拟DOM技术的必然产物，它会对新旧虚拟DOM作对比（即diff），然后将变化的地方更新在真实DOM上。而这其中，如何快速的判别需要变化的内容，就是Vue3.0的提升。具体来看：在Vue2.0当中，当数据发生变化，它就会新生成一个DOM树，并和之前的DOM树进行比较，找到不同的节点然后更新。但这比较的过程是全量的比较，也就是每个节点都会彼此比较。但其中很显然的是，有些节点中的内容是不会发生改变的，那我们对其进行比较就.

2022-02-21 11:30:47 726

原创 vue渲染方式：render和template的区别

template----html的方式做渲染render----js的方式做渲染render（提供）是一种编译方式render里有一个函数h，这个h的作用是将单文件组件进行虚拟DOM的创建，然后再通过render进行解析。h就是createElement()方法：createElement(标签名称,属性配置,children)template也是一种编译方式，但是template最终还是要通过render的方式再次进行编译。区别：1、render渲染方式可以让我们将js

2022-02-21 09:27:54 5255

原创 3. 第一个 TypeScript 程序

编写 TS 程序src/helloworld.tsfunction greeter (person) { return 'Hello, ' + person}let user = 'Yee'console.log(greeter(user))手动编译代码我们使用了 .ts 扩展名，但是这段代码仅仅是 JavaScript 而已。在命令行上，运行 TypeScript 编译器：tsc helloworld.ts输出结果为一个 helloworld.js 文件，它

2022-02-08 17:25:57 136

原创 2.安装 TypeScript

命令行运行如下命令，全局安装 TypeScript：npm install -g typescript安装完成后，在控制台运行如下命令，检查安装是否成功(3.x)：tsc -V

2022-02-08 17:22:33 357

原创 1. 初识 TypeScript

TypeScript 的介绍TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScriptTypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。它是开源和跨平台的编程语言。TypeScript扩展了JavaScript的语法，所以任何现有的JavaScript

2022-02-08 17:19:43 176

原创 vue3 使用总结

一、Vue文件结构<template> // Vue2中，template标签中只能有一个根元素，在Vue3中没有此限制 // ...</template><script setup> // ...</script><style lang="scss" scoped> // 支持CSS变量注入v-bind(color)</style>二、data<script setup>

2022-02-07 16:43:06 1163

原创 vue3 单文件组件

1.使用setup组件自动注册在 script setup 中，引入的组件可以直接使用，无需再通过components进行注册，并且无法指定当前组件的名字，它会自动以文件名为主，也就是不用再写name属性了。示例：<template> <zi-hello></zi-hello></template><script setup> import ziHello from './ziHello'</script>

2022-02-07 14:32:45 1176

原创 cesium-无人机航线问题

1.cesium 创建三维航线写的磕磕绊绊期间遇到很多问题1.无人机的姿态实时更新查阅cesium文档发现了Cesium.Transforms.headingPitchRollQuaternion(position, hpr)2.无人机视锥跟随无人机转向这个问题困了好久一开始尝试自己画了锥形后面控制锥形旋转平移一直没成功只能做到一直向下探测跟随后面做了个模型一开始也没成功直达发现模型修改原点起点位置将模型用blender把起点设置成锥顶3.无人机飞...

2022-01-20 11:07:22 2524 2

原创记录vue中mqtt使用问题

项目场景：问题描述：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget(); } 原因分析：提示：这里填写问题的分析：例如：Handler 发送消息有两种方式，分别是 Handler.obtainMessage()和 Handler.sendMessage()，其中 obtai

2022-01-20 10:47:10 2723

weixin_42519012的博客