布局vue web
vue2和vue3的区别
vue2和vue3都是前端JavaScript框架，基本概念和功能大部分都相同,它们的区别主要在语法、原理、生态以及打包四个方面. 语法： Vue.js 2使用基于Object.defineProperty的双向绑定来追踪变化，而Vue.js 3采用Proxy来实现响应式变化追踪，这提高了性能并允许 ......
32-Vue脚手架-Todo-list 案例
Todo-list 案例 组件化编码流程（通用） 1.拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突，如下所示 2.实现动态组件：要考虑好数据的存放位置，数据是要一个组件在用，还是一些组件在用 一个组件在用：放在组件自身即可 一些组件在用：放在他们共同的父组件上 3.实现交互：从绑定 ......
Vue.js框架：vue3引入mockjs模拟数据调试
一、引入依赖 1、安装依赖包 在终端中使用以下命令： npm install @types/mockjs --save 此处使用了@types进行引入，是因为在.ts文件引用包时，默认必须有类型声明，不能是any。 有很多依赖包是用纯JS写的，没有类型声明。 因此使用@types作为类型声明的集中仓 ......
Safeline开源免费的Web应用防火墙（WAF）
https://zhuanlan.zhihu.com/p/641742236 安装指南： 配置需求： 操作系统：Linux 指令架构：x86_64 软件依赖：Docker 20.10.6 或更高版本 软件依赖：Docker Compose 2.0.0 或更高版本 最小环境要求：1 核 CPU / 1 ......
vue 使用filter 把无限极分类遍历为树形结构
<script setup lang="ts"> interface listType { id: number url: string } const data = [ { id: 1, url: '/_nuxt/assets/images/america.png' }, { id: 2, url ......
用g++分析类内存布局
https://gcc.gnu.org/onlinedocs/gcc-9.1.0/gcc/Developer-Options.html g++ -fdump-lang-all mem-struct.cpp会生成所有类的虚函数表布局和类实际大小、占用内存大小 gcc8以前使用这个命令：g++ -fdu ......
vue学习九
<div id="app9" style="background-color: aqua;"> 姓名:<input type="text" v-model="name"> <br> 性别:<input type="radio" name="" value="1" v-model="gender">男 ......
vue学习十
<div id="app10"> <ul> <li style="list-style-type: none;" v-for="(item , index) in list" :key="list.id"> {{ item.num }} </li> </ul> computed合计:{{ count ......
Qt之堆栈布局(QStackedLayout)
一、QStackedLayout概述 QStackedLayout 是 Qt 中的一个布局管理器，用于管理多个子窗口或页面的堆叠显示。它允许你在一个固定区域内显示多个子窗口，但每次只显示其中一个子窗口，其他子窗口被堆叠在后面。与 QStackedWidget 类似，但 QStackedLayout ......
VUE+Ant 自定义cron组件，显示最近运行时间
先上效果图 自定义组件 <template> <a-modal title="corn表达式" :width="modalWidth" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit" @cancel="cl ......
我与Vue.js 2.x 的七年之痒
——过去日子的回顾（这是个副标题） ——其实这是篇广告软文（这是个副副标题） 以下是一些牢骚和感悟，不感兴趣的可以滑倒最下面，嘻嘻。 每每回忆起从前，就感觉时间飞逝，真切的感受到了那种课本中描述的白驹过隙。和很多人发生的，经历的很多事情，就好像昨天一样，但是仔细的思索一番，早已时隔多年，恍然如昨。 ......
Protocol - Web 前端常见网络请求协议有哪些？
在 Web 开发中，常见的网络协议主要包括以下几种： HTTP（Hypertext Transfer Protocol，超文本传输协议）：用于在万维网（World Wide Web）上进行通信的协议，定义了客户端和服务器之间如何传输和处理超文本文档（例如网页）的规范。HTTP 通常使用 TCP/IP ......
不使用构建工具的vue组件书写方式
将vue组件转换为普通的js文件（IIFE） 先写个简单的component export default { data() { return { count: 0 } }, template: `<button @click="count++">You clicked me {{ count }} ......
vue3+ts 禁止文本框自动填充内容
如果 `<input>` 元素的 `autocomplete` 属性设置为 `"off"` 但并没有起作用，这可能是因为不同浏览器对此属性的实现方式存在一些差异。 为了更可靠地禁用自动填充功能，你可以尝试以下解决方案之一： 1. 添加 `autocomplete="new-password"` 属性 ......
JAVA SWING之JFrame和JPanel布局
初学JAVA的时候学习过SWING，每次写程序就直接复制Jframe和Jpanel设置，再调一下大小（不知道有没有人跟我一样），到现在也不清楚它们有什么关系，才回顾学习。Swing虽然是很老的技术了，但也有很多工具是Swing写的例如JetBrains系列，最常用的IDEA。开发一下小工具还是不错的 ......
docker: Error response from daemon: Conflict. The container name "/web" is already in use by container ......
问题：docker启动docker容器时报错docker: Error response from daemon: Conflict. The container name is already in use by container You have to remove (or rename) t ......
vue 中的provide和inject用法。
provide和inject 可以用作vue组件的通讯-父子/跨级 provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。 inject 选项应该是： 一个字符串数组，或 一个对象，对象的 key 是本地的绑定名，value 是： 在可用的注入内容中搜索 ......
VIte+Vue3 打包在本地 双击 index.html 打开项目
npm i @vitejs/plugin-legacy npm i @babel/preset-env npm i terser import legacy from '@vitejs/plugin-legacy'; export default defineConfig({ base:"./", ......
Vue+ElementUI 下拉框问题的一个解决方案
Vue使用ElementUI使用下拉框组件时，点击空白处，无法隐藏展开的选项。build项目后，此类问题时有时无，不确定；具体报错如图 ......
php结合web uploader插件实现分片上传文件
这篇文章主要为大家详细介绍了php结合web uploader插件实现分片上传文件， 采用大文件分片并发上传，极大的提高了文件上传效率，感兴趣的小伙伴们可以参考一下 最近研究了下大文件上传的方法，找到了webuploader js 插件进行大文件上传，大家也可以参考这篇文章进行学习：《Web Upl ......
vue中的路由守卫
摘要："路由守卫" 是前端开发框架中使用的术语，特别是在 Vue中。是一种导航控制机制，用来决定一个路由是否可以被访问、是否可以离开当前路由，或者在路由变化时做一些额外的操作。 路由守卫主要用于权限验证、数据预加载、页面状态保存等场景。 常常见于登录系统后，不会再后退跳转到登录页面。 类型： 全局守 ......
31-Vue脚手架-scoped样式
我们先思考一个问题，如果对School 和 Student应用样式的话，一般是使用如下方式： src/components/School.vue <template> <div class="demo"> <h2>学校名称：{{name}}</h2> <h2>学校地址：{{address}}</h2 ......
30-Vue脚手架-plugin插件
plugin插件 功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 src/plugins.js（定义插件） // 定义插件(默认暴露) export default { install(Vue){ conso ......
[Vue]条件渲染
1.v-if 写法: (1) v-if="表达式" (2) v-else-if="表达式" (3) v-else="表达式" 适用于:切换频率较低的场景。 特点: 不展示的DOM元素直接被移除。 注意: v-if可以和v-else-if、v-else一起使用，但要求结构不能被“打断”。 2.v-sh ......
Vue 3 中用组合式函数和 Shared Worker 实现后台分片上传（带哈希计算）
01. 背景 最近项目需求里有个文件上传功能，而客户需求里的文件基本上是比较大的，基本上得有 1 GiB 以上的大小，而上传大文件尤其是读大文件，可能会造成卡 UI 或者说点不动的问题。而用后台的 Worker 去实现是一个比较不错的解决办法。 02. 原理讲解 02.01. Shared Work ......
ruby实战手册(13）-vue 3（4）
目录全局构建 全局构建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>learn js</title> <base href="/"> <link href="styles/style.css" rel=" ......
网格布局grid
起因 昨天面试的时候，出了一道面试题，模拟面试公司的列表的元素宽度伸缩变化，根据屏幕大小的不同，一行上放置最多的元素，元素宽度不固定，间距固定,可换行，靠左对齐，当时猜出来用flex➕js监听resize来实现，最后发现媒体查询结合grid即可实现，所以今天的重头戏就是 grid 定义 grid 是 ......
web基础漏洞-额外
1、介绍 这里阐述除了web基础漏洞之外的漏洞大全，简要列举，以供快速查询。分为几大类：服务器容器、cms、前端api、后端api、操作系统和端口服务 2、服务器容器 tomcat后台弱口令war包上传 tomcat put漏洞 tomcat ajp漏洞 nignx目录穿越漏洞 apache解析顺序 ......
OpenTiny Vue 3.11.0 发布：增加富文本、ColorPicker等4个新组件，迎来了贡献者大爆发！
本次 3.11.0 版本主要增加以下新组件：
- RichTextEditor 富文本编辑器组件 - by [Caesar-ch](https://github.com/Caesar-ch)
- ColorPicker 颜色选择器组件 - by [GaoNeng-wWw](https://gith... ......