three vue js
记录--你知道Vue中的Scoped css原理么?
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 追忆Scoped 偶然想起了一次面试,二面整体都聊完了,该做的算法题都做出来了,该背的八股文也背的差不多了,面试官频频点头,似乎对我的基础和项目经验都很是满意。嗯,我内心os本次面试应该十拿九稳了。 突然,面试官说:「我的主技术栈是Rea ......
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、相关插件等
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、相关插件等 原文链接:https://blog.51cto.com/u_15715491/5465185 创建时间日期对象登录后复制 new Date()1.登录后复制 new D ......
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 ......
Vue基础复习
一、Vue API 风格 Vue 的组件可以按两种不同的风格书写: 选项式API(Vue2)和组合式API(Vue3)大部分的核心概念在这两种风格之间都是通用的。熟悉了一种风格以后,你也能够很快地理解另一种风格 1.1 选项式API (Options API) 使用选项式API,我们可以用包含多个选 ......
Vue3 实现点击菜单实现切换主界面组件
子组件 菜单组件 MenuComponent 列表组件 ExtTelListComponent 状态组件 ExtTelStatusComponent 父组件 界面主体 MainIndex 实现功能:在 MainIndex 中引入 三个子组件 通过点击 菜单组件 切换加载 列表组件 和 状态组件 实现 ......
Vue bug from backend
# 一个后端引发前端的BUG 使用的框架是vue 代码里面有一个 获取后台数据 this. data = await fetch() table里面是一些可以编辑的input const dataMock = [ { id: 3, input: '' } ] 大概是一个这样的数据结构 一切正常 一段 ......
vue2 + elementUI + sortablejs 实现可行拖拽排序表格
需要实现表格 (可以新增行, 表格中直接编辑数据,行可上下拖动重新排序) 实现效果(整行上下拖动之后,序号变化为1,2,3.......,可根据名称看效果哦): 初始表格: 拖拽后: 1. 安装拖拽插件 npm install sortablejs --save页面中引入 import Sortab ......
Vue3 子组件 调用 父组件的函数
子组件 <template> <div class="menuUn Huans"> <a href="javascript:;" class="menuUna flexC fl-bet Huans" @click="menuOnClick('ExtTelStatusComponent')"><p>调 ......
Vue3 动态切换组件component
在 vue3 开发中 经常会遇有 动态切换组件 的需求,下面简单写个例子,当然也还有其它方法。 用 component :is= 来变换组件 <div class="IndConK Huans overH" > <!-- 正常组件 <ext-tel-status-component ></ext-t ......
Windows系统使用Nginx部署Vue
# Nginx是什么? Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 ,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的,因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名 ......
vue 打开浏览器新标签页预览 pdf 和 txt 文档,以及新标签页标题修改
1 // 在线查看 2 showOnline({ id, fileExt, fileName }) { 3 if (fileExt && ['jpg', 'jpeg', 'gif', 'bmp', 'png'].includes(fileExt.toLowerCase())) { 4 downloa ......
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 ......
vue 任务队列
taskQueue.js export default class TaskQueue { constructor(max = 2) { // 控制请求最大并发数 this.max = max // 队列 用shift方法实现先进先出 this.taskList = [] setTimeout(() ......
对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> ......
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 ......
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+.net6.0 五 类和样式绑定
Vue3关于样式的处理跟Vue2是一样的,常用的有以下几种。 1.绑定属性 html部分: <div :class="{ active: isActive }"></div> js部分: data() { return { isActive: true } } 当 isActive 值为true时, ......
二维码简易实现 Vue+Springboot
Vue: <template> <div> <img :src="database64" width="150px"/> <div> 注:请使用手机微信扫码,并于2分钟内绑定员工账号(二维码为账号独属,请勿分享)。 </div> </div></template><script>import { g ......
js 数组选中元素自定义排序
<div class="form_item"> <div> <span><b>* </b>提交形式</span> </div> <CheckboxGroup v-model="committype"> <Checkbox label="image">拍照</Checkbox> <Checkbox l ......
vue 批量下载通用方法【转载】
自己做项目的时候遇到需要批量下载文件的需求,于是下意识就用了循环url地址数组创建a标签下载的方法,但浏览器有限制,超过10个文件将不能下载,最多下载10个。于是找遍网上文章,终于找到了适用的。在这记录一下,分享给需要的人 首先需要用到两个插件 file-saver 和 jszip 在需要批量下载功 ......
nginx部署vue网站
1.背景 最近gpt很火,于是尝试用gpt来进行古诗词取名,做了一个vue的网站进行展示,第一次部署,踩了一些坑。 2.实施 nodejs安装: 在任意目录执行如下命令进行安装包下载:wget https://npm.taobao.org/mirrors/node/v14.17.6/node-v14 ......
JS-Forward 学习笔记
# 什么是JS-Forward? 不了解的同学,可以先看看JS-Forward的Github仓库介绍,https://github.com/G-Security-Team/JS-Forward JS-Forward是一款可以配合类似Burp Suite等抓包软件的脚本,脚本的功能是可以将js里面的参 ......