Jungle松-CSDN博客

原创 HTTP中POST和PUT的区别

定义PUT和POS都有更改指定URI的语义.但PUT被定义为idempotent的方法，POST则不是.idempotent的方法:如果一个方法重复执行多次，产生的效果是一样的，那就是idempotent的。也就是说：结论PUT请求：如果两个请求相同，后一个请求会把第一个请求覆盖掉。（所以PUT用来改资源）POST请求：后一个请求不会把第一个请求覆盖掉。（所以Post用来增加源）参考Resultful风格使用规定在http协议中，四个表示操作方式的动词:GET/Post/put/Delete，

2021-08-12 09:20:03 6486

原创 Vue Router中使用params和query传参的区别

query传参js代码(query传参，使用name和path跳转)//query传参，使用name跳转this.$router.push({ name:'second', query: { queryId:'20180822', queryName: 'query' }})//query传参，使用path跳转this.$router.push({ path:'second', query: { query

2021-08-12 09:15:28 1567

原创前端开发中$router和$route的区别

理论描述$router : 是路由操作对象，只写对象；$route : 路由信息对象，只读对象。实践展示//操作路由跳转this.$router.push({name:‘hello’,params:{name:‘word’,age:‘11’}})//读取路由参数接收this.name = this.$route.params.name;this.age = this.$route.params.age;总结使用$router传递，使用$route接收...

2021-08-12 08:34:51 1579

原创 vue element-ui message消息堆积问题解决

堆积情况如下：解决后的效果图如下：实现方法：1、在合适的位置新建一个js文件，reWriteMessage.js：import Vue from 'vue'import Main from 'element-ui/packages/message/src/main.vue'import PopupManager from 'element-ui/lib/utils/popup/popup-manager'import { isVNode } from 'element-ui/src/uti

2021-07-08 12:02:20 649

原创 vue el-table和el-tab实现自定义表头的区别

vue el-table实现自定义表头时候<el-table-column> <template slot="header"> <i class="el-icon-star-on"></i> </template></el-table-column>vue el-tab实现自定义表头时候<el-tab-pane> <span slot="label"> <i class="el-ic

2021-07-02 17:13:06 342

原创 alert&&this.$alert

alert简单的弹窗，常用于调试时判断代码执行到哪里出问题（类似断点）例子：this.$aleretthis.alert() 方法用于显示带有一个标题，一条指定消息，一个关闭按钮和一个确定按钮的警告框。例子：...

2021-06-29 17:02:06 4242

原创 box-shadow&rgba

上实例：box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.5);对于带px的三个值分别代表1：阴影向右偏移量2：阴影向下偏移量3：阴影向外扩散的距离对于rgba的值1：前三个值（红绿蓝）的范围为0到255之间的整数或者0%到100%之间的百分数。这些值描述了红绿蓝三原色在预期色彩中的量。2：第四个值，alpha值，制订了色彩的透明度/不透明度，它的范围为0.0到1.0之间，0.5为半透明。例如：rgba(255,255,255,0)则表示完全透明的

2021-06-29 16:33:56 1794

原创 vue中事件绑定函数加括号和不加括号的区别

不加括号：查看结果：加括号查看结果这个undefined才是id的值，被这个地方也是坑了很久，平常也是没注意，因为需要在方法的内容拿这个id去判断某些逻辑总结加与不加括号的区别在于事件对象参数 event 的处理。不加括号时，函数第一个参数为 event，加了括号后，需要手动传入 $event 才能获得事件对象。...

2021-06-29 15:22:55 476

原创 vue发送验证码后倒计时60s

先看一下实际操作图例：实现方法：html部分：<h3 style="text-align: center;padding:0 0 20px;">修改密码</h3> <el-form-item label="手机号"> <div class="code_input"> <el-input v-model="ruleForm.phone" :disabl

2021-06-29 12:03:56 3101

原创 [Element Warn][Form]model is required for xxx to work

[Element Warn][Form]model is required for xxx to workElementUI，表单添加自定义校验失效表单校验失效，且提示“async-validator: [“xxx is required”]”问题原因表单不能用v-model绑定要用:model绑定

2021-06-28 19:50:31 95

原创 async/await使用快速理解

