布局vue web
简介，布局容器，栅格系统，排版，对齐，表格，表单
# Bootstarp简介 ### 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。 我们使用bootstrap库可以很方便的写一些好看的样式，他的内部给我们封装了很多很多的css样式和一些非常好的js事件，以后我们只需要把他的类库文件引入到我们的文档中就能使用 我们在使用的过程中，只需要 ......
vue项目目录结构和启动过程
1.首先是index.html index.html则是项目的首页，入口页，也是整个项目唯一的HTML页面。 一般只定义一个空的根节点，在main.js里面定义的实例将挂载在根节点下，内容都通过vue组件来填充。 2.src/main.js 相当于Java中的main方法，是整个项目的入口js。主要 ......
Vue使用v-viewer插件实现图片预览和缩放和旋转等功能
科普：v-viewer 简单来说：v-viewer是一款支持vue项目中的图片浏览组件，它支持图片旋转、缩放、翻转等操作，支持配置化.非常强大 官网目录：v-viewer 安装依赖 直接执行命令： npm install v-viewer --save 引入并使用依赖 下载完成之后，就可以配置了，具 ......
vue 实现复制功能
不使用插件 不使用插件，可以使用input标签，然后通过execCommand(‘copy’)函数实现复制功能。 复制input标签中的内容 <template> <div id="app"> 请输入你需要复制的内容：<input id="copy" v-model="mes"/> <button ......
Vue3组件二次封装
# naive-ui的n-input举例 ``` //import { useAttrs, useSlots } from 'vue' //const slots = useSlots() //const attrs = useAttrs() ``` ......
vue的router文件里面import路径的时候ts报红色下划线
Cannot find module '@/views/index/index.vue' or its corresponding type declarations.ts(2307) View Problem (Alt+F8) No quick fixes available 解决方法 在vite ......
web系统字典统一中文翻译问题
几乎每个web系统都离不开各种状态码。订单新建，待支付，未支付，已支付，待发货。 消息已读未读，任务待标记待审批已审批待流转已完成未完成。等等。 复杂一点的，会有多级状态码。 状态码超出3个的，一般都会纳入统一的字典管理。字典系统作为一个独立的微服务部署。 使用Redis作为缓存。其它系统使用字典的 ......
纯手撸 Django web框架批量删除redis的key
纯手撸 Django web框架批量删除redis的key 环境 环境参照上一章节博客部署环境，在此基础上进行功能加强【批量删除指定前缀的key】，然后再CI里面掉这个接口地址即可清理redis缓存的key，更加高效的运维工作 修改视图 ## mysite/myweb1/views.py # Cre ......
vue2-ace-editor基础配置
简介 Ace 是一个用 JavaScript 编写的可嵌入代码编辑器。它与 Sublime、Vim 和 TextMate 等原生编辑器的功能和性能相匹配。它可以很容易地嵌入到任何网页和 JavaScript 应用程序中。Ace 被维护为Cloud9IDE的主要编辑器 ，并且是 Mozilla Sky ......
Python从Web抓取信息
1.介绍 本章节将学习如下几个模块，让在Python中抓取网页变得很容易。 webbrowser：是Python自带的，打开浏览器获取指定网页； requests：从因特网上下载文件和网页 Beautiful Soup：解析HTML，即网页编写的格式 selenium：启动并控制一个Web浏览器。s ......
2023-07-25 html中引入vue，报错：Vue is not a constructor ==》引用的vue版本不兼容导致
报错代码： 我使用的vue外链https://cdn.jsdelivr.net/npm/vue，该外链引用的是最新的vue@3.3.4版本，而我的vue写法为vue2.0版本的写法，故而不兼容。 解决方案：引用指定版本的vue👇 <script src="https://cdn.jsdelivr. ......
vue自定义指令-【单击复制】【双击复制】【点击icon复制】
copy.js 文件 /** * CV指令【单击复制】【双击复制】【点击icon复制】 * @param {?String | ?Number} title - 自定义内容 * @param {?String | 'right'} position - 图标位置 * @param {?Number ......
自己开发的web安全靶场
必须建立一套自己开发的web安全漏洞环境（即web安全靶场），可以暂时先模仿vulhub、vulfocus等，基于Docker、docker-compose技术进行构建。 后续可考虑基于K8S或OpenStack等底层技术进行构建，同时糅合web常规漏洞靶场——sqlilab、xss、pikaqu等 ......
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
[TOC] # APP应用开发架构，四类开发形式： # 原生开发 安卓一般使用java语言开发，当然现在也有kotlin语言进行开发。如何开发就涉及到具体编程了，这里就不详说了。简单描述就是使用安卓提供的一系列控件来实现页面，复杂点的页面可以通过自定义控件来实现。 本质不是网站了，有成套的源码来实现 ......
VIte+Vue3 打包在本地 双击 index.html 打开项目
**1.安装插件** > npm i @vitejs/plugin-legacy > npm i @babel/preset-env vite3 版本以上还需要安装 > npm i terser **2.引用 @vitejs/plugin-legacy** ```` import legacy fr ......
flex布局入门
### 一、简介 > **Flexible 单词意思是灵活的意思，flex布局又称为弹性布局或弹性盒子布局** Flex布局（Flexible Box Layout）是CSS3引入的一种布局模型，它旨在提供一种灵活且高效的方式来对齐、排列和分布容器中的元素。Flex布局的主要思想是将容器分为主轴和交 ......
vue+element ui后台管理系统
参考资料：Vue+ElementUI 搭建后台管理系统（实战系列一）-蒲公英云 (dandelioncloud.cn) github: elunez/eladmin-web: eladmin jpa版本：前端源码，项目基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 S ......
Kendo UI，一个加速Web应用界面开发的JavaScript组件库！
Kendo UI是什么？ 首先，Kendo UI是一个由四个JavaScript UI库组成的包，这些库是专为jQuery、Angular、React和Vue原生构建的，每一个都是用一致的API和主题构建的。所以无论开发者怎么选择，所开发的Web应用始终保持了现代的应用界面，响应迅速、可访问且速度快 ......
从vue2到vue3，自定义组件的v-model实现原理
### 前言 相信使用vue开发的同学应该都体会过v-model的便利，它可以非常方便地进行双向数据绑定，只要重新输入内容，视图就会立刻发生改变。本文将着重介绍如何在自定义组件当中使用v-model，以及在vue2和vue3中使用方式上的差异。 ### 概述 v-model是一个语法糖，它在组件使用 ......
vue组件中引入自定义js文件
在组件的script标签内直接引入： import myFunction from '@/util/custom.js'; 开始使用自定义js中的方法： export default { // ... other Vue component options methods: { someMethod ......
报表控件DevExpress Reporting中文教程 - 如何增强Web应用的可伸缩性？
可扩展性问题一直是主要Web应用程序的前沿和核心问题，如果可伸缩性对您的项目很重要，可能需要实现缓存策略。由于它与DevExpress Web Document Viewer相关，缓存将要求应用程序在缓存中存储临时状态。对于分布式系统，您将需要一个缓存存储系统来保持所有节点同步。在本文中，我们将回顾 ......
Debian挂载Web-DAV
1.安装davfs2： apt-get install davfs2 -y 2.配置davfs2： 在/etc/davfs2/secrets中添加如下一行即可： "http://127.0.0.1:9001/" admin admin 3.挂载到本地磁盘： mount.davfs http://12 ......
我开源了团队内部基于SpringBoot Web快速开发的API脚手架v1.6.0更新
# 什么是 rest-api-spring-boot-starter rest-api-spring-boot-starter 适用于SpringBoot Web API 快速构建让开发人员快速构建统一规范的业务RestFull API 不在去关心一些繁琐。重复工作，而是把重点聚焦到业务。 ## 动 ......
【技术实战】Vue技术实战【二】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
纯手撸 Django web框架增删改redis
纯手撸 Django web框架增删改redis 基于上面创建的Django web应用创建CI所需的接口，进行删除key操作 环境创建 基于前两章已创建的环境进行功能接口的添加。 创建新应用 在 Django 中，一个项目可以包含多个应用。每个应用都有自己的模型、视图、模板等组件，可以独立地开发和 ......
缝合怪系列-C#+TS客户端缝合怪，Webview2+Vue开发体验
### 写在前面 最近几年天天听到网上说"大前端"，这是一个比较新的行业术语，它涵盖了前后端、移动端等多领域的知识和技能。核心理念是：一体化，即从前端开发到后端开发，甚至包括移动端开发、设计等，都在一个团队内完成。 毕竟咱作为前端+非专业客户端开发者，还是想整点好玩的东西，今天没事搞Windows客 ......
WEB漏洞—文件操作之文件下载读取
文件下载，读取 原理，检测，利用，修复等 #利用 数据库配置文件下载或读取后续 接口密匙信息文件下载或读取后续 #文件名，参数值，目录符号 read.xxx?filename= down.xxx?filename= readfile.xxx?file= downfile.xxx?file= ../ ......