自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

许洪源的博客

勤奋小生

  • 博客(41)
  • 资源 (4)
  • 收藏
  • 关注

原创 Vue + Element UI 实现权限管理系统:页面权限控制(菜单 + 按钮)

Vue + Element UI 实现权限管理系统:页面权限控制(菜单 + 按钮)

2022-02-14 10:18:30 8893

原创 修改数组的一些字段,组中某属性取出拼接成一个值并用逗号分隔

改数字其中某一个元素this.data= JSON.parse(JSON.stringify(this.data).replace(/name/g,“label”))

2021-07-26 11:26:09 580

原创 vue数组无法监听问题 watch对props监听第一次监听不到

vue数组无法监听问题 watch一、vue监听数组vue实际上可以监听数组变化,比如data () {return {watchArr: [],};},watchArr (newVal) {console.log(‘监听:’ + newVal);},created () {setTimeout(() => {this.watchArr = [1, 2, 3];}, 1000);},在比如使用splice(0,2,3)从数组下标0删除两个元素,并在下标0插入一个元素3

2021-07-26 11:25:29 2910

原创 多人开发GIT操作

git fetch origin mastergit拉去最新版本git add .git commit -m “.”//注释:获取源dev分支最新代码git merge origin/mastergit pull origin mastergit push origin master$ git remote -v//获取最新代码到本地(本地当前分支为[branch],获取的远端的分支为[origin/branch])$ git fetch origin master [示例1:获取远端

2021-07-26 11:22:12 61

原创 default-passive-events导致出现解决滚动背景的问题

问题描述我的项目对接的地图每次鼠标点击、移入移出都会报Unable to preventDefault inside passive event listener invocation.用的绘图工具是js的konva 2D库 创建的地图 。鼠标每次移入此地图画布 ,或者点击画布的时候都会出现该问题。虽然不影响操作,但是对于咱们开发人员来讲却是一个非常头疼的问题,稍有不慎,鼠标经过这个画布都是几十上百条同样的报错,不管是对客户,对公司还是对自己来讲都是一个非常不好的体验。原因由于 Chrome

2021-03-22 16:52:59 13113 10

原创 vue 中axios 循环请求会影响什么结果