async/await快速理解在chrome浏览器的console控制台中，运行以下代码：function getSyncTime() { return new Promise(resolve, reject) => { try { let startTime = new Date().getTime(); setTimeout(() => { let endTime = new Date().getTime(),

2021-06-09 14:50:54 104

原创 mongodb的find().pretty()方法

mongodb的find().pretty()方法直接上代码对比：db.site.find(){ "_id" : ObjectId("60c0571c63d75d53b0798add"), "name" : "菜鸟教程", "url" : "www.runoob" }{ "_id" : ObjectId("60c058783b7a325bd8e810fe"), "name" : "菜鸟工具", "url" : "https://c.runoob.com", "type" : "cn" }{ "

2021-06-09 14:04:33 599

原创 Vue中将data中的某一个对象或者属性置空

最笨的方法：分别置空对象中每一个值：this.data.userName = "";this.data.email = "";this.data.phone= "";this.data.gender= "";this.data.loginName = "";MDN上的方法:Object.assign()MDN关于该方法的介绍：Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。用法： Object.assign(target,

2021-05-26 13:46:18 6863

原创 vue this.$createElement

vue this.$createElement在学习别人的代码的过程中，看到别人使用Vue+ElementUI弹出对话框的一个写法，我没有这样写过，因此比较好奇，便去查了一下这种写法。写法是这样的：生成的对话框如下：这里用到了vue $createElement这个方法，此方法各个参数的含义和用法如下：h('div',{},[ h('p','some message...some time...'), h('p','some message...some

2021-05-23 18:16:33 5412

原创 Vue项目中使用MD5

在项目中通过前台js加密的方式对登录中的密码等私密信息进行加密的工具首先安装npm install js-md5在项目入口文件main.js中引入js-md5import md5 from 'js-md5';Vue.prototype.$md5 = md5;在Login.vue中（可以其他需要加密的组件汇总）进行使用//可直接调用该方法使用this.$md5("加密内容")官方链接如下MD5官方链接https://www.npmjs.com/package/js-md5.

2021-05-12 09:33:05 262

原创 Vue项目中使用lib-flexible

我们在用Vue开发项目的时候，常见的一个问题就是移动端的适配问题，这里提供了一个很好的自适应解决办法首先安装npm i lib-flexible --save在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible.js'在项目根目录的index.html 文件的头部删除自动生成的meta标签, 新引入的lib-flexible会根据用户屏幕尺寸自动生成自适应的meta标签// 删除<meta name="viewport

2021-05-12 09:06:28 2419

原创 HTTP报文头Accept和Content-Type总结

2021-05-11 10:53:12 890

原创 Vue错误跳坑：npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] serve: `vue-cli-service serv

npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] serve: `vue-cli-service serve`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the [email protected] serve script.npm ERR! This is probably not a problem with npm. There is likely additional lo

2021-05-10 15:50:20 16221 5

原创 Vue错误跳坑：Newline required at end of file but not found.

Newline required at end of file but not found.首先翻译可得文件末尾需要换行符，但未找到。原因分析Eslint的规范化要求，结尾必须要有换行符

2021-05-10 15:10:46 7015

原创 Vuex基础知识整理

vuex1、什么是vuex？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生改变简单来说，就是用来集中管理数据；2、使用vuex的核心概念1）storevuex 中最关键的是store对象，这是vuex的核心。可以说，vuex这个插件其实就是一个store对象，每个vue应用仅且仅有一个store对象。（1）创建storeconst store = new Vuex.Store({...})

2021-05-06 18:09:31 161 2

原创开发环境、测试环境、生产环境

百度定义：开发环境（development）：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意，为了开发调试方便，一般打开全部错误报告。(程序员接到需求后，开始写代码，开发，运行程序，看看程序有没有达到预期的功能；)测试环境（testing）：一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。(程序员开发完成后，交给测试部门全面的测试，看看所实现的功能有没有bug，测试人员会模拟各种操作情况；)生产环境（production）：是指正式提供对外服务的

2021-04-28 10:02:54 2935 3

原创 Markdown字体,字号,颜色和背景色设置

一、修改文本颜色条件表达式条件表达式条件表达式条件表达式<font color=red>条件表达式</font><font color=blue>条件表达式</font><font color=green>条件表达式</font>**<font color=red>条件表达式</font>**二、字体、字号我是黑体字我是微软雅黑我是华文彩云<font face="黑体">

2021-04-27 15:28:21 1353

原创 CSS Sprite（雪碧图）的使用

什么是雪碧图？其实实质就是将很多很多的小图标放在一张图片上，就称之为雪碧图。为什么要使用？使用雪碧图的目的：有时为了美观，我们会使用一张图片来代替一些小图标，但是一个网页可能有很多很多的小图标，浏览器在显示页面的时候，就需要像服务器发送很多次访问请求，这样一来，一是造成资源浪费，二是会导致访问速度变慢。这时候，把很多小图片（需要使用的小图标）放在一张图片上，按照一定的距离隔开，就解决了上述的两个问题。简单来说，减少了http请求，优化了浏览器的访问速度如何使用？1、设置好一个宽和高固定且整齐

2021-04-26 15:03:24 385

原创报错：Illegal mix of collations

问题：服务端报错：Error: ER_CANT_AGGREGATE_2COLLATIONS: Illegal mix of collations (latin1_swedish_ci,IMPLICIT) and (utf8_general_ci,COERCIBLE) for operation原因这个错误直白的翻译过来就是：2个字段的编码类型不一致造成的。解决办法这个时候我们首先要查看Mysql数据的字符集编码：SHOW VARIABLES LIKE '%character%'; 这

2021-04-26 12:10:09 9233 1

原创前端鉴权的几种方式

前端鉴权保持用户的登录状态，在前端开发中也是一门不小的学问，涉及到的知识覆盖前后端。目前前端用来处理用户鉴权信息的方式，大题看来有两种。cookie说到 cookie 大家都会想起饼干，在前端的领域里 cookie 用于存储变量。在前端请求网络资源或是后端接口时，请求头 Headers 里都会带上当前域下的 cookie 信息，服务端通过检测请求头内的 cookie 判断当前用户的登录状态是否过期，或是 cookie 是否错误，来判断当前用户是否能成功返回响应。把 cookie 信息种到当前域名

2021-03-23 16:06:22 1398 3

原创 shareLinks

实用链接全国图书馆参考咨询联盟：http://www.ucdrs.superlib.net/科学文库：http://book.sciencereading.cn/shop/main/Login/shopFrame.dophotopea： https://www.photopea.com/秘塔写作猫：https://xiezuocat.com/#/Grammarly： https://app.grammarly.com/PDF转换：www.hipdf.cn/brs桌面端万兴PDF专家：http

2021-03-22 20:58:02 1444 1

原创自用前端学习网站

最近计划暑假去找个实习，所以搜寻了好多资源，找到了个人认为比较优秀的网站：FE-Interview：http://interview.poetries.top/不过这个想看全部内容的话，需要付费才可以https://github.com/haizlin/fe-interview/blob/master/category/history.md这个是每日一题的整理集，每天都以3+1模式进行分享，值得收藏...

2021-03-16 22:58:05 336

转载分析一个优秀的开源项目el-admin

教程来自狂神说B站视频《手把手教你分析开源项目》手把手教你分析开源项目不知道代码怎么来的？代码跑不起来？项目对自己有帮助，不会模块化分析？任何一个开源项目，都可以让自己得到提升！这里以 EL-ADMIN 为例1、观察开源项目后端代码：前端代码：2、开源项目下载可使用zip下载，或者Git观察：用了哪些技术（springboot，vue，redis，）是否有数据库（mysql）你的环境是否匹配（Java，Maven，npm，nodejs，）通过了，然后再想办法运行

2021-03-10 22:59:43 753 2

原创 npm install时遇到的问题

最近在分析开源项目el-admin，运行前端部分项目时，npm install遇到了bug之前在其他项目中运行npm install都不存在该问题E:\myprojects\el-admin\eladmin-web-master>npm installnpm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! Found: @babel/[email protected] E

2021-03-10 20:35:45 7945 13

原创前端升级汇总

Node:node -v升级方式：官网下载覆盖原目录即可where nodeNpm:查看版本npm -v升级方式：npm install -g npmcnpm:同上npm操作

2021-03-09 21:14:58 169

原创剑指 Offer 63. 股票的最大利润

剑指 Offer 63. 股票的最大利润题目描述：假设把某股票的价格按照时间先后顺序存储在数组中，请问买卖该股票一次可能获得的最大利润是多少？示例：输入: [7,1,5,3,6,4]输出: 5解释: 在第 2 天（股票价格 = 1）的时候买入，在第 5 天（股票价格 = 6）的时候卖出，最大利润 = 6-1 = 5 。注意利润不能是 7-1 = 6, 因为卖出价格需要大于买入价格输入: [7,6,4,3,1]输出: 0解释: 在这种情况下, 没有交易完成, 所以最大利润为 0。

2021-02-02 23:28:26 81 1

原创剑指 Offer 49. 丑数

剑指 Offer 49. 丑数题目描述：我们把只包含质因子 2、3 和 5 的数称作丑数（Ugly Number）。求按从小到大的顺序的第 n 个丑数。示例：输入: n = 10输出: 12解释: 1, 2, 3, 4, 5, 6, 8, 9, 10, 12 是前 10 个丑数。思路：下一个丑数是由数组中某个丑数A * 2，B * 3，C * 5中的最小值得来的。在数学上的意思，丑数，肯定是之前的一个丑数*（2 || 3 || 5 ）只要找到比现在大的就行开辟数组保存每个下标的丑数。

2021-02-02 23:21:29 90

原创剑指 Offer 47. 礼物的最大价值

剑指 Offer 47. 礼物的最大价值题目描述：在一个 m*n 的棋盘的每一格都放有一个礼物，每个礼物都有一定的价值（价值大于 0）。你可以从棋盘的左上角开始拿格子里的礼物，并每次向右或者向下移动一格、直到到达棋盘的右下角。给定一个棋盘及其上面的礼物的价值，请计算你最多能拿到多少价值的礼物？示例：输入:[[1,3,1],[1,5,1],[4,2,1]]输出: 12解释: 路径 1→3→5→2→1 可以拿到最多价值的礼物思路：简单的动态规划。类似于青蛙跳台阶，分情况分析明确之后

2021-02-02 22:42:15 149 1

原创剑指 Offer 07. 重建二叉树

剑指 Offer 07. 重建二叉树题目描述：输入某二叉树的前序遍历和中序遍历的结果，请重建该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。示例：例如，给出前序遍历 preorder = [3,9,20,15,7]中序遍历 inorder = [9,3,15,20,7]返回如下的二叉树：思路：二叉树前序遍历第一个点为根节点，中序遍历顺序为先左子树然后根节点最后右子树。所以先通过前序遍历找出根节点，然后将中序遍历分为左右子树两组，最后对于每个子树依次递归调用。代码

2021-02-01 22:21:38 81

原创剑指 Offer 56 - I. 数组中数字出现的次数

剑指 Offer 56 - I. 数组中数字出现的次数题目描述：一个整型数组 nums 里除两个数字之外，其他数字都出现了两次。请写程序找出这两个只出现一次的数字。要求时间复杂度是O(n)，空间复杂度是O(1)。示例：输入：nums = [4,1,4,6]输出：[1,6] 或 [6,1]输入：nums = [1,2,10,4,1,4,3,3]输出：[2,10] 或 [10,2]思路：使用对象或者Map（本处用对象）记录每一个数字出现次数,遍历对象或者Map，然后再找出出现次数为1

2021-02-01 22:10:15 73

原创剑指 Offer 35. 复杂链表的复制

剑指 Offer 35. 复杂链表的复制题目描述：请实现 copyRandomList 函数，复制一个复杂链表。在复杂链表中，每个节点除了有一个 next 指针指向下一个节点，还有一个 random 指针指向链表中的任意节点或者 null。示例：输入：head = [[7,null],[13,0],[11,4],[10,2],[1,0]]输出：[[7,null],[13,0],[11,4],[10,2],[1,0]]输入：head = [[1,1],[2,1]]输出：[[1,1],[

2021-02-01 21:50:12 64

原创剑指 Offer 10- II. 青蛙跳台阶问题

剑指 Offer 10- II. 青蛙跳台阶问题题目描述：一只青蛙一次可以跳上1级台阶，也可以跳上2级台阶。求该青蛙跳上一个 n 级的台阶总共有多少种跳法。答案需要取模 1e9+7（1000000007），如计算初始结果为：1000000008，请返回 1。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/qing-wa-tiao-tai-jie-wen-ti-lcof著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。示例：

2021-01-31 23:31:04 180 4

原创剑指 Offer 56 - II. 数组中数字出现的次数 II

剑指 Offer 56 - II. 数组中数字出现的次数 II题目描述：在一个数组 nums 中除一个数字只出现一次之外，其他数字都出现了三次。请找出那个只出现一次的数字。示例：输入：nums = [3,4,3,3]输出：4输入：nums = [9,1,7,9,7,9,7]输出：1思路：使用对象或者Map（本处用对象）记录每一个数字出现次数,遍历对象或者Map，然后再找出出现次数为1的数字代码：var singleNumber = function(nums) { l

2021-01-31 22:57:17 73

原创剑指 Offer 64. 求1+2+…+n

剑指 Offer 64. 求1+2+…+n题目描述：求 1+2+…+n ，要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句（A?B:C）。示例：输入: n = 3输出: 6输入: n = 9输出: 45思路：因为不能用for、if等来判断边界，所以可以通过右移运算，代码：var sumNums = function(n) {// return n && sumNums(n-1) + n;//右移几位就

2021-01-31 22:38:13 89

原创剑指 Offer 58 - I. 翻转单词顺序

剑指 Offer 58 - I. 翻转单词顺序题目描述：输入一个英文句子，翻转句子中单词的顺序，但单词内字符的顺序不变。为简单起见，标点符号和普通字母一样处理。例如输入字符串"I am a student. “，则输出"student. a am I”。示例：输入: “the sky is blue”输出: “blue is sky the”输入: " hello world! "输出: “world! hello”解释: 输入字符串可以在前面或者后面包含多余的空格，但是反转后的字

2021-01-31 21:42:00 116

ScreenToGif.rar

空空如也