模板 基础vue
点分治模板
洛谷P3806 #include <bits/stdc++.h> using namespace std; int read() { int s = 0, f = 1; char ch = getchar(); while (ch < '0' || ch > '9') f = (ch == '-' ......
webpack.config.js和vue.config.js的区别
webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。 vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当 ......
vue 横向滚动菜单点击居中
最近在写项目的时候遇到一个功能 vue 横向滚动菜单实现点击 元素滚动可视区域居中，网上找了一些轮子都不是很好用，决定自己写一个，话不多说，开撸 先上效果如下，点击后面item可自动滚动到可视区域 在template中的代码 <div class="navbar-list"> <div class= ......
第四篇 css - 基础 - 颜色
颜色基本概述 1、颜色 颜色是指不能透过其他颜色的混合调配而得出的“基本色”，以不同比例将原色混合可以产生出其它的新颜色。 由于人类肉眼有 三种 不同颜色的感光体，因此所见的色彩空间通常可以由 三种 基本色所表达，这三种颜色被称为“三原色” 一般来说叠加型的三原色是 红色、绿色、蓝色 又称三基色，用 ......
第一篇 css - 基础 - 【 概述 + 应用 + 语法 + css 知识体系 】
css 概述 1、什么是 css css 即 层叠样式表 【 英文全称：Cascading Style Sheets 】 css 是一种用来表现 HTML 或 XML 等文件样式的计算机语言 CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化 2、网页组成 CSS 是 ......
第二篇 css - 选择器 - 【 基础选择器 + 组合选择器 + 伪类选择器 + 伪元素选择器 】
css 选择器分类 一、基础选择器 1、ID 选择器 2、类选择器 3、通配符选择器 4、标签选择器 5、属性选择器 二、组合选择器 1、后代选择器 2、元素选择器 3、相邻兄弟选择器 4、通用兄弟选择器 5、交集选择器 6、并集选择器 三、伪类选择器 1、标记状态的伪类 2、筛选功能的伪类 四、伪 ......
Vue的$nextTick完成后获取渲染后的dom数据
问题是这样滴： 需要在div的内容更新后获取div的高度，如果在更新值后马上获取，则高度还是之前的，需要在$nextTick中获取，但是呢这个高度需要返回给上层函数用做比较，所以就想$nextTick返回后在处理，搜索后发现$nextTick是处理异步的一个回调函数，它返回的是一个promise对象 ......
vue全家桶进阶之路20：ECMAScript脚本语言规范
ECMAScript（简称 ES）是一种由 Ecma 国际组织定义的脚本语言标准，它定义了 JavaScript 语言的基本规范和特性。JavaScript 是一种基于 ECMAScript 标准的编程语言，因此 ECMAScript 对于 JavaScript 开发来说非常重要。 ECMAScri ......
el-dialog在vue3中的应用
一般根据文档给到的demo，其中:visible.sync控制显示隐藏，我实测不行的呢?改用v-model=“dialogVisible”来实现 <template> <el-dialog title="提示" :visible.sync="dialogVisible"> <!-- 对话框内容 -- ......
第一篇 html - 基础 - 【 发展史 + 概述 】
html 发展史 1、HTML 1.0 （HTML/HTML+）超文本标记语言(第一版) ——在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准) 2、HTML 2.0 —— 1995年11月 作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 ......
企业降本增效法宝之小程序营销模板
近年来，小程序作为一种全新的应用形态，受到了人们的广泛关注。由于其轻量级、易传播、低成本等特点，博得了越来越多的企业和开发者的青睐。其中，小程序营销模版 作为小程序应用的一种重要形式，也得到了越来越多的关注和运用。 一、小程序营销模版的概念及特点 小程序营销模版 是指一种预先设计好的小程序应用模版， ......
AC自动机相关模板
P5357 #include <bits/stdc++.h> #define int long long #define N 200005 using namespace std; int n, cnt[N] = {0}; string s[N], t; map<string, int> apr; ......
KMP相关模板
KMP 洛谷P3375 #include <bits/stdc++.h> #define int long long using namespace std; int read() { int s = 0, f = 1; char ch = getchar(); while (ch < '0' || ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
Python & Anaconda 基础安装及配置
原文链接：http://t.csdn.cn/nzH5w 说明 使用系统：Windows 11 本文暂时只包含最基础的PyCharm & Anaconda安装及环境配置，供自己记录使用，更为具体的配置方法请参考原文 ##一、安装包下载（版本与原文有别） ###1. PyCharm安装包 本文使用的安装 ......
VUE SSR
1 简介 概念：ssr（server side render）服务端渲染 优点： 1.有利于搜索引擎的SEO操作，由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备，可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点： 1.开发受限制，比如mounted生命周期钩子不能用 ......
vue全家桶进阶之路19：webpack资源打包工具
Vue.js 是一个前端开发框架，它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具，它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件，并提供模块化加载、压缩、混淆等功能，以便于前端开发和部署。 在使用 Vue.js 开发 ......
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新？
解决方案： 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
1.在Node官网上下载zip安装包。 网址：https://nodejs.org/dist/v16.14.0/ （需要哪个版本就把/v后的版本号改成哪个版本） 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹： node_cache：npm缓存路径 node_global：np ......
C++基础知识学习笔记20230328
常量 C++常量定义有两种方式 #define 宏常量：#define 常量名 常量值 通常在文件上方定义，表示一个常量 const修饰的变量，count 数据类型 变量名 = 常量值 通常在变量定义前加关键字，修改变量为常量，后不可修改 ......
2023.3.28 【模板】KM算法 | 二分图最大权完美匹配
2023.3.28 【模板】KM算法 | 二分图最大权完美匹配 题目概述 给定一张二分图，左右部均有 $n$ 个点，共有 $m$ 条带权边，且保证有完美匹配。 求一种完美匹配的方案，使得最终匹配边的边权之和最大。 数据规模与约定 对于 $100%$ 的数据，满足 $1\leq n\leq 500$， ......
超全、超简单Vue微信公众号授权登录指南
<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span> <input type="number" :value="account" placeholder="请输入手机号"> </div> ......
vue2实现路由懒加载
以下内容仅供学习使用 安装@babel/plugin-syntax-dynamic-import插件。 1.1 使用npm安装： npm install --save-dev @babel/plugin-syntax-dynamic-import 1.2 使用yarn安装： yarn add --d ......
VUE实现购物车界面
以下是一个用 Vue.js 实现购物车的简单示例： 在 Vue 组件中定义购物车数据： data() { return { cart: [], total: 0 } } 在商品列表或详情页中添加“加入购物车”按钮，并绑定添加购物车方法： <button @click="addToCart(produ ......
JAVA基础面试题
JAVA基础面试题 1、请说说Java中的集合类，项目中是怎么使用的？ Java集合主要是Collection接口和Map接口，以及它们的子接口和实现类。 Collection接口下有子接口List和Set。 List接口的实现类主要有ArrayList,Vector,LinkedList。 Arr ......
【THM】DNS in detail(DNS基础详解)-学习
本文相关的TryHackMe实验房间链接：https://tryhackme.com/room/dnsindetail 本文相关内容：了解DNS协议是如何工作的，以及DNS如何帮助我们访问互联网服务。 什么是DNS？ DNS 指 Domain Name System，即域名系统，DNS能为我们提供一 ......
redis基础系列~缓存应用场景
一 普通缓存 针对普通的k-v进行存储和读取，大多数场景都在用，存在缓存穿透的情况 二 分布式锁 分布式锁的目的保障全局唯一性，会先锁定不存在的目标keys，保障唯一性的情况下进行下一步操作 三 消息队列 消息队列对应的是生产者-消费者模型，用来执行异步处理的队列消费 四 订阅 SUBSCRIBE ......
Vue中watch和computed的区别和应用场景
watch中的函数是不需要调用的，computed内部的函数调用的时候不需要加()。Watch是属性监听，监听属性的变化；computed是计算属性，通过属性计算而得来的属性。watch需要在数据变化时执行异步或开销较大的操作时使用。computed 属性的结果会被缓存，除非依赖的响应式属性变化才会 ......
JAVA~适合新手和复习~基础六（枚举、泛型）
枚举(enum) ava 枚举是一个特殊的类，一般表示一组常量，比如一年的 4 个季节，一个年的 12 个月份，一个星期的 7 天，方向有东南西北等。 Java 枚举类使用 enum 关键字来定义，各个常量使用逗号 , 来分割。 例如定义一个颜色的枚举类。 1 enum Color 2 { 3 RE ......