事项vue cli 01

Vue 项目性能优化实践

Vue已经成为前端必备利器了,Vue首页加载速度慢是很常见的问题,dist文件的体积差不多都在10m左右,解决方式也有很多,最简单的方式增加服务器的配置性能,当然在预算有限的情况下,如果通过优化来提升速度呢。 比如在一台普通配置服务器上,差不多加载速度在15s左右,那是没办法接受的,不管是用户体验还 ......
性能 项目 Vue

vue通讯的几种方式

1.props 和 $emit。父组件向子组件传递数据是通过props传递的,子组件传递给父组件是通过$emit触发事件来做到的。 2. 父组件中通过 provide 来提供变量,然后在子组件中通过 inject 来注入变量。 3.$refs 获取组件实例。 4.envetBus 兄弟组件数据传递, ......
通讯 方式 vue

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 day 65

day01-运维介绍与虚拟机安装-20230820

1.解释我们正在使用哪些互联网行业的软件,移动端?PC端? (1)平台不一样 视觉范围更广,可设计的地方更多,设计性更强,相对来说容错度更高一些。 操作局限性大,在设计上可用空间显得尤为珍贵,避免原件过小过近。 (2)操作系统不一样 对于会员系统、视频和音乐、购物支付等功能都进行了精简,使得这些功能 ......
20230820 day 01

Vue 3 Deep Dive with Evan You

什么是 DOM? 如果我们把这个 HTML 加载到浏览器中,浏览器创建这些节点,用来显示网页。所以这个HTML映射到一系列DOM节点,然后我们可以使用JavaScript进行操作。例如: let item = document.getElementByTagName('h1')[0] item.te ......
Deep Dive Evan with Vue

老杜Vue的Bug列表实战代码

老杜Vue的Bug列表实战代码 谢谢杜老师的vue教学视频,说的真的好好 各位亲爱的小伙伴,如果不能使用代码,请给我留言哈。 1、效果图 2、html代码(我自己写的,和杜老师的有些不同,不要纠结哈,基本是没错的) <!DOCTYPE html> <html> <head> <meta charse ......
实战 代码 Vue Bug

vue生命周期

Vue 的生命周期总共分为8个阶段:创建前/后,载入前/后,更新前/后,销毁前/后。 1、beforeCreate(创建前) 表示实例完全被创建出来之前,vue 实例的挂载元素$el和数据对象 data 都为 undefined,还未初始化。 2、created(创建后) 数据对象 data 已存在 ......
周期 生命 vue

Vue-Router 的懒加载如何实现

非懒加载: import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: List } ] }) 懒加载: 1.使用箭头函数+import动态 ......
Vue-Router Router Vue

vue-

插槽slots 传html结构,父传子 slot 父组件 子组件 渲染作用域 插槽内容可以访问到父组件的数据作用域,因为插槽内容本身是在父组件模板中定义的。 具名插槽 插槽:子组件传给父组件数据,父组件传回子组件 父 子 组件生命周期 生命周期函数 创建期:beforeCreate created ......
vue- vue

前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
颜色 前端 文字 vue

iwebsec-文件包含 01 本地文件包含

## 01、题目分析 程序开发人员通常会把可重复使用的函数写到单个文件中,在使用某些函数时, 直接调用此文件,而无须再次编写,这种调用文件的过程一般被称为文件包含。 在包含文件的过程中,如果文件能进行控制,则存储文件包含漏洞 ## 02、文件包含 这一题,emmm,没啥好说的,直接告诉答案了,在服务 ......
文件 iwebsec 01

前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
等分 前端 底部 宽度 组件

c++算法之动态规划:01背包

什么是动态规划? 动态规划算法(dynamic programing),是一种由递推为基础的比贪心更稳定的一种优化策略,为运筹学的一部分。就是通过以递推为基础的手段非暴力求出最值。 它的总体思想其实就是一个比较过程:假如你有一个数据,它的价值是x,代价为y,如果用动态规划就是和你不加这个元素和你加上 ......
算法 背包 动态

Luogu P3369 【模板】普通平衡树 01Tire树解法

