three vue js

vue基本操作[上] 续更----让世界感知你的存在

# Vue引用js文件的多种方式 **1.vue-cli webpack全局引入jquery** (1)首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。) (2)在webpack. ......
基本操作 世界 vue

vue-day28--对组件的理解

学了vue之后,我们需要了解组件是什么组件的定义:实现应用中局部功能代码(css/js/html)和资源(map,map,zip)的集合 1.1 模块与组件、模块化与组件化 1.1.1 模块 理解:向外提供特定功能的 js 程序,一般就是一个 js 文件 为什么:js 文件很多很复杂 作用:复用 j ......
组件 vue-day vue day 28

Nest.js框架下,nest g app auth 命令报错!

首先报错信息是:Failed to execute command: node @nestjs/schematics:sub-app --name=auth --no-dry-run --no-skip-import --language="ts" --source-root="apps/reser ......
框架 命令 Nest auth nest

JS标识符

什么是标识符? 变量名 函数名 属性名都称为标识符. 定义标识符规范如下 1) 标识符只能由字母 数字 下划线 $组成. 2) 标识符不能以数字开头,例如: 1name. 3) 标识符不能实JS中的关键字或保留字, 例如: for if while等. 4) 标识符一般采用驼峰命名法定义,第一个单词 ......
标识符 标识

vue实现文本复制

> 一. 下载插件 `npm install --save vue-clipboard2 ` > 二. main.js `import VueClipBoard from 'vue-clipboard2'` `Vue.use(VueClipBoard)` > 三. 使用 html部分 点击查看代码 ......
文本 vue

JS监听页面dom新增方法

