three vue js
vue3 watchEffect 的用法
watchEffect 特点 非惰性：一旦运行就会立即执行； 更加抽象：使用时不需要具体指定监听的谁，回调函数内直接使用就可以； 不可访问之前的值：只能访问当前最新的值，访问不到修改之前的值； ......
vue学习四
<div id="app4"> <h3 v-show="display">别你妈逼点我</h3> <button @click="dian">老子就点你</button> </div> <script> const app4=new Vue({ el:"#app4", data:{ display: ......
js_mind修改了支持单节点是否可编辑属性editable
/** * @license BSD * @copyright 2014-2023 hizzgdev@163.com * * Project Home: * https://github.com/hizzgdev/jsmind/ */ ; (function ($w) { 'use strict'; ......
vue学习三
<div id="app3"> <button v-on:click="num++">+ </button> <span>{{ num }}</span> <button v-on:click="num--">- </button> <p v-if="num>10">帅</p> <p v-else- ......
js大文件分片上传
1.文件类型的对象有个slice方法，可以对文件进行分片。 2.分片的二进制流需要用File对象包装一下，否则后台接口拿不到文件名和文件类型，导致接口只返回一个‘blob’的名字，当然这种错误情况是依接口而定的 let maxSize = 20; // 20M以上的文件定义为大文件 let oneP ......
【Vue】自己编写排名组件
一、需求分析 这里我是用Echarts的柱状图，倒置下y轴x轴就实现了，然后产品说跟UI不一致 我一看UI这种又给我整不会了，然后想拿Echarts改改参数搞定，同事和群友都是说自己做，不要用Echarts改 二、实现思路 同事劝我用ElementUI的进度条组件来实现，进度条见： https:// ......
vue3
vue3介绍 vue3完全兼容vue2 # tree-shaking是一种消除死代码的性能优化理论# TypeScript -javascript:坑 》填坑 》弱类型 -typeScript：强类型语言 组合式api和配置项api vue3 兼容vue2 》vue2的内容，vue3完全适用vue3 ......
vue3比vue2优势
Vue 3相对于Vue 2有一些显著的优势，主要集中在性能、开发体验和一些新的特性上： 性能提升： 虚拟DOM的优化：Vue 3使用了更高效的虚拟DOM算法，减少了不必要的DOM操作，提高了渲染性能。 编译器优化：Vue 3的编译器生成的代码更为紧凑和高效，加速了首次渲染和更新速度。 更小的包大小： ......
购物车计算总价vue小程序通用
计算总价 this.data.cartlist.filter(item=>item.checked).reduce((a1,a2)=>a1+a2.price*a2.goods_weight,0) 计算全选反选 // every: 有一个不满足条件就返回false return this.arr.ev ......
记录--Vue 右键菜单的秘密：自适应位置的实现方法
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 下图这个情景，你是否也遇到过？ 当你右键点击网页上的某个元素时，弹出的菜单被屏幕边缘遮挡了，导致你无法看清或选择菜单项？ 上图中右键菜单的选项并不是固定不变的，它会根据不同的元素或场景来显示不同的选项。 也就是说，菜单的内容和大小都是动态 ......
vue3 新增 mitt 的使用
在 Vue 3 中，你可以使用 mitt 库来实现事件总线，以便在组件之间进行通信。下面是详细的介绍如何使用 mitt： 安装 mitt 库： 首先，确保你已经安装了 mitt 库。你可以使用 npm 或 yarn 来安装它： 插入代码复制代码 npm install mitt 或 插入代码复制代码 ......
vue上通过krpano.js实现360全景图
首先贴出一些XML对应的函数，文件内容都有注释说明， 前端代码读取xml文件代码 // 初始化 window.embedpano({ xml: 0, target: 'pano', html5: 'only', mobilescale: 1.0, passQueryParameters: 'star ......
算法：质因数分解（JS）
质因数分解 输入一个大于1的正整数，分解出所有成质因数，并以相乘的方式打印 提示1：说a是b的质因数，即a是指数且a是b的因数，例如;2是12的质因数，3是12的质因数，但4不是12的质因数。 提示2：如果输入13，应该打印 12=2*2*3。 1 // PrimeFactor 函数用于将一个正整数 ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了，ref，还写了v-if 然后再watch中操作了 ref 导致报错。 分析： 组件因为v-if 为 false 没有注册和渲染，在操作的时候还使用了this.$refs函数就会获取不到 解决办法： v-if换成v-show ......
算法：打印斐波那契数列的前30项（JS）
打印斐波那契数列的前30项 提示：斐波那契数列的前两项是1，其他项是之前两项之和 1 function fibonacciIterative(n) { 2 if (n <= 0) { // 如果输入的n小于等于0，表示输入错误，返回错误提示 3 return "输入错误，请输入正整数"; 4 } 5 ......
算法：计算圆周率（JS）
计算圆周率 根据公式（π = 4 × (1 / 1 – 1 / 3 + 1 / 5 – 1 / 7 + 1 / 9 - 1 / 11 + 1 / 13··· 1 / 2023)） 计算圆周率的近似值。 1 var sign = 1; // 符号变量，初始值为正 2 var deno = 1; // ......
vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
//在main.js添加 Vue.directive('siem-dropdown', function (el, binding, vNode) { let ul = el.querySelector("ul") let uid = vNode.componentInstance._uid; // ......
算法：九九乘法表（JS）
九九乘法表 1 function createMultiplicationTable() { 2 let table = ''; // 创建一个空字符串用于存储乘法表 3 for (let i = 1; i <= 9; i++) { // 外层循环控制行数，从1到9 4 for (let j = 1 ......
创建vue3项目、setup函数、ref函数、reactive函数、计算监听属性、生命周期、torefs、vue3 setup写法
创建vue3项目 # 两种方式 - vue-cli：vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite ：https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前一样 - ......
算法：寻找自幂数（JS）
寻找自幂数 *打印所有的3位自幂数，即水仙花数； *打印所有的4位自幂数，即四叶玫瑰数； *打印所有的5位自幂数，即五角星数； 提示1:自幂数是指一个n位数，他的每个位上的数字的n次幂之和等于它本身； 提示2:153是一个水仙花数，是因为 153 = 1^3 + 5^3 + 3^3。 1 funct ......
算法：判断平年和闰年（JS）
判断平年和闰年 要求：用户输入年份，如果该年是闰年，则打印"xxxx年是闰年"，否则打印"xxxx是平年" 提示1：符合以下任何一个条件，该年就是闰年，否则就是平年 *该年能被400整除； *该年能被4整除且不能被100整除 提示2：使用prompt（） 提示3：用parseInt() 1 func ......
作业：计算个人所得税（JS）
日常作业：计算个人所得税（可以在百度搜索：https://baike.baidu.com/item/%E4%B8%AA%E4%BA%BA%E6%89%80%E5%BE%97%E7%A8%8E/87168） 计算个人所得税函数 1 // 计算个人所得税金额的函数 2 function calcPers ......
vue3中defineComponent 的作用详解
转自：https://www.jb51.net/article/263096.htm 这篇文章主要介绍了vue3中defineComponent 的作用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下 vue3中，新增了 defineCompon ......
算法3：车羊门问题（JS）
任务三：车羊门问题 车羊门问题”，也被称为‘三门问题、“玛丽莲问题”，是一个在电视节目上获取奖品的游戏，经常在互联网上引起争论，已经持续了几十年时间。现在要求你编写程序，得出科学的结论，以平息这场争论。该游戏的具体规则和争论点，请同学们自行在抖音等平台上搜索了解，了解清楚了再做题。 编程思路： •设 ......
算法2：寻找吸血鬼数（JS）
任务二：寻找吸血鬼数 打印所有4位吸血鬼数和它们的獠牙 提示：一共有7个； 吸血鬼数： -该鬼的位数为偶数； -该数的所有位中。是0的位少一半； -该数每一位上的数字重新组合为两个位数相等的数，乘积正好等于该数。 例如：1260是吸血鬼数，他的獠牙是21和60. -1260是4位数，4是偶数； -1 ......
算法1：寻找完数（JS）
任务一：寻找完数 打印10000以内的完数 完数：与自己所有因子之和相等的数。 1 let sum = 0, i, j; // 定义变量sum、i和j 2 3 for (i = 1; i < 10000; i++) { 4 sum = 0; // 初始化sum为0 5 let factors = [ ......
是用非构建工具开始使用Vue3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
Vue.js 中添加动态背景图片
用 style 标签在 Vue.js 中应用或数据绑定背景图像，然后在其中定义 backgroundImage URL。 它会自动从字符串中检索url，然后在浏览器网页上显示相同的数据内容 ......
创建vue3项目，setup函数，ref函数，reactive函数，计算监听属性，生命周期， torefs，vue3 setup写法
1 创建vue3项目🐑 # 两种方式 - vue-cli：vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite ：https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前 ......
vue-router使用、localStorage系列、vue3介绍、组合式api和配置项api
vue-router使用 以后，就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面组件跳转的 基本 ......