组件 常用confirm vue
第三篇 vue - 基础 - 创建一个 Vue 应用、应用实例讲解
创建一个 Vue 应用 当前介绍如何在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置，并允许我们使用 Vue 的单文件组件 (SFC) 确保已经安装了最新版本的 Node.js，然后在命令行中运行以下命令 npm init vite vue@latest 这一指令将会安装并执 ......
webpack.config.js和vue.config.js的区别
webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。 vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当 ......
vue 横向滚动菜单点击居中
最近在写项目的时候遇到一个功能 vue 横向滚动菜单实现点击 元素滚动可视区域居中，网上找了一些轮子都不是很好用，决定自己写一个，话不多说，开撸 先上效果如下，点击后面item可自动滚动到可视区域 在template中的代码 <div class="navbar-list"> <div class= ......
Vue的$nextTick完成后获取渲染后的dom数据
问题是这样滴： 需要在div的内容更新后获取div的高度，如果在更新值后马上获取，则高度还是之前的，需要在$nextTick中获取，但是呢这个高度需要返回给上层函数用做比较，所以就想$nextTick返回后在处理，搜索后发现$nextTick是处理异步的一个回调函数，它返回的是一个promise对象 ......
常用操作系统命令
常用Windows命令 ifconfig /all 获取获取域名、IP地址、DHCP服务器、网关、MAC地址、主机名 net time /domain 查看域名、时间 net view /domain 查看域内所有共享 net view ip 查看对方局域网内开启了哪些共享 net config w ......
常用端口及弱口令信息
web类(web漏洞/敏感目录) 第三方通用组件漏洞struts thinkphp jboss ganglia zabbix 80 web 80-89 web 8000-9090 web 数据库类(扫描弱口令) 1433 MSSQL 1521 Oracle 3306 MySQL 5432 Postg ......
vue全家桶进阶之路20：ECMAScript脚本语言规范
ECMAScript（简称 ES）是一种由 Ecma 国际组织定义的脚本语言标准，它定义了 JavaScript 语言的基本规范和特性。JavaScript 是一种基于 ECMAScript 标准的编程语言，因此 ECMAScript 对于 JavaScript 开发来说非常重要。 ECMAScri ......
el-dialog在vue3中的应用
一般根据文档给到的demo，其中:visible.sync控制显示隐藏，我实测不行的呢?改用v-model=“dialogVisible”来实现 <template> <el-dialog title="提示" :visible.sync="dialogVisible"> <!-- 对话框内容 -- ......
常用设计模式
1、设计模式简介 什么是模式？ 有一些问题及其解决方案不断变换面孔重复出现，在这些不同的面孔后面是共同的本质；这些共同的本质就是模式。 设计模式是特定开发场景下针对特定问题的一种解决方案。 创建型模式解决的问题就是如何创建对象，何时创建对象，它努力的让代码不要太多的关注对象的具体类型，不用关注对象的 ......
ES5 类 组合使用构造函数模式与原型模式（最常用）
组合使用构造函数模式与原型模式（最常用） function Person(name, age){ this.name = name; this.age = age; } Person.prototype.sayName = function(){ console.log(`My name is ${ ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
VUE SSR
1 简介 概念：ssr（server side render）服务端渲染 优点： 1.有利于搜索引擎的SEO操作，由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备，可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点： 1.开发受限制，比如mounted生命周期钩子不能用 ......
libx11遍历窗体上所有组件
libx11遍历窗体上所有组件 ANSWER 想要遍历窗体上的所有组件，需要先获取窗体的ID，然后通过XQueryTree函数来获取窗体的子组件ID列表。可以通过以下步骤来实现： 获取窗体ID：可以使用XGetInputFocus函数获取当前焦点所在的窗体ID，或者使用XQueryTree函数遍历整 ......
vue全家桶进阶之路19：webpack资源打包工具
Vue.js 是一个前端开发框架，它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具，它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件，并提供模块化加载、压缩、混淆等功能，以便于前端开发和部署。 在使用 Vue.js 开发 ......
电脑常用快捷键学习
电脑常用快捷键学习 键盘功能键 tab shift+delete回车右面的件是永久删除文件 ctrl+c选中复制+v粘贴+a全部选中+x剪贴+z撤销+s保存+shift+esc键是任务管理器 alt+F4关闭窗口 空格 enter window+r弹出运行比如cmd命令窗口+e可以打开我的电脑+ta ......
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新？
解决方案： 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
1.在Node官网上下载zip安装包。 网址：https://nodejs.org/dist/v16.14.0/ （需要哪个版本就把/v后的版本号改成哪个版本） 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹： node_cache：npm缓存路径 node_global：np ......
超全、超简单Vue微信公众号授权登录指南
<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span> <input type="number" :value="account" placeholder="请输入手机号"> </div> ......
Element-UI el-upload组件，上传失败，但是依然显示文件列表
问题描述 最近在使用element-ui的 el-upload组件，发现一个问题，就是我在上传文件过程中，上传失败了，文件列表仍然展示该文件。 ##解决办法 上传成功on-success回调方法中 // 除去上传失败的文件 refName为绑定的upload ref值 const errFileIn ......
vue2实现路由懒加载
以下内容仅供学习使用 安装@babel/plugin-syntax-dynamic-import插件。 1.1 使用npm安装： npm install --save-dev @babel/plugin-syntax-dynamic-import 1.2 使用yarn安装： yarn add --d ......
常用编码格式
页面编码 在网页设置网页编码 在<head></head>中加入设置特定html标签<meta charset="utf-8" />这样页面的编码就会变成utf-8 ，如果没有设置编码就会使用默认的编码，而浏览器默认编码与之不同就会出现乱码。 常用的有三种格式分别是 utf-8、gbk、gbk231 ......
《渗透测试》信息打点-语言框架&开发组件&FastJson&Shiro&Log4j&SpringBoot 2023 Day17
1 框架：简单代码的一个整合库，如果使用框架就只需要学习使用框架调用即可 如：文件上传功能是需要很多代码来实现的，框架把这个代码进行封封装，调用即可 影响：如果采用框架开发，代码的安全性是取决于框架的过滤机制 2 组件：第三方的功能模块（日志记录，数据监控，数据转换等） Web架构： 1、最简单最入 ......
VUE实现购物车界面
以下是一个用 Vue.js 实现购物车的简单示例： 在 Vue 组件中定义购物车数据： data() { return { cart: [], total: 0 } } 在商品列表或详情页中添加“加入购物车”按钮，并绑定添加购物车方法： <button @click="addToCart(produ ......
Vue中watch和computed的区别和应用场景
watch中的函数是不需要调用的，computed内部的函数调用的时候不需要加()。Watch是属性监听，监听属性的变化；computed是计算属性，通过属性计算而得来的属性。watch需要在数据变化时执行异步或开销较大的操作时使用。computed 属性的结果会被缓存，除非依赖的响应式属性变化才会 ......
常用js类库
UI类库 bootstrap https://v5.bootcss.com/ layui 是一套开源的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。 https://layuion.com/ jqueryUI 包 ......
logback.xml常用配置详解
Logback最常用就是在/src/main/resource/文件夹下的logback.xml文件中。，从而对日志进行配置输出。logback主要包含三个组成部分：Loggers（日志记录器）、Appenders（输出目的在）、Layouts（日志输出格式） 下面就是一个常用的日志配置模版，下面就 ......
记录优化vue项目首屏加载慢的过程
##一 背景 当项目部署在外网时，前端首屏加载的平均时间是10S，通过开发者工具查看加载的包，例如chunk-libs.xxx.js的有2.9MB，因为包太大导致加载慢，严重影响了用户体验。 所以解决思路就有了两个： 能不能把包变小，下载就会快一些？ 有一些js、css不经常变化的文件能不能通过浏览 ......
VUE 大文件上传解决方案(500M以上)
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
TS+vite+Vue3打包报错
报错信息见上图 根据要求进行修改操作 由于vite将ts的配置文件tsconfig.json隐藏,所以在暴露出来的tsconfig.json中进行修改 根据依赖继承，能够找到现在的js版本为：ES2016 在暴露出来的tsconfig.json中增加： 再次打包后，接着代码出现不识别HTML和win ......