布局vue web
Vue Router
什么是路由 路由就是URL地址，地址不同，则显示的页面内容不同，路由分为前端路由和后端路由，Vue属于前端框架，因此我们讲解的路由也是前端路由。 Vue是单页面应用程序，通过hash(#)来实现不同页面之间的切换。 什么是单页面应用程序？通俗地讲就是不需要刷新页面，所有组件都在一个页面上的应用程序。 ......
Vue 项目性能优化实践
Vue已经成为前端必备利器了，Vue首页加载速度慢是很常见的问题，dist文件的体积差不多都在10m左右，解决方式也有很多，最简单的方式增加服务器的配置性能，当然在预算有限的情况下，如果通过优化来提升速度呢。 比如在一台普通配置服务器上，差不多加载速度在15s左右，那是没办法接受的，不管是用户体验还 ......
vue通讯的几种方式
1.props 和 $emit。父组件向子组件传递数据是通过props传递的，子组件传递给父组件是通过$emit触发事件来做到的。 2. 父组件中通过 provide 来提供变量，然后在子组件中通过 inject 来注入变量。 3.$refs 获取组件实例。 4.envetBus 兄弟组件数据传递， ......
SpringBoot文件上传报错 errorHandler:org.springframework.web.multipart.MaxUploadSizeExceededException:
一、错误原因：文件大小超过SpringBoot的默认限制 二、解决方案：修改配置 spring: servlet: multipart: # 最大支持文件大小 max-file-size: 100MB # 最大支持请求大小 max-request-size: 100MB ......
vue--day65--默认卡槽
1. App.vue <template> <div class="container"> <Category title="美食" > <img src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> </Category> <Categor ......
Vue 3 Deep Dive with Evan You
什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te ......
flex布局
flex布局原理 flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。 flex布局又叫伸 ......
本文实例讲述了PHP Web表单生成器
本文实例讲述了PHP Web表单生成器。分享给大家供大家参考，具体如下： 1.实例： 相关学习推荐：PHP编程从入门到精通 2. 需求分析 在项目的实际开发中，经常需要设计各种各样表单。直接编写HTML表单虽然简单，但修改、维护相对麻烦。因此，可以利用PHP实现一个Web表单生成器，使其可以根据具体 ......
老杜Vue的Bug列表实战代码
老杜Vue的Bug列表实战代码 谢谢杜老师的vue教学视频，说的真的好好 各位亲爱的小伙伴，如果不能使用代码，请给我留言哈。 1、效果图 2、html代码（我自己写的，和杜老师的有些不同，不要纠结哈，基本是没错的） <!DOCTYPE html> <html> <head> <meta charse ......
【web_逆向11】JS处理RSA加密
## JS中RSA加密有两套逻辑 - 1、网易的那种. -> 加密的结果每一次都是一样的；这种没有办法使用python来完成 - setMaxDigits() - RSAKeyPair() - encryptedString() - 2、某网校的rsa加密 -> 加密的结果每一次都是不一样的；和py ......
【web_逆向10】非对称加密之RSA
## 非对称加密 - 非对称加密. 加密和解密的秘钥不是同一个秘钥. 这里需要两把钥匙. 一个公钥, 一个私钥. 公钥发送给客户端. 发送端用公钥对数据进行加密. 再发送给接收端, 接收端使用私钥来对数据解密. 由于私钥只存放在接受端这边. 所以即使数据被截获了. 也是无法进行解密的. - 常见的非 ......
vue生命周期
Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。 1、beforeCreate（创建前） 表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。 2、created（创建后） 数据对象 data 已存在 ......
Vue-Router 的懒加载如何实现
非懒加载： import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: List } ] }) 懒加载： 1.使用箭头函数+import动态 ......
vue-
插槽slots 传html结构，父传子 slot 父组件 子组件 渲染作用域 插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。 具名插槽 插槽：子组件传给父组件数据，父组件传回子组件 父 子 组件生命周期 生命周期函数 创建期：beforeCreate created ......
前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
vue实现简单人员列表
# vue实现简单人员列表 ## 功能 - 可以显示一个人员列表 - 可以对列表过滤 - 可以对列表排序 ## 实现 ```vue 列表 人员列表 升序 降序 原顺序 {{p.name}} {{p.age}} ``` ......
VUE
class绑定 style绑定 侦听器 表单输入绑定 v-model 修饰符：lazy，number，trim 模版引用 操作dom，获取ref this.$ref <div ref="container" class="containser">{{content}}</div> <input ty ......
Flutter的布局方式有哪些
1）常用布局1、Row：行布局，将子控件水平排列。 2、Column：列布局，将子控件垂直排列。 3、Stack：层叠布局，将子控件叠加显示。 4、Expanded：扩展布局，占据剩余空间。 5、Flexible：灵活布局，根据子控件大小分配空间。 6、SizedBox：固定尺寸布局，设置宽高。 7 ......
WebRTC（Web实时通信）的介绍和应用 - 实现点对点视频通话和屏幕共享
WebRTC是一种支持浏览器之间实时通信的技术，可以用于实现点对点视频通话、音频通话和屏幕共享等功能。在使用WebRTC时，我们需要熟悉其API和应用场景，并且需要进行兼容性测试，以确保在各种浏览器和设备上正常工作。 ......
【web_逆向09】AES加密逆向实战
## 目标网站 - 话不多说，直接干：https://www.XXXX.com/rank_m/c7/, 可以联系本人微信号：wxid_ps0bm4kbsl0t22 ## 寻找加密入口 - 查看接口数据，发现入参、出参都是经过加密的，需要加密、解密  # 代码 ```python import tkinter as tk from tkinter im ......
openwrt 实现 Drcom Web 登录认证（未完待续）
未完待续 参考： [Dr.COM校园网多设备解决方案——路由器 Padavan/LuCI 固件自动网页认证+Telegram Bot 定时发送连接情况](https://tiger.fail/archives/drcom-autologin-padavan-tgbot.html) [天津师范大学 校 ......
vue.js:5108 [Vue warn]: Cannot find element: #body_container
1、原因：我把 Vue 挂载元素的JS放在了html加载完成的前面了 2、解决：放到html加载完成之后就可以了 ......
Vue技术
# 😀Vue技术总结 > 首先: 一对多和多对一都不可以 容器和实例之间只能是一一对应 > > 插值语法: {{ xxx }} xxx → 只能是 js 表达式(表达式是一组代码的集合，它`返回一个值`。) 注意!!! 区分 js表达式与js语句 > 指令语法: ``` 单向数据绑定 → v-bi ......
vue3探索——组件通信之事件总线
> Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`，`mitt.js`好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或 ......
vue数据传递【父子组件】-父子props，子父$emit
一、父子组件传递 1、父组件数据传递给子组件【props】 父组件的数据变化时，子组件会自动更新 在父组件中引用子组件 <子组件name/> import 子组件 from ./子组件位置/子组件所在vue.vue 在组件中注册子组件 components:{子组件名称} 子组件 可以通过props ......
PWA（渐进式Web应用程序）的基础知识和开发实践：离线缓存和推送通知等功能
PWA（Progressive Web App）是一种可以像本地应用程序一样工作的Web应用程序，它可以通过现代Web技术来提供更好的用户体验。PWA可以使用离线缓存、推送通知等功能，使得Web应用程序更加快速、可靠和易于使用。 ![PWA（渐进式Web应用程序）的基础知识和开发实践：离线缓存和推送 ......
WPF开发快速入门【1】WPF的布局
概述 本文描述几款WPF中常用的布局控件。 Grid Grid是WPF最常用的布局控件。 它把面板分割为固定长和宽的网格，子控件就放置在网格内。 <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="100"/> <ColumnDefini ......
SyntaxError: /xxxx.vue: Unexpected token, expected “,“，[object Promise]export { render, staticRende}
#### 本地老工程vue2.7.x+webpack4在升级webpack5的时候遇启动和打包报错: ```bash Syntax Error: SyntaxError: /xxxxx.vue Unexpected token, expected "," (1:8) > 1 | [object Pr ......