课堂笔记 课堂 笔记vue
【杂项】七零八碎的笔记
在程序员界被称为 DRY（don't repeat yourself）TBD 是 to be done 的简称。想了解更多关于代码注释的有趣知识，可以去知乎搜索“你见过哪些奇趣的代码注释”。 C盘中部分文件无法删除：重命名后可删除，移动到program 文件夹下可删除 ......
vue导出带样式的excel
示例说明实现导出excel不同块的颜色 template a标签仅做文件名称调整，默认为隐藏状态； <template> <div> <button @click="exportExcel">导出</button> <a ref="export_a" /> </div> </template> sc ......
nvm、node、vue安装、vue项目创建打包
nvm、node、vue安装、创建vue项目 nvm作用：可以管理多个版本的node，切换node版本，下载node。 前情提要 参 考：https://zhuanlan.zhihu.com/p/519270555 下载地址：https://github.com/coreybutler/nvm-wi ......
Vue3语法基本使用
1、watch 使用 watch(监听数据源,执行函数,[配置参数]) //配置参数： 立即执行 深度监听 {immediate: true, deep: true } 1.1 监听基本数据类型单一数据源 <script setup> import {ref, watch} from 'vue' l ......
解决vue中watch监听对象变化获取不到旧数据的问题
解决vue中watch监听对象变化获取不到旧数据的问题 1.问题代码 watch: { pageInfo: { handler(newVal, oldVal) { console.log(newVal, oldVal); }, } } 结果：打印出来newVal和oldVal输出内容一样 conso ......
vue2使用百度地图（vue-baidu-map）
https://dafrok.github.io/vue-baidu-map/#/ https://www.npmjs.com/package/vue-baidu-maphttps://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey 一 ......
从零开始使用vue2+element搭建后台管理系统（实现导出excel表格的功能）
首先参阅了以下文档： https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
浏览器安装vue.js-devtools插件
1.火狐浏览器在——扩展和主题搜索vue，如下图所示，直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......
springboot+vue整合百度的Ueditor
前言 最近应上级要求，添加一个富文本编辑器，百度的Ueditor（主角来了）；划重点2016年就停更了！ 废话不多说，直接开始操作吧。 ！！！建议看的时候仔细一点，因为很可能遗漏了某个地方就很抓狂！！！ 相信你看完肯定会有收获的 1、先去GitHub官网上下载Ueditor(点这里) 下载完成之后解 ......
vue端接收springboot端传来的表格数据
1、成果--实现啦！ 2、vue端相关代码 表格界面： <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid ......
读高性能MySQL（第4版）笔记07_优化数据类型（下）
1. ENUM（枚举） 1.1. MySQL在存储枚举时非常紧凑，会根据列表值的数量压缩到1或者2字节中 1.2. 转换为ENUM会使表变小 1.3. 如果表中有其他索引，减少主键大小也会使这些非主键索引小得多 1.4. ENUM列可以存储一组预定义的不同字符串值 1.5. ENUM字段是根据内部整 ......
建民的小课堂
Java java取模运算 int i , a = 10 , b = 3; //定义变量 i = a mod b; //相当于 i = a % b ;计算结果是 i 的值为1 写一个标准对话框的程序 // An addition program import javax.swing.JOptionP ......
新人笔记-final
package com_black.final00; public class Demo { public static void main(String[] args) { zi z=new zi(); z.method(); z.show(); } } package com_black.fin ......
vue九宫格播放
[2023年9月12日22:09:19] vue实现九宫格自适应播放 业务要实现九宫格的播放，同时也要做到拖拽放大的自适应，两种思路方法，一种是通过九宫格播放容器的宽高进行单元格尺寸的计算再搭配flex等css实现自适应，工作量较大；第二种是通过ui组件库自带的grid布局，这里用ant-desig ......
Go学习笔记5
十六、基于TCP协议的网络通信 创建客户端 【1】调用Dial函数：（net包下） 【2】代码： package main import( "fmt" "net" //所需的网络编程全部都在net包下 ) func main(){ //打印： fmt.Println("客服端启动。。") //调用D ......
Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误
问题描述 在编译前端项目时出现下面的问题： Failed to load PostCSS config: Failed to load PostCSS config (searchPath: D:/WebProject/imooc-front): [Failed to load PostCSS co ......
信息系统项目管理师教程（第四版） 第一章 信息化发展 学习笔记1-20230911
第一章《信息化发展》 学习要点： 1、信息的基本概念、信息的7个质量属性。 2、信息系统的概念、特点或用途、抽象模型、信息系统生命周期。 3、信息化、信息化系统。 4、工业互联网（四大层级）、车联网（体系框架、链接方式、应用场景）。 5、农业农村现代化、乡村振兴战略、两化融合与智能制造、智能制造、消 ......
SpringBoot和Vue实现数据对接--Vue端
以table表格进行数据展示 Vue端 在PageOne界面进行组件引入： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="date" label="Date" widt ......
Vue学习三：生命周期和工程化开发
一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段：1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数（钩子函数） Vue生命周期过程中，会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据 ......
使用element-plus组件在vue中引入分页功能
1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是，现在页码并不能与每页的内容相互对应 解决方式： page用来表示确认每 ......
kubernetes权威指南读书笔记-Serivce的ClusterIP地址
EndPoint：由POD的IP加上容器的端口构造；它表示POD里的一个服务进程对外的通信地址；一个POD也存在多个ENDPOINT的情况。 Kuernetes Service的一个功能就是实现负载均衡。它是这样来实现的，kubernetes内部在每个Node上都运行了一套全局的虚拟负载均衡器，自动 ......
vue3.*安装axios具体步骤
在项目的命令行处使用命令进行axios的安装 npm install axios vue-axios --legacy-peer-deps --save 其余的命令可能会报错； ......
SpringBoot和Vue实现数据对接--SpringBoot端
1、新建一个SpringBoot项目 勾选上这四个： 等待创建完成即可； 2、编写.yml文件 这里需要注意的是，端口需要与vue的端口区分开，不然会存在端口冲突的问题！ 3、编写SpringBoot代码 Student.java package com.example.myspring001.en ......
在Vue2和Vue3中JSX的使用集锦
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用 ......
【学习笔记】YLX dalao 的馈赠
本文章同步发表于洛谷云剪切板。 Online Judge 洛谷：https://www.luogu.com.cn/ 题解 LibreOJ：https://loj.ac/ 下数据 Universal Online Judge：https://uoj.ac/ 比赛好 Codeforces：https:/ ......
vue前端实现分页逻辑
在前端实现分页逻辑 <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="page" :page-size="size" :page-sizes="pageSizes" layo ......
python版elasticsearch入门笔记
Elasticsearch 是一个分布式、高扩展、高实时的搜索与数据分析引擎。Elasticsearch 的实现原理主要分为以下几个步骤，首先用户将数据提交到Elasticsearch 数据库中，再通过分词控制器去将对应的语句分词，将其权重和分词结果一并存入数据，当用户搜索数据时候，再根据权重将结果 ......
电气工程师必学------CODESYS v3.5 入门学习笔记（一）
一、新建工程 打开软件新建工程，如图 此教程只是入门练习，所以这里一般情况下都是创建的Standard project，也就是标准工程。窗口下方可以设置工程名称与存放位置。 紧接着是选择设备与编译语言。初学者条件有限就直接上仿真，电脑是windows x64的话设备选择上图所示就OK。 语言这里我选 ......
电气工程师必学------CODESYS v3.5 入门学习笔记（一）
一、新建工程 打开软件新建工程，如图 此教程只是入门练习，所以这里一般情况下都是创建的Standard project，也就是标准工程。窗口下方可以设置工程名称与存放位置。 紧接着是选择设备与编译语言。初学者条件有限就直接上仿真，电脑是windows x64的话设备选择上图所示就OK。 语言这里我选 ......
vue实现动态导航栏的设置
1、点击某个导航栏即切换到某个页面 1、为el-menu标签加上router属性 2、在页面中添加router-view标签，动态渲染我们自己选择的router 3、el-menu-item标签的index值即为要跳转的页面地址 呈现效果： 2、为页面设置选中状态--此时点击选中是有状态的，但是初始 ......