布局vue web
node脚手架下Vue2从前端代码解决跨域问题
## 解决办法 vue.config.js ~~~js module.exports = defineConfig({ devServer: { proxy: { '/cross-domain': { target: '你要访问的目标服务器domain', changeOrigin: true, p ......
[重要] tk窗口布局的两种方法
### 1、使用 grid() 方法布局： ``` # 使用 grid() 方法布局： import tkinter as tk window = tk.Tk() window.title("标签和文本框在一行上") window.geometry("300x200") label1 = tk.La ......
vue2-样式冲突-了解scoped的使用和底层实现原理
# 组件之间的样式冲突问题 默认情况下，`写在.vue组件中的样式会全局生效`，因此很容易`多个组件之间的样式冲突问题`。 导致组件之间样式冲突的根本原因是： 1. 单页面应用程序中，所有组件的DOM结构，都是基于`唯一的index.html页面`进行呈现的。 1. 每个组件中的样式，都会`影响整个 ......
vue2-props-required必填项
# props的`required`必填项 ```JS Count 组件 count的值是:{{ count }} +1 ``` ......
基于vue-router的matched实现面包屑功能
如上图所示，就是常见的面包屑效果，面包屑的内容一般来说，具有一定的层级关系，就以上图为例，首先是进入首页，然后点击左侧导航，进入活动管理下的活动列表页面，然后点击某一条数据，进入活动详情页面 这正好与vue-router的mached属性所获取的结果有着相似的原理，所以可以基于此来实现面包屑效果！ ......
vue2-props-type值类型
在声明自定义属性时，可以通过`type`来`定义属性的值类型`。示例代码如下： ```JS Count 组件 count的值是:{{ count }} +1 ``` ......
vue2-props-default默认值
# props的`default`默认值 在声明自定义属性时，可以通过`default`来`定义属性的默认值`。示例代码如下： ```JS Count 组件 count的值是:{{ count }} +1 ``` ......
移动端响应式布局开发的几种方式
## 简介 所谓移动端响应式布局，就是最终布局适配不同的手机型号，针对不同的屏幕分辨率的终端上能够浏览网页展示的不同方式，我们也可以称为移动端适配布局。 > 总结就是一个移动端网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 优点： - 面对不同分辨率设备灵活性较强 - 能够快捷解决多设备 ......
使用vue3创建项目
## 1.创建项目 ``` npm create vite@latest edu-vue –- --template vue ``` ## 2.安装antd ``` npm install ant-design-vue ``` ## 3.安装路由 ``` npm install vue-router ......
开心档之C++ Web 编程
C++ Web 编程 目录 C++ Web 编程 什么是 CGI？ Web 浏览 CGI 架构图 Web 服务器配置 第一个 CGI 程序 实例 Hello World! 这是我的第一个 CGI 程序 HTTP 头信息 CGI 环境变量 实例 C++ CGI 库 GET 和 POST 方法 使用 G ......
《vue短爬》生命周期
# 生命周期 Vue.js 是一个JavaScript框架，通过使用Vue实例来创建和管理Web应用程序。Vue实例具有一系列的生命周期钩子函数，它们在Vue实例的不同阶段被调用，允许您在不同阶段执行特定的操作。 以下是Vue生命周期的不同阶段和对应的钩子函数： - 创建阶段（Creation） b ......
文杨 Web
2023-07-02 初识Flask 通过flask搭建简单的网站 from flask import Flask, render_templateapp = Flask(__name__)#这是实例化Flask#将函数index和“/show/info”这个网站关联@app.route("/sho ......
vue的虚拟DOM
1、作用 提高性能（直接操作DOM性能低，js层操作效率高） 跨平台 2、虚拟DOM如何生成 1、为组件编写模版-template 2、模版被编译器编译渲染为函数-render 3、挂载中调用render函数，返回对象就是虚拟DOM 4、后续patch过程中进一步转化成真实DOM 3、VDOM如何d ......
vue的理解
vue是一个渐进式框架 声明式渲染 -> 组件系统 -> 客户端路由 -> 大规模状态管理 -> 构建工具 1、声明式框架 命令式与声明式区别 命令式关注过程 声明式关注结构 // 命令式 let number = [1,2,3]; let total = 0; for (let i = 0; i ......
vue2+cesium加载3dtile导致卡顿内存溢出
# 问题 vue2中在cesium上做倾斜摄影模型加载后页面会非常卡顿,排查模型加载代码后发现都没有问题。 但是在vue3框架搭建的项目中就没有问题。 具体表现为 CPU和内存爆满,内存持续不断大幅度上涨。页面表现为卡顿异常 vue2开发的运行情况(异常情况): ![资源情况异常](https:// ......
Vue router-view key 导致路由切换非router-view部分也进行刷新
<router-view> 组件是一个 functional 组件，渲染路径匹配到的视图组件。<router-view> 渲染的组件还可以内嵌自己的 <router-view>，根据嵌套路径，渲染嵌套组件。 如果中最外层的<router-view>中增加了:key="$route.fullPath" ......
vue2 input和select无法正常回显
背景：使用vue进行对象赋值，如果是一个未在data声明的属性，会导致双向绑定无法正常回显。 <template> <div> <div> <label for="">姓名</label> <input v-model="info.name" type="text"> </div> <div> <l ......
前端Vue基于腾讯地图Api实现的选择位置组件 返回地址名称详细地址经纬度信息
#### 前端Vue基于腾讯地图Api实现的选择位置组件 返回地址名称详细地址经纬度信息， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13310 #### 效果图如下：  { let textH = 38 //行位置 let titleL = 15 //行左边起始位置 let titleR = 118 //行右边 ......
Web安全-渗透测试-权限提升01
# 权限提升 >权限提升对我们在深度渗透过程中起着重要作用，接下来我将介绍网站后台,漏洞,第三方,数据库,服务类,第三方接口,服务器系统几方面进行提权介绍  支持拖拽和缩放两个大动作，轻量级，无依赖，功能扎实，适合需要缩放的应用场景。 无依赖，轻量级 操作可联动 支 ......
Vue：$parent
##什么是$parent 在 Vue.js 中，`this.$parent` 是组件实例的一个属性，用于访问当前组件的直接父组件实例。它提供了一种在子组件中与父组件进行通信和交互的方式。 当一个组件被创建时，Vue.js 会在内部为该组件创建一个组件实例，并建立组件之间的父子关系。每个组件实例都具有 ......
Web前端在浏览器如何启动本地可执行文件
方法2 本地监听法 可以自己开发一个小的可执行程序，监听前端发的web请求。收到请求后，我们自己编写的可执行程序启动本地的可执行文件即可。想要启动本地可执行文件的关键就是本地有一个小服务端，我们通过本地网络与服务端通信，服务端负责启动可执行文件。这种方法对于任何浏览器都兼容，但是需要用户额外安装程序 ......
Vue封装组件并发布到npm仓库
# 前言 使用Vue框架进行开发，组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用，比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同，开发人员还是得必须封装自己得组件，如果换了一个项目， ......
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3 随着移动互联网的快速发展和智能手机的普及，代驾服务成为了一个日益火热的行业。在这个行业中，如何构建一个具备商业级可靠性和扩展性的代驾业务系统成为了关键问题 ......
SpringBoot3.0最新深入浅出从入门到项目实战，突出Web应用痛点解决方案
SpringBoot3.0最新深入浅出从入门到项目实战，突出Web应用痛点解决方案 SpringBoot已经成为Java开发中最流行的框架之一，它提供了一种快速构建、易于扩展的方式，使开发人员能够更加专注于业务逻辑而不是繁琐的配置。而最新的SpringBoot 3.0版本将进一步改善开发体验，并提供 ......
grid布局单网格妙用
grid布局，除了常规的布局使用，还可以，将元素挤到一个网格内，产生特别的布局效果 1. 一个居中，一个居左或居右 关键代码: .grid-container { display: grid; align-items: center; } .grid-item { grid-area: 1/1; } ......