写法vue2 vue js
Vue3内置组件suspense用法
## 1、作用 在使用异步组件时，由于需要等待组件加载完成后才能显示，因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符，提高用户体验。 ## 2、用法 * 首先子组件AsyncShow：使用了promise包裹代码 ```javascr ......
vue监听对象属性值发生变化
监听对象属性object里面属性值的变化。 export default { data() { return { object: { username: '', password: '' } } } } 方法一：直接根据watch来监听。 export default { data() { retu ......
[转]vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？
原文地址: vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？ - 掘金 vue中的css深度选择器 概念与作用 当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，父组件的样式将不会 ......
vue~layout模板页的使用
# 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的，而且在很多项目中都被广泛采用，包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构，减少重复代码，并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法： 1. **Layout 组件 ......
导入导出（Excel）vue
导入导出（Excel） 首先 vue安装插件 （最后有完整代码） npm install xlsx file-saver 其次： 简单的导出按钮 代码： <template> <div> <el-button type="primary" @click="exportExcel">导出 Excel< ......
vue3 报错 and 'localEnabled' does not exist in type 'ViteMockOptions'
报错：ReferenceError: require is not defined 原因： 通过命令行 pnpm install -D vite-plugin-mock mockjs 安装得vite-plugin-mock 之后发现再vite.config.ts里边报错 vue3+vite安装vit ......
使用 docker 打包构建部署 Vue 项目，一劳永逸解决node-sass安装问题
> 文章源于 Jenkins 构建 Vue 项目失败，然后就把 node_modules 删了重新构建发现 node-sass 安装不上了，折腾一天终于可以稳定构建了。 > 犹记得从学 node 的第一天，就被 node-sass 折磨了一整天，后面本地没问题了然后服务器开始折磨了，这次又遇到，尝试 ......
TypeScript（TS）JavaScript（JS）中的所有循环方法
for循环： for (let i = 0; i < array.length; i++) { // 循环体 } for…of循环： for (const element of array) { // 循环体 } forEach方法： array.forEach((element) => { // ......
abp-vnext-pro 实战（九，前端vue和vben学习）
vben效果 Vben Admin (vvbin.cn) 对应的代码在 vue-vben-admin/src/views/demo/page/form/basic/data.ts at main · vbenjs/vue-vben-admin (github.com) { field: 'time' ......
js_使用axios请求图片资源, 并读取图片资源为base64格式
- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR ......
vue2的源码github下载和本地启动调试源码
1.下载源码：https://github.com/vuejs/vue 2.安装依赖，命令行执行：yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数，在打包后页面引入使用时可以调试到源码： { "name": "vue", 。。。 "scripts": { ......
Vue动态创建组件实例并挂载到body
方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)
准备工作：安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
vue3.0运行npm run dev 报错Cannot find module ‘node:url‘
### 一、问题描述： - 学习vue3.0（ Vue.js - 渐进式 JavaScript 框架 | Vue.js）的时候一直使用的家里电脑，项目搭建运行一直没问题，公司近期用vue3.0写项目 - npm init vue@latest —> npm install 都ok,npm run d ......
04.node.js websocket
一、概念 Node.js WebSocket是一个用于建立实时双向通信的模块。WebSocket协议允许服务器与客户端之间进行全双工通信，其API使用了事件驱动和流式的方式。 二、客户端 三、服务端 参考：https://developer.mozilla.org/zh-CN/docs/Web/AP ......
Monkey 测试工具 gremlins.js 无法访问 https://unpkg.com/gremlins.js
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports):"function"==typeof define&&define.amd?define(["exports"],a):a((e=e||sel ......
JS 拖动DIV边框改变其大小
效果如下图所示：  详细代码如下： ```html Title ``` ......
vue实现大文件上传下载
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
js闭包
一，闭包是什么闭包是：函数内部和函数外部连接的桥梁；可以读取其他函数内变量的函数；可以访问外部函数的变量，并将这些变量保存在内存中，供内部函数在外部函数执行完毕后继续使用；常被用于工厂函数、模块化等场景。 二，闭包优缺优点：加强封装性，达到对变量的保护作用，更加方便调用局部变量缺点：内存浪费，容易造 ......
js面向对象编程
基本概念 面向对象编程将一个系统抽象为许多对象的集合，每一个对象代表了这个系统的特定方面。对象包括函数（方法）和数据。一个对象可以向其他部分的代码提供一个公共接口，而其他部分的代码可以通过公共接口执行该对象的特定操作，系统的其他部分不需要关心对象内部是如何完成任务的，这样保持了对象自己内部状态的私有 ......
js下载媒体文件（分片下载）
html: <div class="usnbox"> <div class="usnboxbody usnboxbody_rtm"> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-l ......
js的事件循环机制
一、什么是事件循环事件循环机制：就是同步编程模型，用于异步操作。（eg：当代码中遇到需要等待一部分操作结果时，js引擎不会一直等待，而是将该语句放入事件队列中，并执行下一步） 二、组成部分事件队列：用来存储事件的队列（eg：鼠标点击、键盘输入、定时器等）；执行栈：储存正在执行代码的栈；宏任务：被放入 ......
Vue入门
属性动态绑定,内容插值语法 VScode-Vue插件 live server 插件,模拟服务器启动开发前端代码 Vue 3 Snippets 代码提示插件 Volar Vue的开发提示插件 其他插件 bootcdn 搜索js插件类库 Draw.io Integration vscode流程图插件 v ......
vue中，一个参数是一个图片网络地址,当重新上传一个图片替换原来的图片后，地址没变，但是图片还是原来的
这个问题可能是由于浏览器缓存导致的。为了解决这个问题，你可以向图片的URL地址中添加一个随机参数，以确保每次加载图片时都会从服务器获取最新的图片。你可以使用类似于以下方式来添加随机参数： <img :src="imageUrl + '?timestamp=' + Date.now()" /> 这样， ......
js实现大文件上传下载
一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中， ......
Vue组件缓存之keep-alive正确使用姿势
先来看一个项目中的需求 作为苦逼的前端开发者，我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景： 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回，希望列表页缓存，不重新渲染数据，这样会提高用户体验。 分析一下 这样需求，如果是小程序的话，默认列表页就 ......
vue3 配置commitlint 实现上传时，对代码描述的约束
1、对于我们的commit信息，也是有统一规范的，不能随便写,要让每个人都按照统一的标准来执行，我们可以利用**commitlint**来实现。 安装包命令： pnpm add @commitlint/config-conventional @commitlint/cli -D 2、添加配置文件，新 ......
vue3 使用 setup 语法糖时，keep-alive 缓存使用 include / exclude 获取组件名
``` ``` `vue3` 使用 `keep-alive` 缓存页面时，如果需要使用 `include / exclude` 参数，那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名，此时想要设置组件 `name` 的话有如下方法： #### 1. 多写一个script标 ......
element-ui中表格@row-click方法自定义传参的写法
@row-click="(row,column,e)=>handleRowClicked(row,column,e,'unitName')" 参考：https://blog.csdn.net/weixin_46060121/article/details/120151005 ......
Vue【原创】数据可视化，复合数字形式展示
做数据可视化的时候，经常碰到需要很灵活的数字形式展示。 先上个效果图： 如图包括名称，数量，别名，单位，上升下降，环比等等的复合数据展示，并且需要支持样式灵活配置。 此组件包括2个模块，父容器组件box-group，其中每一项的子组件box。 父组件 box-group 1 <template> 2 ......