Vue-代码高亮需求在vue前端项目中，需要代码在界面中高亮显示. 解决方案使用highlight.js 安装 npm install highlight.js --save 封装成Vue插件 // src/utils/highlight.js 文件路径，纯属自定义 // highlight.js 代码高亮指令 import Hljs from 'highlight.js'; import 'highlight.js/styles/tomorrow-night.css'; // 代码高亮风格，选择更多风格需导入 node_modules/hight

Vue-elementui-实现图片预览需求展示图片缩略图，并且点击可以预览大图 实现使用 elementUI 的Image组件 <div v-else-if="type=='img'"> <el-image style="width: 50px; height: 50px" :src="previewURL" :preview-src-list="[previewSRC]" fit="contain"&g

Vue-axios-get实现文件下载需求后端实现了文件下载API： http://xxx.xxx.xxxx.xxxx/api/file/download?id=xx前端携带用来认证的cookie，调用此GET请求，可以实现文件的下载（附件形式） 在vue中，使用a 标签可以发送get请求，但是不能携带cookie 数据，无法实现鉴权，因此需使用axios发送请求 实现 请求下载的时候设置responseType为blob // store/store.js downloadFile(context,id){ return new Promise((resolv

LeetCode-305-岛屿数量2题目代码

总结-并查集🌰LeetCode-200-岛屿数量 LeetCode-305-岛屿数量2

LeetCode-200-岛屿数量题目给定一个由 ‘1’（陆地）和 ‘0’（水）组成的的二维网格，计算岛屿的数量。一个岛被水包围，并且它是通过水平方向或垂直方向上相邻的陆地连接而成的。你可以假设网格的四个边均被水包围。 示例 1: 输入:11110110101100000000 输出: 1示例 2: 输入:11000110000010000011 输出: 3 代码 class Solution { public void dfs(int x, int y ,char[][] grid){ int n = grid.length; int m = grid

总结-DFS🌰LeetCode-200-岛屿数量

总结-动态规划🌰LeetCode-42-接雨水 LeetCode-300-最长上升子序列LeetCode-322-零钱兑换

LeetCode-322-零钱兑换题目给定不同面额的硬币 coins 和一个总金额 amount。编写一个函数来计算可以凑成总金额所需的最少的硬币个数。如果没有任何一种硬币组合能组成总金额，返回 -1。 示例 1: 输入: coins = [1, 2, 5], amount = 11输出: 3解释: 11 = 5 + 5 + 1示例 2: 输入: coins = [2], amount = 3输出: -1 思路自底向上的动态规划： temp[i] = k 表示， amount 为 i 时最少需要 k 个硬币 初始条件：temp[0] = 0 ， amount为0时至少需要0个硬币 初始条件：

Vue-跨域跨域 跨域是浏览器为了安全做出的限制措施 浏览器请求必须遵守同源策略：同域名，同端口，同协议 方法 CORS 服务端设置，前端直接调用 后端允许前端某个站点进行访问 axios.defaults.baseURL = 'http://localhost:5000/api' //目标url //支持跨域cookie axios.defaults.withCredentials = true 后端中设置CORSfrom flask_cors import CORS config = { 'ORIGINS': [ 'http://lo