three vue js

记录--你知道Vue中的Scoped css原理么?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 追忆Scoped 偶然想起了一次面试,二面整体都聊完了,该做的算法题都做出来了,该背的八股文也背的差不多了,面试官频频点头,似乎对我的基础和项目经验都很是满意。嗯,我内心os本次面试应该十拿九稳了。 突然,面试官说:「我的主技术栈是Rea ......
原理 Scoped Vue css

js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、相关插件等

js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、相关插件等 原文链接:https://blog.51cto.com/u_15715491/5465185 创建时间日期对象登录后复制 new Date()1.登录后复制 new D ......
时间 日期 javascript 插件 星期

js 根据时间,输出几分钟前,几小时前,几天前,几个月前,几年前。 console.log(getDateDiff("2020-12-16 12:12:12")); 输出结果:2小时前

js 根据时间,输出几分钟前,几小时前,几天前,几个月前,几年前。 原文链接:https://blog.csdn.net/qq_42740797/article/details/111277824 代码1: // 时间戳转多少分钟之前function getDateDiff(dateTimeStam ......
小时 12 quot getDateDiff 年前

Vue基础复习

一、Vue API 风格 Vue 的组件可以按两种不同的风格书写: 选项式API(Vue2)和组合式API(Vue3)大部分的核心概念在这两种风格之间都是通用的。熟悉了一种风格以后,你也能够很快地理解另一种风格 1.1 选项式API (Options API) 使用选项式API,我们可以用包含多个选 ......
基础 Vue

Vue3 实现点击菜单实现切换主界面组件

子组件 菜单组件 MenuComponent 列表组件 ExtTelListComponent 状态组件 ExtTelStatusComponent 父组件 界面主体 MainIndex 实现功能:在 MainIndex 中引入 三个子组件 通过点击 菜单组件 切换加载 列表组件 和 状态组件 实现 ......
组件 菜单 界面 Vue3 Vue

Vue bug from backend

# 一个后端引发前端的BUG 使用的框架是vue 代码里面有一个 获取后台数据 this. data = await fetch() table里面是一些可以编辑的input const dataMock = [ { id: 3, input: '' } ] 大概是一个这样的数据结构 一切正常 一段 ......
backend from Vue bug

vue2 + elementUI + sortablejs 实现可行拖拽排序表格

需要实现表格 (可以新增行, 表格中直接编辑数据,行可上下拖动重新排序) 实现效果(整行上下拖动之后,序号变化为1,2,3.......,可根据名称看效果哦): 初始表格: 拖拽后: 1. 安装拖拽插件 npm install sortablejs --save页面中引入 import Sortab ......
sortablejs elementUI 表格 vue2 vue

ts项目中引入js文件不报错处理

