布局vue web
WEB自动化-键盘操作
实际工作中，按照用户操作习惯，进行的是模拟键盘和鼠标操作WEB。 首先，导入键盘操作需要的服务 #!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2023/6/26 17:32 # @File : P01-test-selenium.py ......
Vue 学习 day1
摘要： 我们传入 createApp 的对象实际上是一个组件，每个应用都需要一个“根组件”，其他组件将作为其子组件。 应用根组件的内容将会被渲染在容器元素里面。容器元素自己将不会被视为应用的一部分。 .mount() 方法应该始终在整个应用配置和资源注册完成后被调用。同时请注意，不同于其他资源注册方 ......
Vue3+.net6.0 四 计算属性 computed
跟Vue2一样，我们在工作中使用data中的属性时，很多时候不是直接拿来用，而是要经过一些计算，判断，筛选的过程。 比如一个数组，我们可能在使用前要判断 有没有元素，是否包含某个元素，然后根据不同的情况有不同的展示方式，这些如果都写在html部分，会非常不好阅读，如果多个地方要做类似的判断，则会大大 ......
vue3中父组件与组件之间参数传递，使用(defineProps/defineEmits)，涉及属性传递，对象传递，数组传递，以及事件传递
## Vue3 中子父组件之间的通信 ### 一、父组件传递参数到子组件 采用defineProps #### 传递属性 父组件: ```vue 这是父组件 父组件像子组件传递参数 传递属性值 ``` 子组件: ```vue 这是子组件 属性值接收区 父组件传值接收区：字符型：{{ fatherMe ......
Webページ全体を長いスクリーンショットとして保存するにはどうすればよいですか? Webページのスクリーンショットのバッチを保存するにはどうすればよいですか? 高精細画像、複数のフォーマット
Webページ全体を長いスクリーンショットとして保存するにはどうすればよいですか? Webページのスクリーンショットのバッチを保存するにはどうすればよいですか? 高精細画像、複数のフォーマット ......
How to save a web page as a long screenshot in its entirety? How to save a batch of screenshots of web pages? High-definition pictures, multiple formats
How to save a web page as a long screenshot in its entirety? How to save a batch of screenshots of web pages? High-definition pictures, multiple forma... ......
【FLAG】VUE + .net Core WebApi -- Day01
恢复内容开始 VUE 安装nodejs 网址：Node.Js中文网 (p2hp.com) NPM更新到最新版 使用npm install npm install -g npm 查看源 先看看源指向哪里： npm config get registry 默认是指向 https://registry.n ......
Vue3+.net6.0 三 响应式基础，methods
这里的示例都用选项式风格 在 Vue 3 中，数据是基于 JavaScript Proxy（代理） 实现响应式的。 这个示例中输出是false，因为当你在赋值后再访问 this.someObj，此值已经是原来的 newObj 的一个响应式代理。 需要注意的是newObj 并不会变成响应式。 <scr ......
Vue插件
### 介绍 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例： ``` js import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的 ......
Visual Studio C# 多环境配置 Web.config
Visual Studio 为多环境配置 Web.config 不同的环境，存在不同的配置，如：数据库连接字符串，通过多配置，方便做环境切换，配置的修改 ......
vue-electron 批量生成 PDF
> 最近有个需求，需要批量下载 pdf，单份还好，但多份时会超时。 需要改成一份一份下载，先选择下载的存储路径，再自动下载到选择的目录中，一开始使用了 will-download，但在测试过程中，测服下载速度很慢，发现保存地址还是会弹出来，下载一次弹出一份。 因此打算试试利用 electron 原来 ......
Visual Studio Code调试和发布ASP.NET Core Web应用
前言 上一篇文章主要讲了Visual Studio Code安装C#开发工具包并编写ASP.NET Core Web应用有兴趣的同学可以去看看，今天咱们主要是要讲讲如何在VS Code中调试和发布ASP.NET Core Web应用。 配置launch.json文件 launch.json 文件是 ......
前端Vue自定义商品订单tabs标题栏选项卡组件 可设置文字下划线颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
Web开发-数据库｜Guide to JPA with Hibernate - Relationship Mapping
原文源自：https://stackabuse.com/a-guide-to-jpa-with-hibernate-relationship-mapping/ Java Persistence API（JPA）是Java生态系统的持久性标准。 它允许我们将我们的领域模型直接映射到数据库结构中， 然后 ......
vue-day15--key的作用与原理
面试题 react vue 中 的key 有什么作用（key 的内部原理） 1.虚拟DOM中key的作用 key是虚拟对象的标识，当数据发生变化时，Vue会根据新数据生成新的虚拟DOM，随后Vue进行新虚拟DOM与旧虚拟DOM的差异比较。 2.对比规则 ①旧虚拟DOM找到了与新虚拟DOM相同的key ......
vue-day15--列表渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>列表渲染< ......
web前端 第四天总结
案例1：盒子模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> ......
前端框架及项目面试－聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题，引导思考。带着问题来继续学习，效果更好。第3章 Vue 使用Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的 ......
前端编程开发 --- vue3 监听属性
监听变量的变化并触发函数 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> / ......
vue-day15--条件渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>条件渲染< ......
web前端 第三天总结
案例1：伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
vue.config.js
const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ // 默认：'/',部署应用包时的基本 URL，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，如果是部署在一个子路 ......
vue（十一）服务启动
本地debug 在项目路径下输入命令 npm run serve 打包部署 1、打包：在项目路径下输入打包命令，会打包成一个dist文件夹 npm run build 2、安装服务器： npm install -g serve 3、启动服务 serve -s dist -s 参数的意思是将其架设在 ......
vue（九）vue3新特性
vue3六大亮点： 性能比Vue2强 可以将无用模块去掉，仅打包需要的 组合API 碎片（fragment），portal传送门（teleport），悬念（suspense） 更好的TS支持 暴露了自定义渲染API setup() 在setup函数中声明对象，代替data()。ref声明简单对象，r ......
vue（十）Element-plus
Element-plus 基于Vue3，Element-ui 基于Vue2，是一套前端页面组件库 安装和使用 安装 npm install element-plus --save 使用：按需导入，只打包使用到的组件 安装插件 unplugin-vue-components 和 unplugin-au ......
vue（八）状态管理vuex
安装和使用 Vuex是一个专门为vue.js应用程序开发的状态管理模式 + 库，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简单说，状态管理可以理解成为了更方便的管理组件之间的数据交互，提供了一个集中式的管理方案，任何组件都可以按照指定的方式进行读取和 ......
datax初识与docker安装datax与datax-web
一、DataX 是阿里云 DataWorks数据集成 的开源版本，在阿里巴巴集团内被广泛使用的离线数据同步工具/平台。DataX 实现了包括 MySQL、Oracle、OceanBase、SqlServer、Postgre、HDFS、Hive、ADS、HBase、TableStore(OTS)、Ma ......
web安全学习日志---xss漏洞（跨站脚本攻击）
1.反射性xss（reflacted） 仅执行一次，非持久型。主要存在于攻击者将恶意脚本附加到url的参数中，发送给受害者，服务端未经严格过滤处理而输出在用户浏览器中，导致浏览器执行代码数据。 利用场景： 直接插入JS代码，修改url参数 攻 <script>alert('hack')</scrip ......