1. 面板封装 提取首页的公用面板进行复用 头部 标题和副标题由props传入 右侧内容由具名插槽right传入 查看更多封装成全局组件 主体 由默认插槽传入 <template> <!-- 封装面板组件 --> <div class="home-panel"> <div class="container"> <di
无非就是 js 的一些 事件, 按键, 鼠标 等的一些绑定在 vue 的实现而已, 很好理解. 先来看一个基础例子. 事件初体验 <!DOCTYPE html> <html lang="en"> <head> <title>事件绑定</title> <script src="https://unpkg.com/vue@3"></script> </head> &l
最小生成树 最小生成树的算法有两种 我们一般遇到稠密图都会用到朴素版Prim,稀疏图都会用Kruskal 因为这样代码最短 朴素版Prim算法 Prim根dijkstra长得特别像 算法实现: #include <iostream> #include <cstring> #include <algorithm> using namespace std; const int N = 510,
1.用户设计 用户设计主要是三个大方面、用户主页、用户订阅、用户个人信息(这个和管理员设计成一个了后面统一说) 2.图片1 用户主页、轮播图——书籍推荐,这里和管理员用户类似,管理员设置,并在数据库存档,用户这里刷新就会出现,第一次点击刷新后数据会进行缓存,以后就会采用
D - Iroha and Haiku (New ABC Edition) 题意: 找一个最少含有三个点的区间,将区间分成三块,三块的和分别为p,q,r,问是否存在这样的区间 题解:先预处理一遍前缀和,和每一个前缀和出现的位置,然后从前往后遍历,每次遍历当前位置的前缀和,如果当前位置的前缀和>=(p+q+r),那么就有可能存在符
vue3基础入门 官方网站:https://v3.vuejs.org/ 中文文档: https://staging-cn.vuejs.org/guide/introduction.html 1、简介 1.1、vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽
之前写过一篇 vue cli2 使用 wkhtmltopdf 踩坑指南,由于wkhtmltopdf对vue的支持并不友好,而且不支持css3,经过调研最终选择puppeteer,坑少,比较靠谱。 一、准备工作 puppeteer中文文档: https://zhaoqize.github.io/puppeteer-api-zh_CN/#/ node版本必须在10.18.1+以上 新建pdf.js 安
1 const svg = document.getElementById('svg'); //获取元素 2 // const s = new XMLSerializer().serializeToString(svg); //xml序列化 3 const src = `data:image/svg+xml;base64,${window.btoa(unescape(encodeURIComponent(svg)))}`; // base64转化 4 const img =
环境 Time 2022-05-16 Rust 1.60.0 Node 12.22.5 wasm-pack 0.10.2 前言 说明 参考:https://rustwasm.github.io/docs/book/game-of-life/implementing.html 目标 在上一节的基础上进行,前面已经实现了康威游戏,只不过是直接将字符串渲染到页面上的,接下来使用 canvas 渲染。 index.
单例模式 1 定义 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 2 应用时机 当一个类的实例被频繁使用,如果重复创建这个实例,会无端消耗资源。比如 dialog 弹窗会被全局重复使用 业务功能本身决定了全局只能有唯一的实例。比如 redux 管理的数据,只能有唯一的一份 3
<el-tree-select check-strictly size="large" :props="treeProps" :data="datas.dataTree" v-model="datas.Departmentid" :multiple="false&qu
以上为效果图但是有一个问题是,一开始需要定义位置和颜色数组,当数据量过多的时候会重叠而且要提前声明很多数据 后面我决定用关系图来做了,先放上散点图代码供参考 function initReport(sdata) { const myChart0 = echarts.init(main0.value); const offsetData = [
VSCode提供了丰富的 API,可以借助编辑器扩展许多定制功能。 本次研发了一款名为 Search Method 的插件,在此记录整个研发过程。 一、准备工作 1)安装环境 首先是全局安装 yo 和 generator-code 两个库,我本地全局安装了 cnpm,所以用它来安装。 npm install yo generator
Different Pass a Ports(矩阵快速幂) 题目大意:小明(化名)喜欢旅游,没到一个地方都会搜集该地的邮票并且按照旅游的顺序收藏,他可以进行K时间的旅行,每去一个地方就要花1时间。问k时间后,小明有多少种邮票的排序方式。小明从1这个点位出发。 经典的固定时间,经典的问固定时间后有多少种走
使用 Express 写接口步骤如下 1 创建基本的服务器 代码: // 导入 express const express = require('express') // 创建服务器实例 const app = express() //write your code here... // 调用app.listen()方法指定端口号并启动服务器 app.listen(80, () => { console.log('expr
lottie:设计师制作动画,并提供json文件。前端可以使用对应的api操作时间流,对动画进行一些事件上的操作。 官网文档: https://github.com/airbnb/lottie-web 一. 下载依赖 npm install lottie-web 二. 在组件内引用 import lottie from 'lottie-web'; 三.引入json文件 Lottie默认读
只有 ABCDEFG 的题解。 A 模拟。 代码 void mian() { string s; cin >> s; int pos = int(s.size()) / 2; cout << s[pos] << endl; } B 模拟,注意 long long。 代码 void mian() { ll x; scanf("%lld", &x); const int P = 998244353; print
1、首页路由(routes/home.js) 首页路由: 首页(/) // 首页模块 routes/home.js const Router = require('koa-router'); const router = new Router(); const dataService = require('../services/data'); router.get('/', async (ctx) => { let {pag
本篇讲 vue 中对 dom 元素节点进行 "显示和隐藏" 的实现方式指令, 即 v-if 和 v-show. 其实一句话就能说明白, v-if 的底层是从 dom 树中增删节点; 而 v-show 的底层是 "display = none" 和 "display = block". v-if <!DOCTYPE html> <html lang="en"> <head> <tit
常量基础篇 ✏️ 博客部分内容是观看李文周老师的视频记录的笔记,部分是学习极客时间博客专栏做的笔记。 常量定义了之后就不能修改了,程序运行期间不能改变。常量一般定义在程序开头,不写在程序尾部。 1. 原始定义 const pai = 3.1415926 2. 多个常量同时定义 const ( statusok
钓鱼攻击第一弹-释放文件 之后所有文章发至《熊猫安全》公众号上 获取当前路径 #include <stdio.h> #include "direct.h" #define MAX_SIZE 255 int main(int argc, const char* argv[]) { char buf[MAX_SIZE]; getcwd(buf, sizeof(buf)); printf("current working d
1 #ifndef CHANPROJECT_VECTOR2D_H 2 #define CHANPROJECT_VECTOR2D_H 3 #include "ChanGlobal.h" 4 5 namespace Common{ 6 template <typename T> 7 class Vector2D{ 8 public: 9 Vector2D() = default; 10 virtual
1.less自动化导入 安装一个vue-cli插件,自动导入less文件 vue add style-resources-loader 2. 头部分类导航组件渲染 实现头部一级分类和二级分类的渲染 基本步骤: 定义一个常量数据和后台保持一致,这样不请求后台就能展示一级分类,不至于白屏 定义接口函数 在pinia的categ
app.js中的代码: const Koa = require('koa2'); const app= new Koa(); const port = 5050; const Router = require('koa-router'); const router = new Router(); const poolSql =require('./db.js'); const cors = require('koa2-cors
前言 题目传送门! 更好的阅读体验? 比赛时,这题写了一个 \(O(n^3)\) 算法,然后就过了。 以为是数据水,实际上可以证明时间复杂度是 \(O(n)\) 的。 思路 关键是一个结论:当 \(i < j < k\) 时,若 \(a_i, a_j, a_k\) 单调不降或单调不升,则三元组 \((a_i, i), (a_j, j), (a_k, k)\) 必定是坏