tsconfig.json中 { "include": ["*/*.ts"] //需要检索的文件位置} ......
文件 项目

Vue3 子组件 调用 父组件的函数

子组件 <template> <div class="menuUn Huans"> <a href="javascript:;" class="menuUna flexC fl-bet Huans" @click="menuOnClick('ExtTelStatusComponent')"><p>调 ......
组件 函数 Vue3 Vue

Vue3 动态切换组件component

在 vue3 开发中 经常会遇有 动态切换组件 的需求,下面简单写个例子,当然也还有其它方法。 用 component :is= 来变换组件 <div class="IndConK Huans overH" > <!-- 正常组件 <ext-tel-status-component ></ext-t ......
组件 component 动态 Vue3 Vue

Windows系统使用Nginx部署Vue

# Nginx是什么? Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 ,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的,因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名 ......
Windows 系统 Nginx Vue

vue 打开浏览器新标签页预览 pdf 和 txt 文档,以及新标签页标题修改

1 // 在线查看 2 showOnline({ id, fileExt, fileName }) { 3 if (fileExt && ['jpg', 'jpeg', 'gif', 'bmp', 'png'].includes(fileExt.toLowerCase())) { 4 downloa ......
标签 浏览器 文档 标题 vue

js获取当前年月日周

使用setInterval每秒刷新一次: window.setInterval(function () { const addZero = function(num) { if (parseInt(num) < 10) { num = '0' + num } return num } const d ......
年月日 年月

pdf.js 跳到指定pdf页码以及实现高亮

一、vue 端,file返回的是文件流,注意 keyword 值不能有引号,否则高亮失败,如果非要引号,高亮那边的值需要去掉引号: document.getElementById("findInput").value=keyword; // keyword需要去掉引号 二、在pdf.js 里的 vi ......
页码 pdf js

vue 任务队列

taskQueue.js export default class TaskQueue { constructor(max = 2) { // 控制请求最大并发数 this.max = max // 队列 用shift方法实现先进先出 this.taskList = [] setTimeout(() ......
队列 任务 vue

对JS代码混淆加密的法律意义

对JS代码混淆加密的法律意义 你知道吗?JS代码经混淆加密之后,将得到法律层面的保护。 这是因为:对加密的JS代码进行逆向破解,破解者将面临以下多种法律风险。 1、侵权责任 加密的JS代码或相关产品在涉及生产经营时,破解者可能侵害对方商业利益、技术机密等,被破解方可视受到的侵害起诉追责。 2、刑事责 ......
意义 代码 法律

跨平台GUI开发技术:QT,GTK+, C#(WinForm/WPF), Java(Swing/AWT/JavaFX), Electron, compose-multiplatform, Flutter, JS?

跨平台GUI开发技术:QT,GTK+, C#(WinForm/WPF), Java(Swing/AWT/JavaFX), Electron, compose-multiplatform, Flutter, JS? ......

Vue3+.net6.0 六 条件渲染

v-if,v-else-if,v-else 控制元素是否渲染,不满足条件的时候不会有相应元素。 <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> ......
条件 Vue3 net6 Vue net

js实现排序

let data = [{ id: 2, time: '2019-04-26 10:53:19' }, { id: 4, time: '2019-04-26 10:51:19' }, { id: 1, time: '2019-04-26 11:04:32' }, { id: 3, time: '20 ......

JS的原型与原型链-前端面试题合集

1.JS的原型与原型链 每一个对象实例都有自己对应的构造器, 对应的构造器都拥有一个prototype的属性, 值为一个plain object,这就是 构造器的原型,而且对象实例的proto属性也指向构造器的原型: a.__proto__ A.prototype 所以构造器原型上的属性方法是可以被 ......
原型 前端

vue3自定义指令 拖拽 与拖拽变大小

directives:{ drag:{ mounted: (el, binding) => { const dragDom = el; const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null); el.par ......
指令 大小 vue3 vue

19:vue3 依赖注入

1、通过Prop 逐级透传问题(传统老的方法只能逐级传递) 传统方式代码如下: App.vue 1 <template> 2 <h3>祖宗</h3> 3 <Parent :msg="msg"></Parent> 4 </template> 5 6 <script> 7 import Parent f ......
vue3 vue

Vue3+.net6.0 五 类和样式绑定

Vue3关于样式的处理跟Vue2是一样的,常用的有以下几种。 1.绑定属性 html部分: <div :class="{ active: isActive }"></div> js部分: data() { return { isActive: true } } 当 isActive 值为true时, ......
样式 Vue3 net6 Vue net

二维码简易实现 Vue+Springboot

Vue: <template> <div> <img :src="database64" width="150px"/> <div> 注:请使用手机微信扫码,并于2分钟内绑定员工账号(二维码为账号独属,请勿分享)。 </div> </div></template><script>import { g ......
Springboot 简易 Vue

js 数组选中元素自定义排序

<div class="form_item"> <div> <span><b>* </b>提交形式</span> </div> <CheckboxGroup v-model="committype"> <Checkbox label="image">拍照</Checkbox> <Checkbox l ......
数组 元素 js

vue 批量下载通用方法【转载】

自己做项目的时候遇到需要批量下载文件的需求,于是下意识就用了循环url地址数组创建a标签下载的方法,但浏览器有限制,超过10个文件将不能下载,最多下载10个。于是找遍网上文章,终于找到了适用的。在这记录一下,分享给需要的人 首先需要用到两个插件 file-saver 和 jszip 在需要批量下载功 ......
方法 vue

nginx部署vue网站

1.背景 最近gpt很火,于是尝试用gpt来进行古诗词取名,做了一个vue的网站进行展示,第一次部署,踩了一些坑。 2.实施 nodejs安装: 在任意目录执行如下命令进行安装包下载:wget https://npm.taobao.org/mirrors/node/v14.17.6/node-v14 ......
nginx 网站 vue

多个vue-cli版本共存

1.安装指定版本 2.改名 3.配置环境变量 ......
多个 vue-cli 版本 vue cli

JS-Forward 学习笔记

# 什么是JS-Forward? 不了解的同学,可以先看看JS-Forward的Github仓库介绍,https://github.com/G-Security-Team/JS-Forward JS-Forward是一款可以配合类似Burp Suite等抓包软件的脚本,脚本的功能是可以将js里面的参 ......
JS-Forward Forward 笔记 JS

2023-07-12 vue this.$set设置子组件内的值无效(uniapp+vue)

前言:怎么说呢,子组件内嵌套了多层对象和数组,业务逻辑也是在子组件内处理,如何修改多层嵌套的对象数组的值? vue提供了一个this.$set方法去改变对应的值,实测在uniapp打包的微信小程序中无法使用该方法,而在Android端则可以,那有没有两全其美的方法? 答案是有,在修改深层次的值时可以 ......
组件 vue uniapp 2023 this