[题目传送门](https://www.luogu.com.cn/problem/P3369) 闲话:Luogu总共105篇题解中只有4篇01Tire树解法,虽说是非正解但未免也太少了些(貌似也不少?)……总之01Tire树的效率并不低,这道题用01Tire是很轻松的。 ### Q:这题为什么可以用 ......
解法 模板 Luogu P3369 3369

vue实现简单人员列表

# vue实现简单人员列表 ## 功能 - 可以显示一个人员列表 - 可以对列表过滤 - 可以对列表排序 ## 实现 ```vue 列表 人员列表 升序 降序 原顺序 {{p.name}} {{p.age}} ``` ......
人员 vue

VUE

class绑定 style绑定 侦听器 表单输入绑定 v-model 修饰符:lazy,number,trim 模版引用 操作dom,获取ref this.$ref <div ref="container" class="containser">{{content}}</div> <input ty ......
VUE

01 简介、基础语法

一、Python简介1、简介Python由荷兰数学和计算机科学研究学会的吉多范罗苏姆于1990年设计,Python提供了高效的高级数据结构,还能简单有效地面向对象编程。Python语法和动态类型,以及解释型语言的本质,使它成为多数平台上写脚本和快速开发应用的编程语言。2021年10月,语言流行指数的 ......
语法 基础 简介 01

Spring Boot学习笔记day01

SpringBoot项目结构说明项目____pom.xml:用于管理项目依赖的 |_src |_main |_java:蓝色的,写java源代码的 |_resource:存放静态资源文件(static目录下)、项目配置文件application.properties、模板文件(template目录下 ......
笔记 Spring Boot day 01

面向对象高级01

# 面向对象高级 ## 一、类变量和类方法 ### 1.1类变量和类方法 #### 1.1.1 static变量是对象共享的,不管static变量在哪里 #### 1.1.2 共识: (1)static 变量是同一个类的对象共享。(2)static变量在类加载的时候就已经生成了 #### 1.1.3 ......
对象

01 常用语句

# Data Manipulation language(DML) - SELECT 查询 - INSERT 插入 - UPDATE 更新 - DELETE 删除 - MERGE # Data definition language(DDL) - CREATE 创建对象 - ALTER 修改对象定义 ......
语句 常用 01

vue.js:5108 [Vue warn]: Cannot find element: #body_container

1、原因:我把 Vue 挂载元素的JS放在了html加载完成的前面了 2、解决:放到html加载完成之后就可以了 ......
body_container container element Cannot 5108

RK3399驱动开发 | 01 -RK3399 gpio的使用(用户态和设备树两种方式)

一、RK3399的GPIO RK3399有5组GPIO,GPIO0-GPIO4,每一组GPIO成为一个GPIO bank,每组GPIO包含32个引脚,需要注意,不是所有 bank 都有全部编号,例如 GPIO4 就只有 C0-C7,D0-D2,所以一共有122个可用GPIO 二、计算GPIO编号Fr ......
3399 方式 用户 设备 RK

Vue技术

# 😀Vue技术总结 > 首先: 一对多和多对一都不可以 容器和实例之间只能是一一对应 > > 插值语法: {{ xxx }} xxx → 只能是 js 表达式(表达式是一组代码的集合,它`返回一个值`。) 注意!!! 区分 js表达式与js语句 > 指令语法: ``` 单向数据绑定 → v-bi ......
技术 Vue

vue3探索——组件通信之事件总线

> Vue2.x使用EventBus进行组件通信,而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`,`mitt.js`好在哪里呢?首先它足够小,仅有200bytes,其次支持全部事件的监听和批量移除,它还不依赖Vue实例,所以可以跨框架使用,React或 ......
总线 组件 事件 vue3 vue

iwebsec-文件上传 01 前端JS过滤绕过

## 01、题目分析 事实上,文件上传过滤是很正常的,需要自行判断是前端过滤还是后端过滤,一般上传木马的时候可以进行抓包,如果直接点击上传直接弹出禁止上传的界面,而没有抓到数据包,那就说明是前端js过滤,但是这个题目已经说明了是前端js过滤,就不用再测试了 ## 02、文件上传 先用哥斯拉创建一个一 ......
前端 iwebsec 文件 01

vue数据传递【父子组件】-父子props,子父$emit

一、父子组件传递 1、父组件数据传递给子组件【props】 父组件的数据变化时,子组件会自动更新 在父组件中引用子组件 <子组件name/> import 子组件 from ./子组件位置/子组件所在vue.vue 在组件中注册子组件 components:{子组件名称} 子组件 可以通过props ......
父子 组件 数据 props emit

java方法01什么是方法

# 什么是方法 - System.out.print();也是一个方法 - Java方法是语句的集合,它们在一起执行一个功能 - 方法是解决一类问题的步骤的有序组合 - 方法包含于类或者对象中 - 方法在程序中被创建,在其他地方被引用 - 设计方法的原则:方法的本意是功能块,就是实现某个功能的语句块 ......
方法 java

java数组01什么是数组

# 什么是数组 - 数组是相同类型数据的有序集合 - 数组描述的是相同类型的若干个数据,按照一定的先婚后次序排列组合而成 - 其中,每一个数据称作一个数组元素,每个数组元素可以通过一个下标来访问它们 ......
数组 java

java流程控制01用户交互Scanner

# 用户交互Scanner ## Scanner对象 - Java给我们提供了这样一个工具类,用于获取用户输入(接收键盘数据)。 java.util.Scanner 使用Scanner类来获取用户输入 - 基本语法: `Scanner dataName = new Scanner(System.in ......
流程 Scanner 用户 java

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 ......