three vue js
前端Vue仿微信我的菜单栏组件按钮组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
day--27--vue生命周期总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>生命周期总 ......
浅析vue3中如何使用动态组件、如何快速理解Vue3的 toRaw和markRaw、ref与shallowRef、shallowReactive 区别
一、Vue3中使用 component :is 加载动态组件 1、不使用setup语法糖，这种方式和vue2差不多，is可以是个字符串 2、使用setup语法糖，这时候的is如果使用字符串就会加载不出来，得使用组件实例 <component class="task-box" :is="compone ......
React、Vue框架如何实现组件更新，原理是什么？
原文合集地址如下，有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484356&idx=1&sn=10f0cc1989ce788e0b4bc166b2027b14&chksm=ec7cc090db ......
Vue的生命周期简介
Vue.js是一种流行的JavaScript框架，它采用了组件化的开发模式。在Vue组件的生命周期中，有不同的阶段和钩子函数，用于在不同的时间点执行特定的逻辑操作。下面是Vue组件的生命周期简介： 创建阶段： beforeCreate：在实例被创建之前，触发该钩子函数。 created：在实例被创建 ......
当在js文件里引入pinia时报错：Uncaught Error: []: getActivePinia was called with no active Pinia
1、问题背景 我在一个 js 文件里需要使用 pinia 去修改状态存储里的内容，但是在引入 pinia 的时候，比如 cont store = useStore() 时发现报错：getActivePinia was called with no active Pinia. 说是实例在文件中使用的时 ......
Vue
## 一、Vue概述 1.Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。 2.基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的关注点放在数据上。 3.官网：https://v2.cn.vuejs.org/ 4.框架：是一个半成品 ......
Django+DRF+Vue 网页开发环境安装（windows/Linux）
> 博客地址：https://www.cnblogs.com/zylyehuo/ # 总览 *  # 一、安装 Dja ......
js最简代码获取多个数组的交集
直接上代码！ ```js //定义三个数组 let a = [1,3,5,7,9]; let b = [1,2,4,5,7]; let c = [1,3,5,8,7]; const getIntersection = (a,...array)=>{ //...array 表示可以传入多个数组 ret ......
vue实现浏览器端大文件分片上传
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
保姆级教程：手把手教你搭建vue3+vite+pinia项目，直接上手开发
虽然代码很机械的就写出来了，但是搭建项目却总是很生疏会忘记呢（毕竟一个项目做n年。。） 第一步：npm create vite projectName（你的项目名） 第二步，：选择Vue 第三步：选择想要用的语言，这里我选了javascript 第四步：切换到对应项目目录，npm install 下 ......
第十四篇 - vue页面跳转参数传递
本文介绍的一个vue页面调到第二个vue页面时，如何传递参数。 参考链接：https://blog.csdn.net/m0_73493077/article/details/126906574 第一步：先修改LoginPage.vue，跳转携带参数 /* eslint-disable */ <tem ......
从vue2过渡到vue3的配置修改和升级
1.卸载旧的vue-cli npm uninstall vue-cli -g 2.卸载旧版本的node(版本号可能不适用vue3) 3.进入node官网，下载并安装最新的稳定版本node (当前版本号：18.16.1) 3.1.检验是否安装成功 4.安装vue(当前版本号：3.2.13) npm i ......
js黑客思想（2）
## 不使用括号调用函数 你希望一个特定的对象返回一个原始值时，可以使用 valueOf 方法。通常，你会将它与对象字面量一起使用，然后将你的对象与其他原始值进行加法或减法操作。 ```javascript let obj = { valueOf() { return 1 } } console.l ......
js数组去重
`const arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]` **1、indexof** ``` ......
vue开发 tinymce.js富文本插件报错：Cannot read properties of undefined (reading 'open')
应该是预加载的问题 因为需要同时展示多个富文本框 所以网上搜索到的 把v-if 换成 v-show是行不通的 最后想到办法 就是 再最外面再加一个 富文本 宽高设置成0 这样里面的富文本就能 正常使用了 k-rich-editor 是基于 tinymce 封装起来的富文本编辑器 ......
js 根据声音绘制声音图
js 获取麦克风，根据声音大小绘制图形 条状图 //麦克风测试 showaudiotset() { let that = this;//setInfo.mikeId 当前麦克风设备id let curaudio = that.mikeArr.filter( (v) => v.deviceId == ......
直播app开发搭建，JS生成随机数，生成指定位数的随机数
直播app开发搭建，JS生成随机数，生成指定位数的随机数 //获取随机数，小数第一位可能为0console.log(Math.random()); //获取10位随机数，如果小数第一位为0则只有9位数console.log(Math.floor(Math.random() * Math.pow(10 ......
Vue3+.net6.0 八 监听器 watch，回调
有时候我们需要根据变量的变化去更改dom或者输出结果，也就是需要监听data部分，和Vue2一样，需要用到watch监听器。 简单例子，输入框绑定了context，当我们改变输入框的值时，watch里同名监听器context监听到了变化，通过判断新旧值是否有变化弹出提示。 需要注意的是： 1、监听器 ......
js复制网页上的内容到剪切板
js复制网页上的内容到剪切板 2023-07-17 测试，原来的代码已经没用了，现用下面的代码，在firefox和edge上测试成功 function aaa() { var txt = $('#hfDesc').val(); navigator.clipboard.writeText(txt).t ......
Vue3 遍历显示Json数组
在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt ......
vue3 provide/inject使用
provide/inject 可解决深层组件传值问题 父组件 import { provide } from "vue"; const curValue = ref(props.modelValue); provide('curTabName',curValue); 子组件 import { inj ......
重学js1
一.命名 1.尽量字母开头字母结尾 2.构造函数以大写字母开头，避免方法（少用构造函数） 3.名字中不允许存在空格，原因在于早期编译器的内存管理，后期未修改规则 4.保留字 arguments await break case catch class const continue debugger ......
pino.js
pino.js 是一个超快的、全自然的 JSON 日志记录器，它可以在 Node.js 中使用。它可以与多个 Web 框架一起使用，如 Fastify、Express、Hapi、Restify、Koa 等1。pino.js 的主要功能是记录日志，它可以将日志格式化为 JSON 格式，并提供了多种方法 ......
VUE|创建一个基础的VUE应用
## 1 应用实例 参考官方文档 [应用实例 API | Vue.js (vuejs.org)](https://cn.vuejs.org/api/application.html) > 示例 ```javascript const {createApp} = Vue // 通过createApp创 ......
js 文件 朗读功能实现
创建一个加载器 使用window的speechSynthesis对象 let bofangqi=window.speechSynthesis() 再创建一个阅读器实例对象 let reader = new SpeechSynthesisUtterance() 设置阅读器的阅读方式: reader.t ......
js：http-vue-loader从浏览器直接引入vue文件
doc ``` github: https://github.com/FranckFreiburger/http-vue-loader ``` index.html ``` ``` my-component.vue ``` Hello {{who}} ``` 使用 sass ``` ``` 使用 l ......