vue 中axios 循环请求会造成什么影响,对请求的结果造成什么影响由于闭包的影响,循环中进行axios请求会导致循环变量i是固定值如图错误代码: for (var j = 0; j < this.$store.state.dictionary.dictionary.items.length; j++) { var that = this index = j this.$store.state.dictionary.dictio

2021-01-08 16:07:09 996

原创 Vue 按enter键实现登陆 过程

首先在mounted中绑定监听事件mounted(){ //绑定事件 window.addEventListener('keydown',this.keyDown); }在写一个监听事件的方法 methods:{ keyDown(e){ //如果是回车则执行登录方法 if(e.keyCode == 13){ this.login(); } }}最后要销毁事件 destroyed(){

2021-01-04 11:11:34 1182 2

原创 vuex $store.state的值能获取,但是里面具体的值就获取不到

产生此种现象的原因:因为action是异步操作,在commit方法里面再去打印肯定有值了,为什么对象能打印的到:因为对象那个变量是地址,展开的时候对象已经扩充了。所以能看到对象变量都是对象在内存中的地址值,普通数据变量是变量实际的值。所以你打印的那个对象其实在打印的那一刻是空对象,但是你展开的时候,commit操作已经完成,所以对象呗扩展为你期望看到的值。但是普通类型打印的那一刻是什么就是什么解决办法 加一个定时器 console.log(this.$store.state.robot.r...

2021-01-04 09:32:29 12357 4

转载 Vuex持久化插件vuex-persistedstate解决vuex刷新后数据丢失问题

问题描述vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,这是我们不愿意看到的。怎么解决呢,我们可以结合本地存储做到数据持久化,也可以通过插件-vuex-persistedstate。问题点:使用localStroge,sessionStroge,虽然可以保存数据,但是不能做到数据的同步使用vuex虽然可以保持数据的同步,但是页面刷新数据就没了,因为它本身没有真正的存储数据的功能使用vuex-persistedstate解决在命令行下载vuex-persistedstate插件npm

2020-12-31 11:50:46 473 1

转载 js闭包的理解

什么是闭包闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点:  1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。  2. 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。  简单的说,Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它

2020-12-30 15:56:04 87

原创 vue渲染数据时的坑

搭建项目商家详情头部时,能够完整渲染出整体头部界面无问题,但开发者工具仍然报出“Error in render: "TypeError: Cannot read property ‘0’ of undefined”错误,具体如下vue在渲染数据时多多少少会遇到类似的问题原因:正在异步检索数据,但你定义模板的方式是希望立即填充数据。例如在模板中有以下代码解决办法: v-if解决报错{{detail.attrs.movie_type.join(" | ")}}但是在第一次呈现模板时,attrs存在.

2020-12-30 15:46:06 416 4

原创 导航栏路由 冗余路由 问题

标题导航栏路由 冗余路由 问题解决办法在router文件夹下的index.js文件最后边加上这个const VueRouterPush = Router.prototype.pushRouter.prototype.push = function push (to) {  return VueRouterPush.call(this, to).catch(err =&

2020-12-30 15:40:50 350

转载 ES6数组的各种方法

ES6数组常用方法

2022-08-25 12:19:41 707 1

原创 React ProTable翻页连续序号

ProTable翻页连续序号

2022-08-05 11:26:44 535

原创 vscode仓用插件 包含vue react python

vscode仓用插件 包含vue react python

2022-08-03 16:06:32 293

原创 Chrome浏览器离线安装包下载方法

Chrome浏览器离线安装包下载

2022-07-15 18:00:59 17484

转载 Vue+ts常见的坑

使用ts 引入组件_Vue+ts常见的坑

2022-03-18 16:26:03 1934

转载 Git 常用命令记录

Git 常用命令,每条都很重要!

2022-02-17 12:16:32 73

原创 js获取本地时间的各个方法

var today = new Date();today .getFullYear(); //获取完整的年份(4位,1970)today .getMonth(); //获取当前月份(0-11,0代表1月)today .getDate(); //获取当前日(1-31)today .getDay(); //获取当前星期X(0-6,0代表星期天)today .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)today .getHours(); //获取当前小时数(0-23)t

2021-11-03 09:14:09 2444

原创 给列表加上行号来表示序号,分页后序号连接上一页

//渲染数据方式<el-table-column prop="index" label="序号"> </el-table-column>this.tableData = res.data.list; //接受请求的返回数据this.tableData.forEach((item,index)=>{ //插入index item.index = (res.data.pageNum - 1) * res.data.pageSize + 1

2021-10-21 20:57:31 229

原创 vue转json形式

用作请求传参数或者整理返回信息JSON.stringify(this.chongzhiguizeData.info)

2021-09-17 09:35:51 2961

原创 el-table表格表头及内容居中

<el-table :data="Table2" border style="width: 100%" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}"> <el-table-column prop="order_sn" label="订单编号"></el-table-column> .

2021-09-09 09:10:48 5777

转载 javascript数组相关方法

(1)把数组转换为字符串toString() //把数组转换为数组值(逗号分隔)的字符串join(’|’) //方法也可将所有数组元素结合为一个字符串,还可以规定分隔符(2)数组的弹出与位移(改变原数组)push() //方法(在数组结尾处)向数组添加一个新的元素,返回新数组的长度pop() //方法从数组中删除最后一个元素,返回被删除的值unshift() //方法(在开头)向数组添加新元素,返回新数组的长度shift() //方法会删除首个数组元素,返回被“位移出”的字符串(3)dele

2021-09-02 17:18:50 76

转载 今天为大家整理了32个Python爬虫项目。

===========================若出现链接失效,请留言会及时修复===========================今天为大家整理了32个Python爬虫项目。整理的原因是,爬虫入门简单快速,也非常适合新入门的小伙伴培养信心。所有链接指向GitHub,祝大家玩的愉快~O(∩_∩)OWechatSogou [1]- 微信公众号爬虫。基于搜狗微信搜索的微信公众号爬虫接口,可以扩展成基于搜狗搜索的爬虫,返回结果是列表,每一项均是公众号具体信息字典。DouBanSpider [2

2021-07-31 15:45:35 405

转载 解决element-ui中级联选择器(Cascader)出现空白选项的bug---空级联bug

解决element-ui中级联选择器(Cascader)出现空白选项的bug—空级联bughttps://blog.csdn.net/suprezheng/article/details/86586902

2021-07-26 11:27:24 330

转载 【微信小程序】各种页面特效链接

文字跑马灯效果: http://www.wxapp-union.com/portal.php?mod=view&aid=1038触摸水波涟漪效果: http://www.wxapp-union.com/portal.php?mod=view&aid=1350下拉菜单效果: http://www.wxapp-union.com/portal.php?mod=view&aid=1875五星评分效果: http://www.wxap

2021-05-19 17:14:39 1225

原创 代码规范

阿里代码规范1、前端Javascript: https://blog.csdn.net/pig_is_duck/article/details/1061801252、前端Vue: http://www.360doc.com/content/20/0804/11/71062804_928444718.shtml3、SQL代码编码原则和规范:https://help.aliyun.com/document_detail/137491.html?spm=5176.13910061.sslink.1.7

2021-04-13 08:48:45 58

原创 vue配合cookie进行登录记住密码以及请求验证 以及记住密码功能

vue配合cookie进行登录记住密码以及请求验证 以及记住密码功能使用cookie时先在项目中导入vue-cookie包npm install vue-cookies --save在main.js中引入import Vue from ‘vue’import VueCookies from ‘vue-cookies’Vue.use(VueCookies)登录框界面login.vue<template> <div class="main" v-loading="loadi

2021-04-13 08:45:54 491

原创 路由跳转之后样式错乱

问题:路由跳转卡顿,原因在于vue生命周期destory销毁时间,懒加载问题通过路由跳转之后进入一个页面之后会出现样式错乱但是刷新一下就有OK 了。原因:是由于在项目开始的时候,一股脑的热情把所有的代码都码好了,然后就开始测试各模块的功能。在页面跳转的时候总有几个页面,在跳到该页面时样式全错位了,但是刷新一下就又好。于是就打开浏览器查看在页面跳转时样式的变化,我发现有些页面,在跳转时页面的样式并没有加载,而是沿用了前一个页面的,或者前面已经加载过页面的样式。一开始觉得很奇怪,后来想了想,这是个单页面应

2021-04-13 08:43:09 1036

转载 常用数据库 JDBC URL 格式

Microsoft SQL ServerMicrosoft SQL Server JDBC Driver (一般用来连接 SQLServer 2000)驱动程序包名:msbase.jar mssqlserver.jar msutil.jar驱动程序类名: com.microsoft.jdbc.sqlserver.SQLServerDriverJDBC URL: jdbc:microsoft:sqlserver://<server_name>:默认端口1433,如果服务器使用默认端口则p

2021-03-04 08:44:27 1388 1

转载 JDK 8 的optional类

什么是Optional类NPE(Null Pointer Exception)一直是我们最头疼的问题,也是最容易忽视的地方。NPE常是导致Java应用程序失败的最常见的原因。在日常研发工作中,经常会处理各种变量、集合,但在使用的过程中,往往要进行空判断,不然会出现NPE。Optional类实际上是个容器:它可以保存类型T的值,或者仅仅保存null。Optional 类的引入很好的解决空指针异常。Optional提供很多有用的方法,这样我们就不用显式进行空值检测。尽量避免在程序中直接调用Optional对

2021-02-26 16:05:46 85

转载 vue项目如何部署?布署服务器后刷新404如何解决?

一、如何部署前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可我们知道vue项目在构建后,是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可// scp 上传 user为主机登录用户,host为主机外网ip, xx为web容器静态资源路径scp dist.zip user@host:/xx/xx/xx或者让web容器跑起来,以nginx为例server { listen 80; server_.

2021-02-26 10:43:33 2288 3

转载 外包众包接单方法

笔者从事软件开发工作已有十多年了,经常利用业余时间接些私活,现在把自己接单的方法总结一下,分享出来,供大家参考交流。首先说明一下外包和众包的区别,简单的讲,外包是将项目承包给外包公司,由外包公司的程序员进行开发;而众包是将项目承包给多个独立的开发者,他们不隶属于任何公司,用自己的业余时间接私活,进行开发。接单主要有几个方法:1、朋友介绍如果自己工作的时间长,熟悉软件行业,人缘好,认识的朋友多,单子会比较多。2、社交平台通过QQ群、微信朋友圈、微博、百度贴吧、百度知道、知乎等社交平台,发布自己的作

2021-02-24 11:52:39 5119

原创 IE下setInterval()失效问题

setInterval计时器,在谷歌浏览器可以正常进行,但是到IE下就会失效IE浏览器下使用GET发送请求时,如果两次请求的地址和参数相同,在不刷新页面的情况下,浏览器会缓存第一次请求的内容,服务端更新后浏览器仍然显示第一次的内容。如在当前页面用户登录,在未登陆的情况下,服务器返回的用户信息为空,点击登陆后发起请求返回的用户信息仍然为空。这是因为浏览器会对GET请求做缓存处理。用处,定时发送请求来进行实时更新数据例如: if (tab.index == 2) { // cons

2021-01-08 17:21:06 1417

转载 vue 中的this问题

在vue中当在vue中使用匿名函数的时候,会出现this指针改变的问题,出现方法或者属性数据undefine的问题,以下是相关的解决方法一、在回调函数之前重新将this赋值例如 connection() { // 更换that指针 var that = this const socket = new SockJS('http://localhost:8080/test-info') this.stompClient = Stomp.over(socket

2021-01-08 11:05:14 1634

转载 IE11 0x2ee4 bug 以及类似问题解决方法

一千个IE浏览器访问同一个页面,可能报一千种错误。前端激进派对IE恨得牙痒痒,但是无论你爱,或者不爱,IE就在那里,不来不去。一些银行,以及政府部门,往往都是指定必须使用IE浏览器。所以,一些仅在IE浏览器上出现的问题。总结起来问题的原因很简单:IE的配置不正确下面就将一个我曾经遇到的问题: IE11 0x2ee4, 以及其他的问题的解决方案IE11 SCRIPT7002: XMLHttpRequest: 网络错误 0x2ee4背景介绍:在一个HTTPS域向另外一个HTTPS域发送跨域POTST请

2021-01-06 16:51:08 409

原创 vue 差值表达式中使用三元表达式

vue的插值表达式{{}} 有人叫小胡子语法,也叫双花括号作用:读取vue中data里的数据,显示在结构中,数据更新,视图也会跟着变化。vue 差值表达式中使用三元表达式 <span>总开机时间:{{ status.bootTime == null ? 'N/A' : status.bootTime}}</span> data() { return { status:{ bootTime:'' }, }; }

2021-01-05 09:50:22 6498 2

原创 select配合vue的v-for根据后台数据动态生成option

select配合vue的v-for根据后台数据动态生成option引入select标签 <select class="robot" @change="switchLang($event)" v-model="selectItem" > <option v-for="(robot,index) in robots" :key="index" :labe

2021-01-04 16:10:40 1289

转载 如何使IIS支持Put、delete请求

最近因为项目发布及部署,经常遇到IIS不支持项目中PUT和delete的请求,现记录下来以防忘记问题描述:一般IIS不支持PUT和Delete请求的时候,都会报405或500的错误,如下:一、部署环境:IIS 8.5 如果不知道版本号的,可打开IIS查看版本号:二、问题原因分析:在默认情况下,IIS会安装一个WebDav模块,而这个模块阻止了HTTP的PUT和Delete请求。三、解决方案:①删除IIS安装的WebDav模块,选择你的项目,右边有个“模块”,双击它;找到WebDavModu

2021-01-04 11:18:30 2158 1

转载 vuex刷新数据消失问题

前言vue构建的单页大型项目中,可能会用到Vuex 。Vuex 的状态存储是响应式的,当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。但是有一个问题就是:vuex的存储的数据只是在页面的中,相当于我们定义的全局变量,刷新之后,里边的数据就会恢复到初始化状态。但是这个情况有时候并不是我们所希望的。比如,用户已经登录了,我把登录状态放到state中了,一刷新页面,还要重新登录?购物车里的添加的数据,一刷新要重新添加?解决思路:监听页

2020-12-31 11:30:13 493

百度前端代码规范.pdf

百度前端代码规范

2021-04-13

腾讯 Alloyteam 代码规范.pdf

腾讯 Alloyteam 代码规范

2021-04-13

CSS禅意花园中文版.rar

作为一个优秀的前端工程师来说,强烈推荐该书,该书为PDF版本,学完之后你会对CSS有一个全新的认识

2021-03-18

微信小程序源码合集1-6.rar

微信小程序源码合集1-6.rar

2021-02-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除