课堂笔记 课堂 笔记vue
vue学习七
<div id="app7"> <div style="height: 80px;width: 80px;background-color: aquamarine;" @click="father"> <div style="height: 40px;width: 40px;background-c ......
vue框架spa首屏优化
一、减小入口文件体积 常用的手段是路由懒加载，把不同路由对应的组件切割成不同的代码块，待路由被请求的时候会单独打包路由，使得入口文件变小，加载速度大大增加。在vue-router 配置路由的时候，采用动态加载路由的形式，这样就可以把各自的路由文件分别打包，只有在解析给定的路由时，才会加载路由组件。 ......
课堂练习
# JSD2306-DAY01# 1 第五教学月课程介绍## 1.1 课程阶段- luban-demo: demo案例,提取一个电商原型.购物车,订单,库存. - 特点: 轻业务,重技术,重框架. - 目的: 学习技术框架.- 鲁班上门: 真实项目实战 - 特点: 重业务,重技术,重经验 - 目的: ......
vue扫码功能
直接写到组件里面，使用组件传值返回数据 <template> <div class="scan"> <div id="bcid"> <div style="height:40%"></div> <p class="tip">...载入中...</p> </div> <footer> <button ......
vue3 hooks使用watch监听注意事项
当我们再vue3 写了一个通用hooks的里面使用watch来执行某些操作要注意！！！ 一个页面只能再根路由去创建实例，也就是调用 对呀hooks,如果子路由也需要使用 则由根路由 provide() 子路由inject，如果子路由都创建实例，会造成多次执行监听例如 我们由一个useSearch,来 ......
通过node.js部署vue项目
一、下载 Node.js官网下载大家根据自己的系统进行下载安装包（我的电脑是windows10-64位，所以下载第一个） 二、安装 点击下载的安装包进行安装点击Next 打勾并点击Next默认安装路径是C:\Program Files\nodejs\，我这里选择在D:\Program Files\n ......
麒麟系统开发笔记（十三）：在国产麒麟系统上编译OSG库、搭建基础开发环境和移植测试Demo
前言 在国产麒麟系统上实现C++三维仿真，使用OSG技术，其他基于web的技术也是可以但是交互上鼠标拽托等交互相对差一些，所以这块需要斟酌选择到底是何种技术来取舍。 本篇在厂家指定的麒麟系统上编译OSG。 环境 系统版本：银河麒麟桌面操作系统V10(SP1)（注意：不对外提供） Gcc版本：gcc ......
[Vue]Object.defineProperty()和Vue数据代理
Object.defineProperty (person, 'age', { value: 18, enumerable: true, // 属性是否可枚举，默认为false writable: true, // 属性是否可被修改，默认为false configurable: true, // 属 ......
React学习笔记12-循环渲染
在vue中我们一般是通过v-for指令来进行循环渲染的，但react中没有封装相关指令供我们调用 在react中我们可以通过数组的map方法来进行数据的循环渲染 import React, { Component } from 'react' export default class App ext ......
React学习笔记11-状态(state)
状态就是组件的数据，由组件自己设置和更改，也就是说由组件自己维护，使用状态 的目的就是为了在不同的状态下使组件的显示不同(自己管理) 定义状态的方法 可以在构造函数中定义也可以直接在类中通过变量的形式来定义 /* eslint-disable eqeqeq */ import React, { Co ......
Vue.js框架：vue3版本里数据变化监听watch和watchEffect的使用
一、监听方法 vue3中定义的变量默认不是响应式的，所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch： <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
学习笔记：STAEformer
Spatio-Temporal Adaptive Embedding Makes Vanilla Transformer SOTA for Traffic Forecasting 时空自适应嵌入让Transforer成为交通预测目前的最优模型 会议：CIKM2023 作者：Hangchen Liu, ......
vue3实现一个通用的右键菜单组件
1、新建一个名为ContextMenu.vue的文件 <template> <div ref="containerRef"> <slot></slot> <Teleport to="body"> <Transition @beforeEnter="handleBeforeEnter" @enter= ......
React学习笔记10- Ref的应用
用法 1.给标签设置ref="username" 通过这个获取this.refs.username , ref可以获取到应用的真实dom 2. 给组件设置ref="username" 通过这个获取this.refs.username ,ref可以获取到组件对象 写法 import React, { ......
React学习笔记09- 事件处理
React采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写 onclick , React里的事件是驼峰 onClick ，React的事件并不是原生事件，而是合成事件。 事件回调的几种写法 1.直接在组件内定义一个非箭头函数的方法，然后在render里直接 ......
最近我的笔记本无法待机了
C:\WINDOWS\system32>powercfg -a 此系统上有以下睡眠状态: 待机 (S3) 休眠 混合睡眠 此系统上没有以下睡眠状态: 待机 (S1) 系统固件不支持此待机状态。 待机 (S2) 系统固件不支持此待机状态。 待机(S0 低电量待机) 系统固件不支持此待机状态。 快速启动 ......
Ryoku 与最初之人笔记
题目描述 求满足 \(a\equiv b\pmod {a \text{ xor } b}\)，且 \(a,b\) 均为小于等于 \(n\) 的非负整数，\(a<b\)，的有序二元组 \((a,b)\) 个数。 \(n \leqslant 10^{18}\) 。 思路点拨 这里提供一种数位dp的做法。 ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，数据驱动界面改变 v-model 的双向绑定已告一段落, 剩余的就以这篇文章来完成。 首先完成我们的 v-html，v-text, 其实很简单，就是将我们之前的 v-model 创建观察者的方法，在 v-html 和 v-text 中再写一次即可，创建属于 v-html 和 v-t ......
[刷题笔记] [算法学习笔记]树上差分 -- Luogu P3128
Description Problem:https://www.luogu.com.cn/problem/P3128 FJ 给他的牛棚的 \(N\) 个隔间之间安装了 \(N-1\) 根管道，隔间编号从 \(1\) 到 \(N\)。所有隔间都被管道连通了。 FJ 有 \(K\) 条运输牛奶的路线，第 ......
vue 基础学习 一
1. vue 使用快速入门三步走 (1) 新建 HTML 页面，引入 Vue.js文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue.js 入门示例</title> <script src="https://cdn.j ......
rust笔记-变量
rust变量默认是不可变的，需要手动设置可变性。可变的变量给编程提供了灵活性，不可变的变量提供了安全性。而rust中需要根据实际场景来指定的变量类型。 变量声明 变量声明使用关键字 let，语法格式如下： let 变量名 = 值; 变量声明后，变量名可以被使用，但是值不能被修改。 这种方式申请的变量 ......
动态规划——决策单调性优化DP 学习笔记
动态规划——决策单调性优化DP 学习笔记 决策单调性 对于最优性问题，常有状态转移方程：\(f_i = \min/\max\{f_j\dots\}\)， 形象的：如果 \(i\) 的最优转移点是 \(j\)，\(i'\) 的最优转移点是 \(j'\)，当 \(i<i'\) 时，有 \(j\le j' ......
ASP.NET CORE学习笔记（host主机）
1、扩展包 Microsoft.Extensions.Hosting 2、包括Host、WebApplication 3、示例 1）honst 注意： <Project Sdk="Microsoft.NET.Sdk"> var builder = Host.CreateDefaultBuilder( ......
基本语法——lower/upper_bound 学习笔记
基本语法——lower/upper_bound 学习笔记 正文 本文保证：你看了也不懂 \(\texttt{lower\_bound}\) \(\texttt{upper\_bound}\) 默认比较函数 返回第一个 \(\cancel{<}\text{value}\) 的元素 返回第一个 \(>\ ......
课堂练习
1. create table 学生表(学号 char(10),姓名 char(10),出生日期 date,入学成绩 decimal); insert into 学生表 values('1001','张三','2000-10-20','510'),('1002','赵五',null,null); 2 ......
学习笔记6 截图+代码
一、苏格拉底挑战 二、遇见的问题 三、实践和代码 #include <stdio.h> #include <stdlib.h> #include <unistd.h> int main() { char *programPath = "/path/to/your/program"; // 指定要执行 ......
vue学习七之生命周期
1.vue的四个生命阶段 2.vue的八个钩子 (1) beforeCreate:创建阶段前,script数据尚未加载 (2) created:创建阶段已完成 (3) beforeMount:挂载阶段前，开始通过数据进行页面渲染 (4) mounted:挂载阶段完毕 (5) beforeUpdate ......
基于vue3+ts5+vue-router4+pinia2的PC端项目搭建教程
导语：在日常开发中，有时候会在项目中引入 ts 来解决一些 js 的问题，下面就简单介绍一下如何使用 vue3+ts+router+pinia 来搭建一个项目。 目录 简介 创建 安装 配置 实战 简介 vue3 目前是常用的 vue 版本，提供了组合式 API 以及一些新的功能和特性；ts 这种类 ......
我的数据备份笔记
今天虽然还没考完试，但是想写点与其无关的内容。最近一直在思考数据备份方案，诚然“3-2-1”结构是比较稳妥的（目前也正向着这个方向靠拢），不过也要考虑到自己的经济情况，所以要构建一个最符合当前情况的备份方案，本文可能涉及不少细节，写出来给各位有相同需求的坛友作为参考，如有建议也欢迎留言。 首先分析一 ......
python学习笔记-异步非阻塞web框架
一、异步非阻塞框架介绍 1、介绍 支持异步非阻塞web框架：tornado , node js 2、定义对比 异步IO模块：我们作为客户端向服务端“并发”请求 异步非阻塞web框架：针对服务端，希望一个线程处理更多的请求 二、tornado异步非阻塞 【要点提炼】 使用装饰器@gen.corouti ......