路由 程式vue js

vue3

vue3 * vue3支持组合式传参, vue2在创建app对象的时候,会传入一个包含各种选项的对象,选项包括data函数,methods对象,computed对象等等。 vue3在创建app对象的时候,也是传入一个对象,但是对象属性中有一个setup函数,在该函数中可以定义响应对象,函数,comp ......
vue3 vue

推荐一款 Vue3 调试神器!

vue-devtools 是一款基于Chrome浏览器的插件,可以用于调试vue应用,也可以用来辅助我们找到各页面对应的Vue.js文件路径,想必大家都不陌生吧~ 今天给大家推荐一个比 vue-devtools 更好用的插件vite-plugin-vue-devtools, 它是一个旨在增强 Vue ......
神器 Vue3 Vue

js复制文本到剪切板

//复制到剪切板 function copyToClipboard(text) { var input = document.createElement('input'); input.setAttribute('readonly', 'readonly'); input.setAttribute( ......
文本

华三路由器、交换机学习笔记

将端口划分到VLan [H3C-GigabitEthernet1/0/2]port access vlan 20 归类为trunk口,制定允许通过trunk的VLan号 [H3C-GigabitEthernet1/0/3]port link-type trunk [H3C-GigabitEthern ......
路由 路由器 交换机 笔记

js 上传图片文件,限制格式、大小和尺寸

通过js限制上传图片 前言 做前端项目时,经常会用到form表单,偶尔也会用到input标签来提交上传图片文件。在上传文件时,有时候会有一定的条件,比如图片格式、大小及尺寸。 通过js,可以在前端来设置上传图片的格式、尺寸及大小,并验证。 主要方法 1、设置上传图片的格式 jsp代码,设置form表 ......
尺寸 大小 格式 文件 图片

谈谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64

JavaScript 提供了一些 API 来处理文件或原始文件数据,例如:File、Blob、FileReader、ArrayBuffer、base64 等。下面就来看看它们都是如何使用的,它们之间又有何区别和联系! 1. Blob Blob 全称为 binary large object ,即二进 ......
二进制 ArrayBuffer FileReader File Blob

Vue插件

功能:用于增强vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件(新建一个plugins.js文件): export default { install(Vue,x,y,z){ console.log(x,y,z) ......
插件 Vue

IIS部署vue项目

【第一步】安装IIS {1)打开控制面板 -> 打开程序和功能 -> 打开启用或关闭windows功能 (2)找到 Internet Information Services 勾选【web管理工具】和【万维网服务】,然后 确定 【第二步】安装URL重写模块 1). 安装URL Rewrite,下载地 ......
项目 IIS vue

云工作流 CloudFlow 重磅发布,流程式开发让云上应用构建更简单

为了让企业和开发者更快速、便捷地进行云上开发,阿里云重磅发布云工作流(CloudFlow),它是一款强大的面向开发者的流程编排开发工具,全托管、高并发、高可用,帮助用户简化和自动化复杂的云上业务流程和工作流程,更便捷地在云上构建应用。 ......
工作流 重磅 程式 CloudFlow

Spring编程式事务控制

目录Spring编程式事务控制代码实现测试 Spring编程式事务控制 实际中很少使用 代码实现 pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xml ......
程式 事务 Spring

vue3父子通信

vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
父子 vue3 vue

记录--Vue3问题:如何实现组件拖拽实时预览功能?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统,在后台进行内容编辑,在官网更新展示内容。 关于后台的编辑功能,大致分为两部分:组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览,用户可以在含有各种功能组件的列表中,选择需要的组件进行拖拽。 ......
组件 实时 功能 问题 Vue3

探究vue的diff算法

1.diff算法是什么? diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后,生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异,将更新补丁作用于真实 DOM,以最小成本完成视图更新。 1.1特点 策略:深度优先,同层 ......
算法 diff vue

vue3 + vite + ts 配置 @ 别名

第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
别名 vue3 vite vue ts

vue中使用Vue.extend方法仿写一个loading加载中效果

需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果,需求如下: 通过命令就可以让弹框开启或关闭,比如this.$showDialog()开启,this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 ......
效果 loading 方法 extend vue

vue项目中使用的移动端的签名组件,纯 js 写的

<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
组件 端的 项目 vue js

Js 之treeTable树状表格

一、下载 /** 树形表格3.x Created by wangfan on 2020-05-12 https://gitee.com/whvse/treetable-lay */ layui.define(['laytpl', 'form', 'util'], function (exports) ......
treeTable 表格 Js

js 可选链操作符

参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining#try_it 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是 ......
操作符 js

js 身份证验证

/** * 身份证15位编码规则:dddddd yymmdd xx p * dddddd:地区码 * yymmdd: 出生年月日 * xx: 顺序类编码,无法确定 * p: 性别,奇数为男,偶数为女 * <p /> * 身份证18位编码规则:dddddd yyyymmdd xxx y * ddddd ......
身份证 身份 js

Vue中的$refs 用法

Vue中的$refs 用法 Vue中的$refs原理涉及到Vue实例的生命周期、虚拟DOM以及一些底层的JavaScript原理。 Vue实例的生命周期: 当Vue实例被创建时,它会经历一系列的生命周期钩子,包括beforeCreate、created、beforeMount、mounted等。在m ......
refs Vue

[VUE] WebPack 打包后自动修改 dist 中 package.json 版本号

我们在开发 npm 包时,开发期的 package.json 通常并不一定是发布到 npm 仓库的 package.json。这种情况下每次改版本号需要改两个地方,比较麻烦。 我一般使用 webpack 进行打包,所以有了下面这个小插件。 插件源码 modify.version.plugin.js ......
WebPack package 版本 dist json

路由策略入门指南

路由策略是通过一系列工具或方法对路由进行各种控制的“策略”。这种策略能够影响到路由产生、发布、选择等,进而影响报文的转发路径。这些工具包括ACL、route-policy、ip-prefix、filter-policy等,这些方法包括对路由进行过滤,设置路由的属性等。 ......
入门指南 路由 策略 指南

巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)

问题描述 有一个简单的表格,产品要求实现双击可编辑 看了一下网上的帖子,大多数都是搞两部分dom,一块是输入框,用于编辑状态填写;另一块是普通标签,用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下: <el-tabl ......
组件 el-table extend v-else table

爬虫及js相关部分内容

爬虫 websocket 直播弹幕抓取逆向分析流程总结 websocket,flash chrome插件 添加了有道生词本的 chrome google翻译扩展和有道翻译扩展 js提取auth taobao账号auth web自动化 新浪账号自动化刷新 headless puppeteer抓取微指数 ......
爬虫 部分 内容

vue3 + java 查询数据前后端时间不一致如何解决?

环境:vue3 + springboot + mybatis + mysql 场景:后端返回的时间与前端接收到的时间,小时不一致, 时间格式是古巴标准时间:"CST" 解决:在 Entity 中时间字段上增加注解: @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss ......
时间 数据 vue3 java vue

vue实现大文件分片上传与断点续传到七牛云

问题: 前段时间做视频上传业务,通过网页上传视频到服务器。 视频大小 小则几十M,大则 1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题: 1、文件过大,超出服务端的请求大小限制; 2、请求时间过长,请求超时; 3、传输中断,必须重新上传导致前功尽弃; 探索过程: 1、原先咨询过组里的大 ......
断点 文件 vue

vue3调用高德地图,实现地址,经纬度填写

父组件引用高德地图: 1 <template> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="form-box"> 5 <el-form 6 label-position="top" 7 :inline="true" 8 :mod ......
经纬度 经纬 地址 地图 vue3

前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案

前端项目启动到一半的时候卡在跳转浏览器出现了 这个问题 那么问题大概率就是你环境刚配置或者配置错了的问题,这个时候只需要 找到 我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => PATH 环境 => 双击进去 => 添加环境变量 => 添加这俩个 C:\Windows\ ......
前端 解决方案 原因 方案 项目

前端 JS 安全对抗原理与实践

前端代码都是公开的,为了提高代码的破解成本、保证JS代码里的一些重要逻辑不被居心叵测的人利用,需要使用一些加密和混淆的防护手段. ......
前端 原理 JS

wps js在指定区域查找关键字

Workbooks.Item(sy112).Activate();//“关键字”所在的文件 let rng=Rows.Item("3:4");//“关键字”所在行 let c=rng.Find("关键字",undefined,xlValues); if(c !=null){ let firstCol ......
关键字 区域 关键 wps
共10100篇  :17/337页 首页上一页17下一页尾页