开发者
Vite学习记录 配置文档： https://cn.vitejs.dev/config/，基于ESM； 1.vite使用scss Vite使用scss预处理器：npm install sass -D，安装后可直接使用。 2.将 js 模块当做 url 导入 如果我们只是想获取脚本的url，不想导入脚本，可以通过在导入路径后添加?url后缀。 import asyncUrl from &lsquo
实现原理 import.meta.glob const modules = import.meta.glob(‘./dir/*.js’) 以上将会被转译为下面的样子： // vite 生成的代码 const modules = { ‘./dir/foo.js’: () => import(‘./dir/foo
上一次详细学习Vite的文档的时候还是Vite2.x，现在Vite已经到了Vite5，在此期间已经有了很多新的变化和特性，刚好今天抽空重新学习一下。 关于Vite5 Vite 不再支持 Node.js 14 / 16 / 17 / 19，因为它们已经到了 EOL。现在需要 Node.js 18 / 20+。 1.库模式 可用于快速便捷的开发JS库，库模式打包的时候将打包单独的js文件。 2
2.7 是 Vue 2.x 的最终版本。在这个版本之后，Vue 2 进入了 LTS（长期支持），从现在开始持续 18 个月，并且将不再接收新功能。这意味着Vue 2 将在 2023 年底结束生命周期。 更新内容 1.向后兼容的功能 支持composition API 支持script setup 支持css v-bind 2.相较于Vue3 组合 API 使用 Vue 2 的基于
Vue Ant Admin基于Vue2.x的中后台管理系统： https://iczer.gitee.io/vue-antd-admin-docs/ Ant Design of Vue： https://antdv.com/docs/vue/introduce-cn/（V2及以上版本为Vue3.x，以下为Vue2.x） Vue Ant Admin学习记录 1.文件分析 main.js 各种插件
基于组合式API的一组实用函数： https://vueuse.org/guide/ @vue/composition-api 安装 npm install @vue/composition-api -D import Vue from ‘vue’ import VueCompositionAPI from &lsquo
好用的插件： https://vueuse.org/，被遗忘了的几个指令 v-pre、v-once、this.$forceUpdate()、this.nextTick() 编程总结：在setup中应该如何去规划代码？如何模块化？如何才不会一团乱？ vue3 不同构建版本 Vue3中不再构建UMD模块化的方式，因为UMD会让代码有更多的冗余，它要支持多种模块化的方式。 Vue3中将CJS
Vuex使用记录 1.在Vue2.x中使用 import Vuex from ‘vuex’ /* 引入Vuex / Vue.use(Vuex) / 安装插件 / / 实例化Vuex */ const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state
开发记录 从零开始开发后台管理系统，还是有很多值得记录的地方。构建工具Vite、使用Vue3。 1.批量导入指定目录的组件 /* @author 友人a丶 @date 2022-07-11 @app Vue应用对象 / export default function (app) { / 指定要导入的文件目录 直接加载用{eager:true},懒加载用glob / const modules =
Vue每天学一些，慢慢的也学下来了。记一些笔记 开始 文档理解 is 命令 用于动态组件且基于 DOM 内模板的限制来工作。就是扩展 html标签的限制，动态指定组件。 slot ，插槽 组件内定义了该标签时，调用组件时，组件标签中间的内容将会替换该标签。<AB>我是插入的内容</AB>。插槽的内容是在父级进行渲染的。vm.
全局状态 什么是状态？在代码的世界里，状态就是指数据，简单的理解：你现在的情绪状态是怎样的? “高兴”,“悲伤”，这就是描述你当前情绪状态的数据。 抽象到一个描述用户的Vue组件，当前登录的用户的头像和昵称，就是这个组件的状态（数据）； 1.全局状态 从字面意思理解就是，在系统任意地方都可以调用的数据（类似全局变量的概念）。 2.全局变量 全局变量，一般特指系统内任意代码位置都可以调用的变量；
场景分析 Vue的模板语法适用于绝大部分的需求场景（模板最终会被编译为渲染函数），在绝大多数情况下，Vue 推荐使用模板语法来创建应用。然而在某些使用场景下，我们真的需要用到 JavaScript 完全的编程能力，举例如下： 1.不确定层级的菜单 假设设计一个开源的后台管理系统，侧边栏菜单需要根据路由自动生成菜单，由于系统可能会被用于不同的功能需求。所以路由的层级、数量都是不确定的。
关于组件化 组件化思想并不是前端独有的，但却是前端技术的延伸 任何软件开发过程，或多或少都有那么一些组件化的需求。 1.组件化的特点 每个组件对应一个目录，组件所需的各种资源都在这个目录下就近维护；（最具软件工程价值） 页面上的每个独立的可视/可交互区域视为一个组件； 由于组件具有独立性，可以自由组合； 页面是组件的容器，负责组合组件形成功能完整的界面； 当不需要某个组件，或者想要替换组件时
音频约束参数 volume 音量约束 sampleRate: 采样率 sampleSize: 采样大小，采样的位数 echoCancellation: 回音消除 autoGaincontrol： 增加音量 noiseSuppression: 降噪 latency ： 延迟大小 channelCount: 切换声道 deviceID: 多个音频输入输出设备的进行切换 groupId:
WebRTC功能相关的一些例子： https://webrtc.github.io/samples/ 申请媒体权限 1.getUserMedia MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可，媒体输入会产生一个MediaStream，里面包含了请求的媒体类型的轨道。此流可以包含一个视频轨道（来自硬件或者虚拟视频源，比如相机