布局vue web
vue-day12--监听属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue--day11--计算属性实现名字案例简写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
开心档之Web 品质 - 国际化
目录 Web 品质 - 国际化 Web品质 - 国际化 多语言支持 文化差异 地理位置 时间和日期格式 安全性 可访问性 总结 编辑 Web 品质 - 国际化 Web品质 - 国际化 Web 品质 - 国际化是指 Web 应用能够满足不同地区、不同文化背景、不同语言习惯的用户需求和期望，提供更 ......
开心档之Web Quality - 无障碍(WAI)
目录 Web Quality - 无障碍(WAI) Web Quality - 无障碍(WAI) Web Accessibility的重要性 Web Accessibility的原则 1. 可感知 2. 可理解 3. 可操作 4. 可持续 Web Accessibility的技术指南 结论 编 ......
vue--day11--计算属性实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
vue-day11--插值语法实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>插值语法实 ......
vue-day11--methods实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>metho ......
Vue之指令
Vue指令的钩子如下 bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化动作。 inserted:被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于document中）。 update:被绑定于元素所在的模板更新时调用，而无论绑定值是否变化。通 ......
详解Django请求与响应：深入理解Web Http交互的核心机制
**本文深入探讨了 Django 中的请求与响应处理，从 Django 请求和响应的基础知识、生命周期，到 HttpRequest 和 HttpResponse 对象的详细介绍。同时，讨论了 Django 的视图和请求、响应处理，以及安全性和异步处理的考虑。最后，对比了 Django 与 Flask ......
关于vue在列表展示数据的时候，更改其中一项，列表没有跟着实时变动的问题
背景： 使用低代码自动生成的Vue前端大致页面，然后自定义其中的业务 涉及的页面： 遇到的问题： 点击添加后，直接变更添加行的状态（输入框不可编辑、状态变为已激活） 涉及代码： addRecordAndApply(index) { let thatthis = this; let indexData ......
CSS Float(浮动)布局
1. CSS 浮动技术 CSS浮动是一种CSS布局技术，用于将元素从文档的正常流中移动，并使其可以相对于其容器或其他元素对齐。当一个元素设置了浮动属性，它将脱离正常的文档流，并根据指定的方向（左、右）浮动到容器的一侧浮动的元素会根据其容器或其他浮动元素的位置进行对齐。其他元素会环绕在浮动元素的周围。 ......
vue-day10--键盘事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
vue-day9--事件修饰符
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
C# httpclient获取cookies实现模拟web登录
目前在公司做一款平台化的产品，我主要负责PC端上的开发，在产品推荐过程中为了节省开发时间很多功能模块没来得及做原生，用CEF嵌入了很多带功能web页面，与客户端进行交互从而实现功能。 在二期开发中，产品需求说明书中需要把登录功能放在客户端来做，这当中涉及到一个问题客户端做登入登出很简单，但是很难通知 ......
Vue之beforeRouteEnter的使用
beforeRouteEnter用于路由跳转后进入新的页面进行操作，由于<script setup>里面没有内置beforeRouteEnter的语法，所以需要另外写一个<script>标签。 下面代码是beforeRouteEnter的使用示例，从from可以获得跳转页面前的路由信息。 <scri ......
CTFer成长记录——Web专题·修改页面元素
一、题目连接 https://ctf.show/challenges#web1-143 二、题意分析 打开靶场，可以看到网页直接给出了源代码： 方法1 通过该php语言以及最下面的提示，只有id = 1000的时候才能获取到flag，但是如果id简单的等于1000，那么会被intval()函数给跳过 ......
Vue脚手架及ajax
脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 ......
.NET6 微服务架构实战系列---Docker+Nginx部署前端Vue项目
一、相关配置安装 1.1 安装Docker [CentOS环境安装Docker](https://www.cnblogs.com/Code-HHX/p/17538236.html) 1.2 Docker中拉取nginx镜像 ``` docker pull nginx ``` 二、Vue前端项目创建配 ......
vue-day8--事件的基本使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
vue-day07---vue中应用的数据代理
1.Vue 中的数据代理 通过vm 对象来代理data 对象中的对象中的属性操作 读/写 2.vue 中的数据代理的好处 更加方便的操作data中的数据 3.基本原理 通过object.defineProperty() 把data 对象中的所有属性添加到vm 上 为每一个添加到vm上属性都指定一个g ......
vue-day06--数据代理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>数据代理< ......
vue-day04-Object.defineproperty 方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>回顾Obj ......
vue-day04--mvvm模型
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
vue-day03--el与data的二种写法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>el与da ......
vue-day02--数据绑定
<!DOCTYPE html> <html lang="en"> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</ti ......
vue-day01-v-bind
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascript" src="../js/vue.js"></script> < ......
Web开发｜CROS跨域请求
https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request import org.springframework.core.Ordered; import org.springframework.core.annotatio ......
Web开发｜SpringBoot-Bean
起因：经常在Config文件里看见Bean的存在，所以开始探究Bean的概念还使用方法。 原文来自：https://gustavopeiretti.com/spring-boot-bean-annotation/#:~:text=What%20is%20%40Configuration%20in%2 ......
Vue详解设置路由导航的两种方法<router-link to=“”>和router.push(...)
1.<router-link to=""> to里的值可以是一个字符串，也可以是一个描述地址的对象。 // 字符串 <router-link to="apple"> to apple</router-link> // 对象 <router-link :to="{path:'apple'}"> to ......