一般Vue情况下我们使用canvas是这样使用的 //创建canvas元素 <canvas id="output_mini" width="1400" height="790" style="display: block;position: absolute;top:0;" /> //找到canvas元素 const canvas = document.getElementById("output_m

目录 一、申请高德地图的使用密钥key。 二、安装依赖。 三、使用。 四、常见问题。 项目下载： 高德地图测试demo，高德地图测试demo-Node.js文档类资源-CSDN下载 效果图： 一、申请高德地图的使用密钥key。 高德开放平台 | 高德地图API 在高德地图控制台里面“我的应用”中创建应用，并添加key就可以拿到密钥key和安全密钥了。 二、安装依赖。 npm install -S vue-amap 三、使用。 mai

我们都知道，路由指的是组件和路径的一种映射关系。Router-view也被称为路由的出口,今天我们就探讨下如何去使用路由出口。 也就是: 路径--------------------------------------------------------------->页面 可以把router-view理解成一类代码存放的位置。 一.基本的路由配置(没用子集) 我们都知道所有的组成注册最终在app.vue注册完毕。 通过代码来分析: import Vue from 'vu

1 底部列表 1.1 思路 如上图，这整个的大盒子，又可以被分为上中下三个小盒子，上、下盒子都被分为左右两个小盒子。这部分的难点主要体现在搜索栏上，特别是搜索栏聚焦的时候，会有一个阴影的效果，失去聚焦之后阴影效果会消失。如下 这部分可以使用两个鼠标事件搞定，@focus （组件获取焦点的时候触发）、@blur （组件失去焦点的时候触发）。当事件被触发的时候，操作Dom，更改组件的样式，从而达到想要的效果。 另外一个难点就是下盒子右侧图标，在悬浮的时候会更改颜色，如下。

效果演示 注意：视频中的数据是模拟数据，请自行定义数据才可使用，数据格式末尾有例子 uniapp 改写uni-data-picker uni-data-picker.vue更改 <template> <view class="uni-data-tree"> <view class="uni-data-tree-input" @click="handleInput"> <slot :options="options"

​ 作者主页：编程指南针  简介：Java领域优质创作者、CSDN博客专家  Java项目、简历模板、学习资料、面试题库、技术互助 文末获取源码 ​ 项目编号：BS-QD-002 主要需求： 学生信息录入、修改、删除、查询 宿舍管理评分 学生早起率、懒床率 学生宿舍打扫频率 学生晚归情况 楼层管理 考虑到实用性，该系统需要拆分为两大子系统，一个是学生端系统，一个是后台管理端系统。学生端系统主要提供给学生使用，负责一些宿舍记录及个人信息记录的基本操作；后台管理模块则是主要负责对

文章目录 一、JWT是什么？ 二、使用步骤 1.项目结构 2.相关依赖 3.数据库 4.相关代码 三、测试结果 一、JWT是什么？ 在介绍JWT之前，我们先来回顾一下利用token进行用户身份验证的流程： 1、客户端使用用户名和密码请求登录 2、服务端收到请求，验证用户名和密码 3、验证成功后，服务端会签发一个token，再把这个token返回给客户端 4、客户端收到token后可以把它存储起来，比如放到cookie中 5、客户端每次向服务端请求资源时需要携

一、配置环境 1.安装VS Code 官网下载 https://code.visualstudio.com/ 下载VS Code，按照步骤安装。 2.安装node.js （1）官网 https://nodejs.org/en/ 下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。 （2）配置环境变量：把node.js安装路径配置到环境变量Path中,使用node.js安装包安装时一般会自动添加环境变量。 （3）查看node.js是否安装成功

📀 前言： 🎫  选择一个好的开发工具很重要，很多刚学编程的小伙伴在 webstorm 和 vscode 上很难抉择，我个人更喜欢使用 vscode，因为其有着简洁的操作风格和丰富的人性化的各种功能，这篇文章带给大家 vscode 的新手操作指南，大家可以把这篇文章当做一个工具文档，有记不起来操作的地方可以来看看。 一：VSCode 的下载安装 🧵 下载安装我们可以去 vscode 的官网，也可以直接在下方链接下载，官网里面给了各种操作系统对应的版本，支持 m

vite创建vue3+ts项目 为何选择vite： vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动： 快速的冷启动，不需要等待打包操作； 即时的热模块更新，替换性能和模块数量的解耦让更新飞起； 真正的按需编译，不再等待整个应用编译完成，这是一个巨大的改变。（平均一秒run） 本文技术栈是vue3+vue-router+ts+vite+element-plus+pinia。 初始化项目 （1）在需要创建位置cmd目录下执行 npm init vit

博主昵称：跳楼梯企鹅博主主页面链接：博主主页传送门 博主专栏页面连接：专栏传送门--网路安全技术创作初心：本博客的初心为与技术朋友们相互交流，每个人的技术都存在短板，博主也是一样，虚心求教，希望各位技术友给予指导。博主座右铭：发现光，追随光，成为光，散发光;博主研究方向：渗透测试、机器学习 ;博主寄语：感谢各位技术友的支持，您的支持就是我前进的动力 ;  一、实验环境 本次实验用到phpstudy 订单靶场网站使用：军锋预定系统   二、开始复现  1.

💂 个人网站:【 海拥】【小霸王游戏机】【大转盘】 🤟 风趣幽默的前端学习课程：👉28个案例趣学前端 💅 想寻找共同学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习群】【学习文档】 💬 免费且实用的计算机相关知识题库：👉进来逛逛 给大家安利一个免费且实用的前端刷题（面经大全）网站，👉点击跳转到网站。 在线演示地址：https://haiyong.site/moban/texiao/1/源码下载地址：https://code.haiyong.site/33/ ✨ 项目基本结构 目