three vue js
Vue-Vuex
Vuex vuex 是专为vue.js应用程序开发的管理模式，它采用集中式储存管理应用的去全部组件状态，并以响应的规则邦正状态可以以一种可预测的方式变化 主要管理数据 使用vuex的时机，vuex相当于商店，谁都可以取买卖东西 当两个组件没有关系的情况下 1.如果项目中型或者大型，不推荐 使用 父子 ......
vue 树形选择器数据处理 + 搜索查询时每一层级都可选
vue 树形选择器 主要用后端处理显示数据 根据 el-Element 官网可知，想要使用树形选择器 <el-tree-select> 就要提供以下形式的数据： data = [ { value: '1', label: 'Level one 1', children: [ { value: '1- ......
JS反调试VMdebugger
今天干活的时候，要在前端调试找token值，打开“源代码”选项卡的时候，就不断步入“VMXXX”格式的源码当中，在查询了一些资料之后，发现Node.js反调试的一种手段，网上有说是Google chrome加载evel()函数，应该是存在这种的情况的，不过在测试的过程当中大多数应该都是反调试的这种。 ......
js格式化工具
背景 通常我们进行网页调试或者爬虫的时候，发现get到的js通常是格式很乱的，不利分分析代码和查找 所以本文找到一个可以将js格式化的工具 在线解析 1.网址 https://coding.tools/cn/javascript-beautifier 比如我们请求一个js https://unpkg ......
vue3使用虚拟化表格自定义表格并动态生成表头
element Plus的虚拟化表格用的是lang=tsx,先安装 cnpm i @vitejs/plugin-vue-jsx 然后去vite.config.ts里加配置 import vueJsx from '@vitejs/plugin-vue-jsx' plugins: [ vue(), vu ......
记录--Vue使用CDN引入，响应式失效？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 最近心血来潮，想要在本地开发时，也用CDN的方式引入 Vue，想着既然通过CDN引入了，那么在项目中就没必要再 import Vue，然后把项目中引入 Vue 的地方都删掉，结果改完后，界面看似正常运行，但数据变更后，界面没有重新渲 ......
vue项目：如何在编辑用户信息后，能够及时更新layout下的navar组件中的用户名，而不是手动刷新？
问题描述：layout下的navar组件中展示用户名，初始化时进入layout层会进入mouted中请求接口数据展示名称，但是在编辑弹框中编辑成功后，关闭弹框，此时不会走layout的mouted，因为layout组件的mouted已经加载过一次了，不手动刷新浏览器是不会走mouted生命周期的。那 ......
vue的响应式原理：依赖追踪
在明白原理之前，我们有很多表面现象、使用场景需要记忆。明白了原理后，你会发现它们已经不需要记了，因为从原理出发，你自己都能把它们推导出来，一切是那么的自然而然。感觉就是：这还用记吗？很明显嘛！ 之前我对vue的响应式原理，只是一知半解，导致开发中经常会出现疑问，比如：为什么有的数据它不响应？模板中用 ......
vue3 demo
<script setup> import { computed, ref } from "vue"; // const blog = ref({ // title: "Vue3 基础教程", // content: "Vue3 在 Vue2 的基础上做了很多优化", // link: "https ......
js 中的 base64 转码 btoa/atob
1 场景 有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。另一个场景是，有时需要以文本格式传递二进制数据，那么也可以使用 Base64 编码。 所谓 Base64 就是一种编码方法，可以将任意值转成 ......
js---手绘签名
最近在做项目，在做电子签章的时候，需要用到电子签名，下面是用JS进行手绘签名： <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手写签名</titl ......
js---生成印章
最近在做电子合同的功能，需要用到电子印章，那么如何通过js生成印章呢？下面是具体的代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ca ......
JS(JavaScript)
1. 介绍： JavaScript 语言主要是 完成页面的数据验证，因此运行在客户端，需运用浏览器来解析执行JavaScript代码。 ECMAScript是JS的一个标准。 一个完整的JS是由ECMAScript，DOM(文档对象模型)，Bom(浏览器对象模型)组成的。 JS是弱类型（类型可变）J ......
[转]vue3+tsx开发语法详解
原文地址:vue3+tsx开发语法详解 - 知乎 很多组件库都使用了TSX的方式开发，主要因为其灵活性比较高，TSX和SFC开发的优缺点就不介绍了，这里主要说一下将SFC项目改造为TSX的过程。 安装JSX库 pnpm install @vitejs/plugin-vue-jsx -D 安装完之后在 ......
[转]在 vue3 中优雅的使用 jsx/tsx
原文地址:在 vue3 中优雅的使用 jsx/tsx - 掘金 前言 相信 react 的伙伴对于 jsx/tsx 都不陌生吧，现在在 vue3 中也可以使用 jsx/tsx 语法拉。 安装插件（@vitejs/plugin-vue-jsx） vite官方提供了官方的插件来支持在vue3中使用jsx ......
vue3 01项目的创建
npm init vue@latest 看需求选择 紧接着cd 到自己的项目文件下 npm i一下安装依赖 npm run dev 启动项目 ......
学习Vue3 第六章（认识Ref全家桶）
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}</div> ......
vue 配合后端请求异步加载APP.vue
主要是想在加载路由什么的之前先请求一些配置参数，毕竟我的情况是首页要根据不同的配置显示不同的路由组件 一般加载App.vue是这么写的 import { createApp } from 'vue' import App from './App.vue' createApp(App).mount(' ......
JavaWeb - Day02 - JS、Vue
01. JS-介绍 什么是JavaScript? JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。 JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。 JavaScript 在 1995 年由 B ......
Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina
项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库，由 Vue 核心团队维护，旨在替代 vuex。pina 的更多介绍，可从 pina官网 查看 特点 更简洁直接的 API，提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好 ......
JavaScript(JS) 判断没有属性的空对象{}的四种方法
JavaScript(JS) 中对象没有属性初始化时，可能使用{}进行初始化，如此我们判断这样的没有属性的空对象就不是很方便，本文主要介绍JavaScript(JS) 中判断没有属性的空对象{}的五种方法，以及相关的示例代码。 1、通过JSON.stringify()判断 可以使用JSON.stri ......
JS 中 package 包版本格式
在JavaScript中，通过npm（或yarn）管理的package.json文件中，你可以为依赖指定多种格式的版本号。版本号通常遵循语义化版本控制（SemVer），格式为主版本号.次版本号.修订号（MAJOR.MINOR.PATCH）。以下是一些常见的版本号格式： 精确版本（Exact）: "1 ......
js监听判断是否超出省略号显示
function isOverflow(element) { return element.scrollWidth > element.offsetWidth; } let element = document.querySelector('.ellipsis-span'); let resizeO ......
uniapp+vue3 优惠券样式
效果如图： template部分： <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
js事件
JavaScript支持多种事件，事件是在文档(DOM)或浏览器窗口中发生的事情。以下是一些常见的JavaScript事件： 鼠标事件（Mouse Events）: click - 鼠标单击 dblclick - 鼠标双击 mousedown - 按下鼠标按钮 mouseup - 松开鼠标按钮 mo ......
JS实现把内容复制到剪切板中
其中弹出框是采用了Element-PLUS组件实现，你可以选择使用原生的alert去实现，或者不做提醒都可以，同时我加入了async进行异步，你也可以去掉async（记得同时去掉await），还可以不采用try进行错误处理（我怕一些浏览器不兼容？） /** * 把传入的值放入用于剪切板 * data ......
Python中execjs执行JS代码出现中文乱码
1、乱码场景 新建 文件code.js，详情如下： function fun() { return "我是fun函数"; } 在Python中执行此JS代码： 1 import execjs 2 3 # 读取js 4 with open("code.js", encoding="utf8") as ......
[Vue] vue学习笔记 (7): vue内置指令和自定义指令
内置指令 v-bind 单向绑定解析表达式，简写为:xxx v-model 双向数据绑定 v-for 遍历数组/对象/字符串 v-on 绑定事件监听，简写为@xxx v-if 条件渲染，动态控制节点元素是否存在 v-else 条件渲染，动态控制节点元素是否存在，与v-if一起用 v-show 动态控 ......
js 监听回车按键，keyCode已经废弃
window.addEventListener("keydown", enterUp); // 点击回车键登录 const enterUp = (e: any) => { console.log("in enter up：", e); if (e.keyCode == 13 || e.keyCode ......
js jquery 调用摄像头拍照及扫描二维码
很好用的一个js库：https://github.com/mebjas/html5-qrcodedemo: https://scanapp.org/ demo: https://blog.minhazav.dev/research/html5-qrcode vue项目推荐用这个：https://zh ......