课堂笔记 课堂 笔记vue

从零开始使用vue2+element搭建后台管理系统(框架布局+面包屑+内容页加载实现)

先在components下分别创建侧边栏、顶部、布局等组件,用于全局配置: CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......
面包屑 布局 后台 框架 面包

Vue源码学习(四):<templete>渲染第三步,将ast语法树转换为渲染函数

好家伙, Vue源码学习(三):<templete>渲染第二步,创建ast语法树, 在上一篇,我们已经成功将 我们的模板 转换为ast语法树 接下来我们继续进行操作 1.方法封装 由于代码太多,为了增加代码的可阅读性 我们先将代码进行封装 index.js import { generate } f ......
语法 函数 源码 templete Vue

bilibili B站:【文档向】CMake基础知识 - 原作者笔记Markdown风格

视频摘自B站:https://www.bilibili.com/video/BV1hz4y1H7YA 笔记摘自:https://gitee.com/yanmu_ym/cpp [TOC] # 预备知识 ## CMake是什么 CMake是一个管理代码构建的工具。与平台和构建系统无关。最初CMake只用 ......

bilibili B站:从零开始学Makefile - 原作者笔记

视频摘自B站:https://www.bilibili.com/video/BV1Bv4y1J7QT 笔记摘自:https://gitee.com/yanmu_ym/cpp 学习环境搭建 Linux(以Ubuntu为例) sudo apt install gcc g++ make Windows 学 ......
原作 原作者 bilibili Makefile 笔记

《Hello算法》笔记2数据结构

逻辑结构 逻辑结构揭示了数据元素之间的逻辑关系。 线性数据结构:数组、链表、栈、队列、哈希表。 非线性数据结构:树、堆、图、哈希表。 线性结构:数组、链表、队列、栈、哈希表,元素之间是一对一的顺序关系。 树形结构:树、堆、哈希表,元素之间是一对多的关系。 网状结构:图,元素之间是多对多的关系。 物理 ......
数据结构 算法 结构 笔记 数据

vue 嵌套全屏iframe 能有效避开返回两次才能返回上一个路由的问题

