课堂笔记 课堂 笔记vue
Vue源码学习(十二):列队处理（防抖优化，多次调用，只处理一次）
好家伙， 本篇讲的是数据更新请求列队处理 1.一些性能问题 数据更新的核心方法是watcher.updata方法 实际上也就是vm._updata()方法, vm._updata()方法中的patch()方法用于将新的虚拟DOM树与旧的虚拟DOM树进行比较， 并将差异更新到实际的DOM树上. 这一步 ......
2023/10/19 学习笔记
单臂路由与三层交换机 单臂路由 单臂路由实现不同vlan间通信 链路类型： 交换机连接主机的端口为access链路 交换机连接路由器的端口为trunk链路 子接口： 路由器的物理接口可以划分成多个逻辑接口 每个子接口对应一个vlan网段的网关 单臂路由实现不同vlan间通信的原理 路由器重新封装MA ......
shell学习笔记
流程控制语句 f …; then … elif …; then … else … fi 常用的条件测试有 [ -f "$file" ] 判断$file是否是一个文件 [ $a -lt 3 ] 判断$a的值是否小于3，同样-gt和-le分别表示大于或小于等于 [ -x "$file" ] 判断$fil ......
就这么一段代码，跑死了我的笔记本 C# RabbitMQ 消息队列
十年河东，十年河西，莫欺少年穷 学无止境，精益求精 为了实现RabbitMQ的延迟队列，我做了如下代码 也就是如下代码，将我的电脑跑死了好几次 入口函数如下： public static void Main(string[] args) { for(int i = 0; i < 10; i++) { ......
vue3+elementplus实现侧边栏收缩折叠图标(SVG)显示异常
1.背景 没有使用elementPlus自带的icon图标，而是自己使用的全局svg图标组件。 2.目前情况 侧边栏的结构有一级菜单，二级菜单多样性。 3.目前问题 当侧边栏涉及到收缩的时候，svg图标就显示不正常。 展开： 折叠： 4.解决方法 自己的图标用<el-icon></el-icon>包 ......
【Vue】MineData 地图接入
一、文档资料： MineData开放平台： https://minedata.cn/md-platform/login/login MineData V2.1.0 接口文档： http://113.108.157.29:7070/support/static/api/doc/js/v2.1.0/ap ......
27-Vue脚手架-ref属性
ref 属性 ref 被用来给元素或子组件注册引用信息（id的代替者） 1）应用在 html标签上获取的是真实DOM元素，应用在组件标签上获取的是组件实例对象vc（VueComponent） 2）使用方式 打标识：<h1 ref="xxx"></h1> 或 <School ref=''xxx'></ ......
解决vue单页面程序经过hbuilder打包成apk后物理按键会直接退出程序的问题
解决方法是在项目 index.html文件中写入 <script> document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventLi ......
vue 组件之间的数据传递
一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步：在子组件中通过$emit触发指定 ......
[Vue]el和data的两种写法
1.el有2种写法(1).new Vue时候配置el属性。(2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。 // el 的两种写法 const vm = new Vue({ el: '#root', // 第一种写法 data: { name: '模板' } } ......
HAVING 使用 和 两个之间更新（笔记）
SELECT APPROVAL_ID,count(STATION_SNAP_ID) from T_INVEST_STATION_APL where APPROVAL_ID in (select DISTINCT PROJECT_ID from T_ARCHIVE_DETAIL where DATA_ ......
《敏捷软件需求》阅读笔记三
这些天阅读的是《敏捷软件需求》的十七到最后一章，接下来写的是关于阅读完整本书后的阅读心得体会和整本书的相关总结，写的是我认为的重要的部分： 用户故事：用户故事是一种简短的、自然语言描述的用户需求，通常由用户角度来描述软件的功能。每个用户故事通常包括一个简短的描述、一个业务价值和一个验收标准。 优先级 ......
颜色选择盘插件--- vue-color （sketch）
安装依赖 cnpm install vue-color 代码使用 <w-form-item label="颜色设置" prop="ysbm"> <div class="yssz-box"> <div class="color-outer-box"> <div class="color-box" :s ......
阅读笔记：《软件需求分析》阅读笔记三
在继续深入研究《软件需求分析》这本书的过程中，我发现了一些关键的观点和概念，这些观点不仅对软件工程师和需求分析师有价值，对整个软件开发流程也具有重要意义。以下是我在本次阅读中的主要发现和理解： 需求分析的重要性 需求分析在软件开发过程中占据关键地位。它不仅仅是整个项目的起点，还是确保项目成功交付的关 ......
【论文阅读笔记】（文本识别）
Read Like Humans: Autonomous, Bidirectional and Iterative Language Modeling for Scene Text Recognition ABINet CVPR 2021(Oral) 读论文思考的问题 论文试图解决什么问题？ 如何对 ......
关于Vue的 main.ts ./App.vue报错解决
1.vue项目文件报错 src下的main.ts文件中： import App from ‘ ./App.vue ’提示报错 解决方案 在根目录下找到env.d.ts中加入以下代码段 declare module "*.vue" { import { DefineComponent } from " ......
Vue3(开发前的准备 ，了解VUE项目的项目结构)
前提装好了NODE.JS 1.创建项目 创建项目文件目录 打开控制台找到项目文件目录地址 输入命令：npm init vue@latest 输入vue项目名 选择需要添加的文件完成创建 进入文件控制台输入：cd 文件名 到文件目录下接着控制台输入npm install 也可以cnpm install ......
markdown基本使用语法（适合做笔记）
markdown基础语法 编辑器推荐 vscode支持大量的插件，包括makrdown语法展示效果的插件。当安装这个插件之后，能够将文档和显示效果分成两个页面，就可以一边编辑代码，一边查看显示效果了，更大的优点是，纯文本状态下，无需考虑显示效果，加载速度更高，如果使用typora的话，当笔记达到两万 ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
React学习笔记08- 组件的样式
1.使用行内样式 想给虚拟dom添加行内样式，需要使用表达式传入样式对象的方式来实现： // 注意这里的两个括号，第一个表示我们在要JSX里插入JS了，第二个是对象的括号 <p style={{color:'red', fontSize:'14px'}}>Hello world</p> 行内样式需要 ......
RK3588开发笔记（二）：基于方案商提供sdk搭建引入mpp和sdk的宿主机交叉编译Qt5.12.10环境
前言 上一篇项目已经构建好了Qt，板子接入mipi屏幕也跑起来了，Qt也能正常运行了，现在需要接入定制开发的sdk，sdk中使用了硬解码等资源涉及到bsp的mpp，所以下一步就是引入mpp和sdk到Qt开发环境中，从而Qt中可以调用sdk接口进行进一步的应用结合开发了。 注意 本文公开了Qt开发嵌入 ......
vue-print打印（含多页打印带表头）
打印功能开发： 1）使用vuePlugsPrint.js 2）main.js 加入：import vuePlugsPrint from '@/utils/vuePlugsPrint' Vue.use(vuePlugsPrint); 3）创建打印模板页面：templatePrint.vue 4）使用页 ......
React学习笔记07-组件嵌套
一个项目肯定是由多个组件构成的，组件之前必然会存在相互嵌套的关系 在react中如果想要将一个组件嵌入到另外一个组件中 只需要在父组件的render函数的返回值中放入子组件即可 请看下面代码 import React, { Component } from "react" class Navbar ......
React学习笔记06-函数式组件
函数式组件即在React中通过函数的方式来声明一个组件 import React from "react" function App() { return ( <div> 函数式组件 <div>hhh</div> </div> ) } /* 16.8之前 //无状态 16.8之后 react hoo ......
vue项目第一次进入页面刷新页面并只刷新一次
if (location.href.indexOf("&reloaded") == -1) { location.href = location.href + "&reloaded"; location.reload(); } ......
React学习笔记05-类组件
ES6的加入让JavaScript直接支持使用class来定义一个类，react创建组件的方式就是使用的类的继承， ES6 class 是目前官方推荐的使用方式，它使用了ES6标准语法来构建，看以下代码 import React from 'react' import ReactDOM from ' ......
Vue.js框架：vue2和vue3开发环境共存
一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下，老项目需要使用vue2运维，新项目使用vue3开发，因此需要两种环境共存。 找一个合适的位置，新建一个文件夹，在该文件夹目录下，打开cmd终端，运行命令： npm install @vue/cli --registry=htt ......
笔记
今天是2023/10/19，停课第四天，整理一下思路吧…… P7113 [NOIP2020] 排水系统 拓扑排序、数学 拓扑很简单，关键是这个分数到底会多大。 观察到题目中有限制m最大是10，最多经过10个中转点，出边小于等于5，这些限制很明显就是规定了p，q的范围。 前者说明总水量最多是10，而每 ......
【Vue3响应式入门#01】Reactivity
接下来，我们将会用 Vue3 建造响应式的方法，从头开始制造一个响应式引擎，让我们一步一步的来解决这个问题！ ......
第三周阅读笔记|人月神话————画蛇添足
画蛇添足—— 蛇本来没有脚，先画成蛇的人，却将蛇添了脚，结果不成为蛇。蛇本来没有脚却被人给它强行加上脚，比喻做事多此一举，反而坏事 。我们在成功来临的时候，要保持和巩固现有的成果，不能多次一举，耍小聪明、炫耀自己，否则就会惨败。自作聪明、做多余的事，反而会弄巧成拙，把事情办糟。讽刺了那些弄巧成拙的人 ......