```js $( document ).ready(function() { var observer = new MutationObserver(function(mutations){ console.log('mutationObserver0') mutations.forEach(fun ......
页面 方法 dom

vue组件之间的数据传递

title: vue组件之间的数据传递 date: 2023-07-18 19:17:32 tags: - vue categories: - 工程 - 前端 top: ![](https://img2023.cnblogs.com/blog/2863049/202307/2863049-20230 ......
组件 之间 数据 vue

vue pinia数据持久化

1.安装插件 yarn add pinia-plugin-persistedstate 2.引入插件 将插件导入文件pinia实例 import { createPinia } from 'pinia'; import piniaPluginPersistedstate from 'pinia-pl ......
数据 pinia vue

vue3+vite4实现动态引入图片

本来是想使用vue2时使用的require,但是在运行时却突然报错: 看到上面的报错让我很懵,require为啥不能使用呢?? 经过我不懈的努力,终于找到原因: 在 Vue 3 和 Vite 4 中,不再推荐使用 CommonJS 的 require 语法,而是使用 ECMAScript 模块(ES ......
动态 图片 vite4 vue3 vite

js 判断对象数组中 某一个字段值是否重复

如果你想要判断对象数组中的某个字段值是否重复,你可以使用 JavaScript 的 find() 方法结合一个哈希表(即对象)来实现。下面是一个示例: function hasDuplicateField(array, field) { const map = {}; for (let i = 0; ......
数组 字段 对象 js

vue3+vite4使用swiper10实现coverflow效果

<Swiper class="swiper-container mt-40px" :modules="modules" :loop="true" :autoplay="{ delay: 5000, }" :speed="1000" :slidesPerView="2" :centeredSlides ......
coverflow 效果 swiper vite4 vue3

js 判断对象数组里面是否存在重复数据

可以使用 JavaScript 来判断对象数组中是否存在重复数据。下面是一种常见的解决方法: function hasDuplicate(array) { const seen = new Set(); for (let i = 0; i < array.length; i++) { const o ......
数组 对象 数据 js

vue - 图片的放大镜功能

``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s ......
放大镜 功能 图片 vue

vue手搓h5滚动日期选择器组件

背景 新项目为了省事和后台写一起了,所以用不了Uni-app(悲),然后element-ui的日期选择器h5不适配,看着也难受,就想找个好用的,结果找了一圈感慨,自己写个吧。 说明 为了加快速度,代码可能有些臃肿,但大概就是这样了,看着代码好多,其实只要会一个的滚动就会多个了。建议下看下参考文章,然 ......
组件 日期 vue

vue+zxing 扫描条形码

背景 扫描甲方商品身上的条形码。 吐槽下:这玩意又细又小,还反光,最后用的uni-app上的插件,而且不用自己封装了。虽然和我之前的二方案差不多,即使用 Quagga,打开video,将每帧画成canvas,然后转换为图片交给Quagga识别,缺点是功耗大,最后实装的表现还行,就是扫几个码,手机热了 ......
条形 条形码 zxing vue

vue使用hiprint实现打印(vue-plugin-hiprint)

1、安装插件: npm install vue-plugin-hiprint 或 yarn add vue-plugin-hiprint 2、普通使用: <template> <div class="box"> <div class="box-tool"> <el-button-group> <el ......
hiprint vue-plugin-hiprint vue plugin

vue v-if 和v-permission 共同使用的奇怪问题

背景 后台系统某功能按钮需要订单状态和用户权限共同校验是否显示,将权限校验和v-if共同作用在同一div中,下方为实例代码 <div v-if="status==0"> <div @click="function1"> 某按钮功能 </div> </div> <div v-if="status==1 ......
v-permission permission 问题 v-if vue

tomcat9 js 中文乱码

conf/web.xml文件 找到servlet节点 添加以下内容 <init-param> <param-name>fileEncoding</param-name> <param-value>UTF-8</param-value> </init-param> 好使了 ......
乱码 tomcat9 tomcat js

vue .sync修饰符的使用详解

这篇文章主要介绍了vue .sync修饰符的使用,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 vue的官网介绍非常不错,先通读一遍。 2.3.0+ 新增 在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可 ......
sync vue

antd+vue3 tree-select 组件库 筛选结果不正确的问题

第一次遇到这种带搜索框的下拉树状列表搜索关键字的时候出现我不想要的结果。 我感觉组件它只是搜索一级列表而没有搜索二级列表,然后一节列表把它整个的二级列表带出来了。 二级列表里边包含搜索关键字的所有item才是我想要的。 相关代码: 1 <!-- 页面名称 --> 2 <div 3 class="no ......
tree-select 组件 结果 select 问题

跨平台桌面应用开发-基于Elecron与NW.js

《跨平台桌面应用开发-基于Elecron与NW.js》 361页 419MB 2018年3月第1版 ......
应用开发 桌面 Elecron NW js

vue 小写转大写方法

好久好久没更新了啊,其实有好多可以写的, 但是不知道为啥不想写了 方法一: // 输入的金额进行大写转换 function transformation(val) { var fraction = ["角", "分"]; var digit = ["零", "壹", "贰", "叁", "肆", " ......
小写 大写 方法 vue

js中数组常用的方法

javascript(js)中数组常用的方法 1.push():向数组末尾添加一个或多个元素,并返回新数组的长度。 const arr = [1, 2, 3]; arr.push(4); // [1, 2, 3, 4] 2.pop():移除数组末尾的元素,并返回被移除的元素。 const arr = ......
数组 常用 方法

vue实现自定义进度条

1. Vue项目没有引入element的依赖,自定义实现进度条,效果如下: 2. template代码 <div class="progress-bar"> <div class="progress-bar-outer"> <span class="progress-text" :style="{c ......
进度 vue

前端js解析word(.docx)

### 1. Mammoth 旨在转换 .docx 文档,并将其转换为 HTML。Mammoth 的目标是通过使用文档中的语义信息并忽略其他细节来生成简单干净的 HTML。比如Mammoth 会将应用标题 1 样式的任何段落转换为 h1 元素,而不是尝试完全复制标题的样式(字体,文本大小,颜色等)。 ......
前端 word docx

vue前端项目启动

我们拉取了一个前端项目后,如果项目中有说明的文档,可以参照文档的步骤启动项目,如果 项目中没有说明文档,那我们可以按照以下的步骤启动项目 1、首先是安装依赖包 npm install 2、启动项目 npm run dev 这里的npm run 环境名称,这里的环境名称主要取决于项目中的package ......
前端 项目 vue

vue学习——分析脚手架

......
脚手架 vue

介绍社交论坛问答发帖系统源码-java+vue+uniapp开发前后端

前后端分离社交论坛问答发帖BBS源码,社交论坛小程序|H5论坛|,app论坛是java+vue+uniapp开发的前后端分离社交论坛问答发帖/BBS项目,包括论坛图文帖,视频,圈子,IM私聊,微信支付,付费贴,积分签到,钱包充值等论坛小程序论坛app完整功能 演示地址:www.runruncode. ......
社交 源码 uniapp 系统 论坛

javascript-js正则表达式-常用的正则表达式

js常用的正则表达式 1.匹配Email地址: const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 2.匹配URL: const urlRegex = /^(https?:\/\/)?([a-zA-Z0-9.- ......

npm安装教程 搭建vue

# 一、相关概念 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖 ......
教程 npm vue