<template> <div class="home"> <iframe ref="iframe" class="iframe" frameborder="no"></iframe> </div> </template> <script> import { get_doctor_info, sta ......
路由 iframe 问题 vue

抽象代数笔记

6.1 代数结构 代数系统(代数):非空集合 \(S\) 和 \(S\) 上的 \(k\) 个一元或二元运算 \(f_1, f_2, \cdots f_k\) 组成的系统。记作 \(<S, f_1, f_2, \cdots, f_k>\) 。 6.1.1 代数运算 设 \(A, B\) 是非空集合, ......
抽象代数 代数 笔记

vue3中的watchEffect高级侦听器

介绍 watchEffect有两个参数,一个回调函数,一个是对象(设置配置项) watchEffect执行传入的一个函数,同时响应式追踪其依赖,并在依赖更新时重新运行该函数 watchEffect是非惰性的,会默认自动调用一次的 import { watchEffect, ref } from 'v ......
侦听器 watchEffect vue3 vue

vue2 el-popover 数据很多时候,渲染很慢

参考链接: https://blog.csdn.net/weixin_45753473/article/details/119893112 怎么让el-popover显示位置根据点击位置显示,以下代码优化: 要让`el-popover`的显示位置根据点击位置动态调整,可以根据点击的元素的位置动态设置 ......
el-popover popover 时候 数据 vue2

在vue中使用引入3D建模(Three.js)

1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面,可以从网站 sketchfab 下载和导入3D建模的模型(需注册,有些是免费的),在这里用到的模型地址是https://sketchfab. ......
Three vue js

直播app开发搭建,vue 一分钟倒计时功能实现

直播app开发搭建,vue 一分钟倒计时功能实现 HTML <template> <div @click="countdowm" v-text="content "></div></template> ​在data里边定义相关变量 data() { return { content: "倒计时", ......
功能 app vue

直播商城源码,vue中,input输入框只允许输入数字

直播商城源码,vue中,input输入框只允许输入数字 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符: <input v-model.number="age" type="text" /> ​ 当输入类型为 text 字符串类型时这通常很有用。 如果输入类 ......
源码 数字 商城 input vue

vue 学习

1.给对象动态添加属性和值 var obj={ name:"jack", age:"18" } 第一种:Vue.set(obj,'sex','18'); 第二种:this.$set(this.obj, 'score', 90); 第三种:obj.score=100; 直接赋值的方式不能触发Vue的响 ......
vue

docker部署springboot+vue项目环境安装及部署流程

后端项目打jar包修改及配置项 1、修改配置文件 application-prod.yml中的mysql配置和redis配置 2、切换Maven为生产模式 3、Maven打包 4、拿到打包后的jar 包5、拿到jar包之后在Linux中使用 nohup java -jar jeecg-system- ......
springboot 流程 环境 项目 docker

Ant Design Vue Table 嵌套子表格的数据刷新方法

父子组件各自负责,在table中嵌套了子表格后,首次加载表格时,父组件会实例化子组件并传递参数,折叠后再次展开时,只会传递参数,子组件的数据刷新就属于子表格了。如 @@@code <template #expandedRowRender="{ record }"> <originIndex styl ......
套子 表格 方法 数据 Design

vue-i18n

https://kazupon.github.io/vue-i18n/zh/introduction.html 开始 如果使用模块系统 (例如通过 vue-cli),则需要导入 Vue 和 VueI18n ,然后调用 Vue.use(VueI18n)。 格式化 在某些情况下,你可能希望将翻译呈现为 ......
vue-i vue 18

苹果笔记本使用

普通记录 Mac. caps lock. 切换到中英文 shift切换到大小写 mac打开终端的快捷键是command +n。 搜索终端, Command + C。复制选中的内容。 Command + V。粘贴复制的内容。 Command + X。剪切选中的内容。 Command + Option ......
苹果 笔记本 笔记

vue~vuex的使用

存储相关 Vuex 和本地存储(如localStorage)以及 cookie 存储(如 document.cookie)之间有一些关系,但它们是不同的概念,用于不同的目的。 Vuex: Vuex 是 Vue.js 的官方状态管理库,用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex ......
vuex vue

MPEG4 & H.264学习笔记 ------ 视频编码

视频编码基本概念 压缩(compress) 动词: 挤压到更小的空间中;即condense 压缩(conpress) 名词: 压缩的行为或是压缩的状态 压缩是把数据用更小的空间来存放的技术.视频压缩(视频编码)是把数字视频流序列用更少的数据位进行存放的方法."Raw"或叫没压缩过的视频需要大量的码( ......
编码 笔记 MPEG4 视频 MPEG

Ruoyi-Vue-Plus 修改模块名+包名

一、修改模块名 模块名需要一个一个改,这里以ruoyi-demo模块为例 重命名模块和目录 全局替换引用 全局搜索并替换ruoyi-demo 其他模块以此类推 修改完以后如果报红,可以刷新idea缓存 二、修改包名 改包名 全局替换引用com.ruoyi ......
Ruoyi-Vue-Plus 模块 Ruoyi Plus Vue

RK3568开发笔记(八):开发板烧写buildroot固件(支持hdmi屏),搭建Qt交叉编译开发环境,编译一个Demo,目标板运行Demo测试

前言 前面发现开发板用ubuntu固件发现空间不够,本篇使用buildroot固件,来实现目标板运行qt界面应用。 烧写buildroot固件 这部分更详细的参照《RK3568开发笔记(六):开发板烧写ubuntu固件(支持mipi屏)》的步骤,本质上烧写都是一样的,只是不同的update.img。 ......
固件 Demo buildroot 目标 环境

JavaWeb XML学习笔记

XML XML简介 Extensible Makeup Language 可扩展性标记语言 发明的目的:传输和存储数据,而不是展示数据 XML 的标签必须自定义,写标签名时候要有含义 XML 是 W3C (万维网联盟)推举的数据传输格式 功能 存储数据 配置文件 在网络中传输 XML 和 HTML ......
JavaWeb 笔记 XML

基于IDEA可视化的Git 学习笔记

一、开源项目的初始化 方式一 克隆项目后删除.gitee和.git文件 然后使用以上命令初始化本地仓库,并将代码推送到新建的仓库 这种方式不保留开源项目以前的提交记录。 方式二 克隆仓库后不删除.gitee和.git文件 修改远程仓库的推送地址 修改分支名为master 最后使用git push - ......
笔记 IDEA Git

Vue2——监听页面滚动实现菜单和页面对应

前言 如题,监听页面的滚动并激活相应的菜单,一个老项目的维护,后面反正要全部重构,这里就先实现功能就好了; 内容 元素内容 主要是添加相应的id,生成目录后直接通过锚点来跳转 监听滚动 window.addEventListener('scroll', () => { const sections ......
页面 菜单 Vue2 Vue

Vue.js的index.html文件中引入JavaScript文件

将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径,如果想将本地js文件打包之后也放在static/js文件夹下,需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
文件 JavaScript index html Vue

文献阅读笔记

引言 以下相关内容学习自:B站小博士Awake 原视频:如何做好文献阅读及笔记整理 感谢大佬的分享! 文献阅读的目的 文献阅读的工具 文献鸟(Storkapp.me): ​ 通过输入研究方向关键词,设置提醒时间,定时将符合关键词的文献发送邮件。 Connected Papers(Connectedp ......
文献 笔记

自媒体笔记

1、变现方式: 直播引流--兴趣电商(书、益智玩具、育儿书籍) 私域--变现 卖的商品:总结的笔记、自拍杆、运营类的书籍、带娃的益智玩具、 账号吸粉:利他因素:对别人有利:经验.... 书单.... 解决别人的问题 提供情感价值:讲共鸣的话题,讲都会遇到的问题,讲别人的痛点 ......
笔记 媒体

Taro+vue3 关注抖音号

Taro使用vue3或者react框架,data-aweme-id属性是不被解析到生成的页面代码中的,所以需要借助编译插件@tarojs/plugin-inject去注入标签属性; https://taro-docs.jd.com/docs/vue-overall#dataset 业务页面: <bu ......
Taro vue3 vue

读高性能MySQL(第4版)笔记06_优化数据类型(上)

1. 良好的逻辑设计和物理设计是高性能的基石 1.1. 反范式的schema可以加速某些类型的查询,但同时可能减慢其他类型的查询 1.2. 添加计数器和汇总表是一个优化查询的好方法,但它们的维护成本可能很 1.3. 将修改schema作为一个常见事件来规划 2. 让事情尽可能小而简单是一个好主意 2 ......
高性能 类型 笔记 数据 MySQL

建民的Java小课堂

1、JAVA的基本运行单位是类还是方法? 很明显是类 2、类由什么组成? 由特性和行为的对象组成 3、变量的类型,相互之间可以转换吗,浮点数? 答案是可以 int i=99; byte b=(byte)i; char c=(char)i; float f=(float)i; 值得注意的是,高精度向低 ......
课堂 Java