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

Vue-computed计算属性理解有时候需要对data中的数据做一些操作（或者有一些数据需要随着其它数据变动而变动时），为了方便起见，会把这些操作封装为计算属性 本质上是个属性 <div id="app-13"> <p>{{message}}</p> <p>{{reverseMessage}}</p> </div> <script> var app13 = new Vue({ el:'#app-13', data:{ mes