03 2023 档案
摘要：在 TypeScript 中，? 符号用于表示可选属性或可选参数。当 ? 符号放在类型的前面时，表示该类型为可选类型。当 ? 符号放在变量或参数的后面时，表示该变量或参数是可选的，可以不传值。因此，?string 和 string? 表示的含义是不同的。?string 表示一个可选的字符串类型，即这
阅读全文
摘要：开放接口文档列表 https://api.apiopen.top/swagger/index.html#/ get获取短视频 axios.get('https://api.apiopen.top/api/getHaoKanVideo?page=0&size=10') post登录 axios.pos
阅读全文
摘要：Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括
阅读全文
摘要：class 类的get和set ts在编译get和set的时候默认是es3编译，vscode编辑器会报错error TS1056: Accessors are only available when targeting ECMAScript 5 and higher需要编译到版本ES5或以上,解决办
阅读全文
摘要：Flutter、UniApp 和 React Native 都是现代的跨平台移动应用开发框架，它们都有自己的优势和适用场景。以下是它们的对比分析： Flutter Flutter 是一个由 Google 推出的移动应用开发框架，使用 Dart 语言编写。Flutter 具有高度的可定制性和丰富的 U
阅读全文
摘要：场景 前端很少涉及到地图展示开发（展示地图，对地图进行操作，数据可视化等），但特定公司专门做gis开发和地图开发（比如：建设公司，中铁集团等）。 地图开发策略 场景一： 直接调用成熟的api(腾讯地图、高德地图、百度地图、goole地图等等)。往往这类都是很简单的地图操作，比如导航和计算路程等。总之
阅读全文
摘要：Vue 中使用的 Virtual DOM 在更新视图时，采用了一种高效的 diff 算法，使得只有真正需要更新的 DOM 节点才会被重新渲染，从而提高了性能。下面是 Vue 中 diff 算法的基本原理： 将新的虚拟节点与旧的虚拟节点进行比较。 比较新旧虚拟节点的标签名、属性、文本内容等信息，如果有
阅读全文
摘要：vue 技术栈和生态 Vue 是一个流行的 JavaScript 前端框架，它具有易学易用、高效灵活等特点。Vue 技术栈包括以下内容： Vue：Vue 框架本身，提供了组件化、响应式等核心特性。 Vue Router：用于管理前端路由，实现单页应用。 Vuex：一种状态管理库，可以方便地管理应用程
阅读全文
摘要：微信开放平台和微信公众平台是两个不同的平台，用于不同的应用场景和开发目的。以下是它们的简要介绍： 微信公众平台：主要用于公众号的开发和管理，包括订阅号、服务号和企业号。公众平台提供了一系列的接口和功能，可以用于实现公众号的自定义菜单、消息推送、用户管理、数据分析等功能。 微信开放平台：主要用于第三方
阅读全文
摘要：获取数据时遇到Proxy包裹的数据 解决 1.使用toRaw Vue3.0给我们提供的新方法，toRaw方法是把被reactive或readonly后的Proxy对象转换为原来的target对象 const Data = toRaw(record); console.log(Data, 'data
阅读全文
摘要：可以通过 defineExpose 编译器宏来显式指定在 <script setup> 组件中要暴露出去的属性： <script setup> import { ref } from 'vue' const a = 1 const b = ref(2) defineExpose({ a, b })
阅读全文
摘要：效果 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
阅读全文
摘要：方式一：ts 手动编译成 js 先安装ts npm install -g typescript 检测版本 tsc -v ts 编译成 js 1.新建 ts 文件夹，使用 vscode 打开，新建 index.ts，代码如下 (() => { const username: string = "小明"
阅读全文
摘要：什么是websocket WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议） 它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的 Websocket是一个持久化的协议 websocket的原理 websocket约定了一
阅读全文
摘要：SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能，Vue视频通话，web视频通话，webrtc视频通话 一款电商app的全栈开发，其中涉及到一个视频通话功能。但是由于业务需求及成本考虑，不能使用第三方提供的SDK进行开发。所以选择使用PeerJs+WebSo
阅读全文
摘要：Quill：Quill是一个现代化、可定制的富文本编辑器，提供了许多有用的功能，如文本样式、列表、媒体插入等。在Vue中可以使用vue-quill-editor来集成Quill。 CKEditor 5：CKEditor 5是一个强大、可定制的富文本编辑器，提供了许多有用的功能，如表格、链接、图片、视
阅读全文
摘要：持续集成和前端自动化测试 持续集成是互联网软件开发上线流程中的核心一环，自动化测试是持续集成得以实现的核心步骤，缺乏了自动化测试，持续集成自然无从谈起。 在日常的开发中，前端错综复杂的变化引发的 bug 往往令开发者头疼，或多或少经历过 修完东墙西墙倒 的经历，此时前端自动化测试就显得非常重要。
阅读全文
摘要：概念 Cookie & Session（会话跟踪技术）、H4的存储机制；localstorage、Sessionstorage是Web Storage，H5的本地存储机制。是针对HTML4中 Cookie 存储机制的一个改善，由于Cookie存储机制有很多缺点，HTML5不再使用它，转而使用改良后的
阅读全文
摘要：建议视频教程小满Vue3（第三十九章 electron桌面程序）_哔哩哔哩_bilibili Electron官网Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. 我们用的VsCode 也是 el
阅读全文
摘要：什么是模热更新？有什么优点 模块热更新是webpack的一个功能，它可以使得代码修改之后，不用刷新浏览器就可以更新。 在应用过程中替换添加删出模块，无需重新加载整个页面，是高级版的自动刷新浏览器。 优点：只更新变更内容，以节省宝贵的开发时间。调整样式更加快速，几乎相当于在浏览器中更改样式\ HMR热
阅读全文
摘要：首先说结论 Rollup更适合打包库，webpack更适合打包项目应用，vite基于rollup实现了热更新也适合打包项目。 功能工具工具 脚手架 vue-cli create-vue 构建项目 vite 打包代码 webpack rollup 脚手架:用于初始化，创建项目，选择性安装需要的插件，指
阅读全文
摘要：App整包升级和APP资源热更新 uni-app App整包升级检测： https://ask.dcloud.net.cn/article/34972 uni-app App资源热更新： https://ask.dcloud.net.cn/article/35667 App资源热更新 思路： 1、首
阅读全文
摘要：物理层：物理接口规范,传输比特流,网卡是工作在物理层的. 数据链路层：成帧,保证帧的无误传输,MAC 地址,形成 EHTHERNET 帧 数据链路层在不可靠的物理介质上提供可靠的传输。 该层的作用包括：物理地址寻址、数据的成帧、流量控制、数据的检错、重发等。 网络层：路由选择,流量控制,IP 地址,
阅读全文
摘要：gitflow介绍 gitflow是git的一种工作流程规范,由Vincent Driessen最先提出来,目的是为了解决分支和commit杂乱无章的问题,在实际开发过程中,若多名程序员开发同一个项目时很容易造成代码混乱甚至代码丢失的情况,而合理的运用gitflow规范可以很好地解决这个问题.如果你
阅读全文
摘要：https://boardmix.cn/app/share?token=QakdDsDy_wfChcdxG7XBGH1r0-AGCd8IstkYfMSY7K5B6sjiQ2FTiG8WgyFgmNrMgumcCfs8OjyzUf78cRBdW7lOYmkCvFEk-YwfA9Qqzw8=&invit
阅读全文
摘要：cesium中文网 http://cesium.xin/ 优秀的学习资源 http://cesium.xin/wordpress/archives/130.html vite-plugin-cesium vite社区插件安装cesium https://github.com/nshen/vite-p
阅读全文
摘要：首先看到v-model，大多数小伙伴都会想到“响应式”、“双向绑定”，v-model 确实是实现了双向绑定数据，用过vue的人都比较熟悉。v-model 是 Vue 内置的指令,vue2和vue3中的v-model使用有点不太一样，那具体是哪里不一样呢？ 小结 2.x 中 v-model 语法糖底层
阅读全文
摘要：例子：nextTick和setTimeout 谁先输出结果？ 结果是nextTick先输出，因为它是微任务，setTimeout是宏任务 nextTick 在vue 源码中是利用 Promise.resolve()实现的。该问题实际就是Promise与setTimeout的区别，本质是Event L
阅读全文
摘要：本地服务器vue和react都有这个问题 原理是 其实是这个网址 : https://images.weserv.nl/docs/format.html#adaptive-filter images.weserv.nl是一种图像缓存和调整大小服务。我们的服务器调整您的图像大小，在全球范围内缓存并显示
阅读全文
摘要：vite中使用less npm安装 npm install less less-loader -D 在style标签注明即可 <style lang="less"> </style> 什么是scoped 实现组件的私有化, 当前style属性只属于当前模块. 在DOM结构中可以发现,vue通过在DO
阅读全文
摘要：unplugin-auto-import/vite 配置完成之后使用ref reactive watch 等 无须import 导入 可以直接使用 install npm i -D unplugin-auto-import vite配置 // vite.config.tsimport { defin
阅读全文
摘要：注册组件 全局组件 Global组件,这里用了TS和默认值 创建Global组件 // Global.vue <template> <h3>Global component</h3> <div>{{ msg }}</div> </template> <script setup lang="ts">
阅读全文
