- 博客(62)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 antd tree树组件展开节点不生效问题
由于业务逻辑需求，使用antd树组件，默认要展开所有子节点，且要获取到展开的子节点，于是便使用如下代码：<Tree expandedKeys={expandedLeftKeys} defaultExpandAll } />但运行后并没有展开所有子节点，然而使用如下代码，则可以展开<Tree defaultExpandedKeys={defaultLeftExpandedValue} defaultExpandAll } />通过官网了解到，defaultE
2020-10-27 09:34:01
11981
2
原创 react项目中，使用antd封装echarts公共组件
使用react开发项目，由于业务需求，发现很多数据展示需要使用echarts进行绘制，如果每次都在页面中实例、加载以及同步更新数据，会发现代码比较冗余，每次代码的工作量都比较大，那么是否能使用更简单的方式去实现绘制echarts图标呢？ 那么这里我们就可以使用react组件化的思想，封装echarts公共组件，使组件能够复用。什么是组件化？组件化并不是前端所特有的，
2020-10-23 16:55:02
1897
1
原创 any-observable You must install polyfill or call require("any-observable/register") with your prefer
之前由于在外办公，开发的项目上传gitlab，今天将项目拉取到本地运行，也没有问题，但是在提交代码时，报了一堆错如下：（xxx代替项目）C:\XXX\node_modules\any-observable\register.js:29 throw new Error('Cannot find any-observable implementation nor' +...
2020-05-07 21:02:09
1962
原创 Do not access Object.prototype method 'hasOwnProperty' from target object
今天用对象的属性hasOwnProperty，去判断对象是否包含该值，我这里主要判断对象是否为空，出现了以上错误，之前也遇到过类似的错误，如parseInt（‘24.5’），必须要给转换的进制类型，改为parseInt（‘24.5’，10）则正常通过上述文字提示发现，不要从目标对象访问 Object 原型方法”，想到一种解决方案——直接找到这个方法，用 call 改变指向调用：Object....
2020-04-12 10:04:46
51152
8
原创 git提交，安装配置 commitizen cz-conventional-emoji $git cz代替$git commit
开发项目前，团队之间肯定会对相关问题进行讨论，如前后端接口文档规范以及数据结构，前端编写代码规范以及提交规范等，今天我们就来讲使用git提交时如何进行统一规范。一般我们提交代码无非是，git add .、git commite 、git push等，想在git上看是新增页面还是bug修改，不能很好的进行标识，如：那我们是否可以通过引入相应的规范进行统一约束和标识呢？我们这里采用目前使用比较广...
2020-03-28 17:41:00
2499
原创 Windows将CRLF格式转换为LF格式（vscode）
在从git上clone项目时，用vscode打开项目，发现报了好多错误，发现是由于windows下，使用vscode默认打开的格式为CRLF，而克隆的项目必须为LF格式，于是就开始查询LF与CRLF的区别，以及如何转换。介绍LF和CRLFCRLF: 是carriagereturnlinefeed的缩写。中文意思是回车换行。LF: 是line feed的缩写，中文意思是换行。CR: 是ca...
2020-03-28 17:11:36
17007
原创 react-dva中 export default connect与@connect
介绍connectdva 官网：https://dvajs.com/guide/connect的作用是将组件component和models结合在一起。将models中的state绑定到组件的props中。并提供一些额外的功能，譬如dispatch方法，dispatching function 是一个用于触发 action 的函数，action 是改变 State 的唯一途径，但是它只描述了一...
2020-03-23 19:16:13
7811
转载 vue-router 一些容易被忽略的知识点
声明：本文转载作为学习自用，如有侵权请联系本文适用于对 Vue.js 和 vue-router 有一定程度了解的开发者除特殊说明，vue-router 版本为 3.0.2正文路由 class 匹配<router-link> 路由匹配后会给该标签添加 class 属性值 .router-link-active，该功能在嵌套路由中十分方便class 的实际属性值可以...
2020-03-09 23:02:14
913
原创 npm降级，重新升级失败，一直提示更新
今天下载一个项目，由于npm版本过高，导致npm ERR! Maximum call stack size exceeded报错，查询相关资料是因为npm版本过高，于是降低版本，安装一个npm包。可是在安装完成后，运行之前的项目，一直提示npm更新. 使用...
2019-11-06 16:46:59
2056
2
原创 js如何获取对象中的第一个元素？
项目需求，需要进行多张图片上传，上传后进行聚类，数据结构后端已经订好，但其结构让我很痛苦，如图所示:上图中，红色框选的是后台动态返回的字符串，那我如何获取其对应的数组？其实返回的数据就是个包含key和value的对象，所以我们可以按照对象的方法对其进行操作，代码如下： getFirst(obj){ //obj为我们的对象 var n=0; ...
2019-08-15 15:30:04
39492
3
转载 CSRF攻击与防御
该文主要作为学习笔记进行转载，如有侵权请联系CSRF概念：CSRF跨站点请求伪造(Cross—Site Request Forgery)，跟XSS攻击一样，存在巨大的危害性，你可以这样来理解： 攻击者盗用了你的身份，以你的名义发送恶意请求，对服务器来说这个请求是完全合法的，但是却完成了攻击者所期望的一个操作，比如以你的名义发送邮件、发消息，盗取...
2019-08-01 11:33:52
188
原创 vue.use和vue.prototype的区别
今天看自己项目代码，打开引入插件包的main.js，留意到引入包或者文件有两种方式：import Vue from 'vue'import echarts from 'echarts'import global from './global.js' //我自己创建的全局变量函数文件Vue.prototype.$echarts=echarts;Vue.use(global)于是...
2019-07-10 16:55:15
12876
转载 Vue-认识状态管理vuex
Vue-认识状态管理vuex转至：https://www.cnblogs.com/superlizhao/p/8557474.html该文主要作为学习笔记进行转载，如有侵权请联系vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试，可以多个组件共享状态。简单来说，就是共享的状态用state来存放，用mutations来操作state，但是需要用store...
2019-07-05 11:35:02
260
原创 vue中axios设置超时（超过5分钟）没反应，解决办法
（chrome环境）在做项目的时候，由于做大数据可视化界面，后台接口查询数据往往会比较久，导致vue项目axios请求超时timeout设置就比较大。开始设置超时未3分钟时没有问题（这里我设置超时弹窗了），可设置超时未6分钟时，却在五分钟左右弹出请求超时，但明明设置tiemout=6x60x1000。于是通过资料查询，了解到Chrome浏览器，默认请求超时为五分钟，所以导致上诉现象产生，可如何在...
2019-06-27 17:25:01
19936
5
原创 vue中axios设置timeout超时
在做vue项目的时候，由于数据量查询比较大，所以前台调用接口数据的时候，往往要等很久，所以需要设置个超时，当超过设置时间就让向页面返回一个状态，让使用者不用一直等。通过官网api查询，对其超时讲解不是很多，但其和Jquery中请求非常类似Jquery请求方式$.ajax({ url: '接口地址', type:'get', //请求方式get或post data:{}, /...
2019-06-26 14:44:51
42960
原创 CSS自定义滚动条样式，兼容IE浏览器
经常写页面的同学都知道，浏览器一般自带的滚动条样式很丑，和页面风格格格不入，于是就想着是否能够改变原有滚动条样式？但实际中，其他浏览器又和IE浏览器不一样，导致兼容性不好。chrome浏览器滚动条自定义样式修改：div{ /*滚动条滑块按钮的颜色*/ scrollbar-face-color: #134187; /*滚动条整体颜色*/ scrollbar-highlight-c...
2019-06-18 16:23:15
9723
原创 区别css单位px、em、rem
在对页面进行自适应时，查阅相关资料了解到，通常有两种方式将px转换为em或者rem，下面就上述三者之间的联系进行讲解：em与px转换一般浏览器默认1em=16px，通过设置font-size大小来代表如：16px*0.625=10px，其则代表1em=10px，直接上代码(注释的样式为浏览器默认 （1em=16px）的长宽)：<!DOCTYPE html><html la...
2019-06-12 20:05:45
6266
2
转载 深入理解vue中的slot与slot-scope
走在前端的大道上插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。 实际上，一个slot最核心的两个问题在这里就点出来了，是显示不显示和怎样显示。由于插槽是一块模板，所以，对于任何一个组件，从模板种类的角度来分，其实都可以分为非插槽模板和插槽模板两大类。非插槽模板指的是html模板，比如‘div、span、ul、table’这些，非插槽模板的显示...
2019-06-10 13:52:35
714
原创 如何去掉input type=file中的选择文件
使用input type=file时，发现总是有个默认的选择文件，如图所示：对其进行样式修改发现，其默认的样式就是这样，并不能通过css样式进行修改。既然修改不了，我们为什么不换另一种思路对其进行解决？这里我们通过position：absolute绝对定位对其进行解决，思路是通过一个div绝对定位，位于input上方，通过对div的点击，进而监听触发input事件，从而解决去掉选择文件（这里其...
2019-05-28 19:52:33
17083
2
原创 监听input type=file 文件上传取消事件
在做项目的时候，需要根据是否上传图片，进而判断页面变化。通过查阅相关资料，发现chane事件并不能监听取消，于是从另外一种角度：判断上传的文件是否有值，进而监听取消事件。<input type="file" id="batchUpload" name="files" accept="image/jpg, image/gif,image/png, image/jpeg" multi...
2019-05-28 19:36:50
18032
4
原创 vue-router(vue路由)跳转及传递参数的方式
在做项目的时候需要从A页面跳转到B页面，并进行参数传递，于是查询官网了解到，vue路由主要有两种方式：一是，使用编程式的导航；二是：使用router-link。由于项目中跳转时，有个axios请求，所以这里主要讲解使用编程式的导航第一种是使用编程式的导航使用编程的导航主要借助 router.push(location, onComplete?, onAbort?)注意：在 Vue 实例内部...
2019-05-22 19:56:16
10203
原创 vue 在axios中使用路由跳转并传参，报Cannot read property '$router' of undefined
在用vue开发项目时，需要经A页面的参数以及页面中axios返回的参数传递到B页面，直接上代码吧(简单写了)：data() { return { imageUrl: require("../../static/tianjia.png"), dateValue1: "2018-09-08", dateValue2: "2018-09-10", } }met...
2019-05-21 17:42:04
13048
5
转载 sessionStorage会话存储
sessionStorage会话存储转至：https://www.cnblogs.com/polk6/p/5512979.html该文主要作为学习笔记进行转载，如有侵权请联系1. 介绍1.1 说明sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 windo...
2019-05-21 11:41:33
1853
转载 Node.js 事件循环，定时器和process.nextTick()
Node.js 事件循环，定时器和process.nextTick()转至：https://nodejs.org/zh-cn/docs/guides/event-loop-timers-and-nexttick/什么是事件轮询事件循环是 Node.js 处理非阻塞 I/O 操作的机制——尽管 JavaScript 是单线程处理的——当有可能的时候，它们会把操作转移到系统内核中去。既然目前...
2019-05-13 17:17:44
572
原创 vue动态绑定class的几种方式
vue动态绑定class的几种方式对象方法最简单的绑定，也是比较常用的方法（这里的active加不加单引号都可以，以下也一样都能渲染）:class="{ 'active': isActive }"判断是否绑定一个active:class="{'active':isActive==-1}" 或者:class="{'active':isActive==index}"绑定并判断多个...
2019-05-07 13:45:06
888
转载 Vue中class与style绑定
Vue中class与style绑定转至：https://www.cnblogs.com/lily1010/p/5838954.html该文主要作为学习笔记进行转载，如有侵权请联系一 用对象的方法绑定class很简单,举个栗子:<!DOCTYPE html><html> <head> <meta charset="UTF-...
2019-05-07 13:36:10
369
原创 vue中百度地图组件，点聚合
vue项目中，安装百度地图组件后（在我的上一篇文章已介绍vue安装百度地图依赖包，以及使用（模块化引入百度地图）），但如何对点位进行聚合呢？首先，我们可以看百度地图组件官网：注意红框框选（后面讲到官网这个bugger）根据官网介绍，我们可以进行全局和局部注册，进而引入点聚合。局部注册：我们就可以按照官网介绍，首先引入包，然后进行注册：import {BmlMarkerClusterer}...
2019-04-28 15:22:49
12026
19
原创 vue中使用v-for，出现警告 component lists rendered with v-for should have explicit keys
在运行vue项目时，其中使用了for循环，虽然界面没出现问题，但命令行还是有一段问题警告：从上述警告中可以看出，意思是我们的for循环中，缺少对应key，所以我们加上即可：...
2019-04-28 10:12:52
18513
1
原创 vue中百度离线地图，点聚合问题
vue中百度离线地图，点聚合问题项目中，相同的代码。相同的聚合js文件，在vue中引入百度离线地图，刚开始是出现，地图点位不能聚合，于是从官网直接下载源文件，点聚合解决了，但出现InfoWindow（显示点位信息详情）无作用，跟踪bugger也没有报错，最后把自己原先的MarkerClusterer_min.js红色框选去掉，就可以，一脸疑问？虽然最后点聚合实现了，但上述问题并没有搞懂为什么...
2019-04-26 18:54:34
2238
原创 vue给标签动态绑定title
vue给标签动态绑定title在利用vue开发时，如果标签宽度比较小，我们需要利用overflow:hidden;text-overflow:ellipsis;white-space: nowrap;对其进行隐藏，但隐藏后如何读其信息，我们一般采用给标签如span、div、p添加title，但在vue中如何动态绑定呢？直接上代码（这里span我们要设置display：block 或者inli...
2019-04-26 10:41:00
11802
转载 document write( )解析
document write( )解析转至：https://www.cnblogs.com/ziyunfei/p/5881426.html该文主要作为学习笔记进行转载，如有侵权请联系在传统的浏览器中，同步的 script 标签是会阻塞 HTML 解析器的，无论是内联的还是外链的，比如：<script src="a.js"></script><script s...
2019-04-25 16:31:21
10136
原创 vue引入百度离线地图
vue中引入百度离线地图前几天在vue中引入了在线百度地图，并根据demo测试，写了几种方法《vue中引入在线百度地图》，今天就介绍如何在vue中引入百度离线地图。1、首先要准备下载百度离线地图所需的文件，文件地址：vue中引入百度离线地图所需文件在这里就不介绍百度离线地图下载方式了，自己百度查询2、其次将所需要的文件引入到index.html <script type="te...
2019-04-24 14:01:17
11123
43
原创 vue安装百度地图依赖包，以及使用（模块化引入百度地图）
vue安装百度地图依赖包，以及使用（模块化引入百度地图） 百度地图已经基于Vue开发了对应的组件，我们可以通过引入百度地图依赖包，使用百度地图，步骤如下：1.安装百度地图依赖包npm install vue-baidu-map -s可以安装到当前项目下，可以通过node_modules文件查看是否有vue-baidu-m...
2019-04-20 15:23:05
7014
9
原创 vue中引入百度地图，以及解决地图出现undefined（地图未定义）
vue中引入百度地图，以及防止地图出现undefined（地图未定义） 最近有个项目需要使用百度地图，于是自己尝试在先写个demo进行测试，主要体现在下面两种方法：第一种方法：在index.htm引入查看其它文章发现，要在在build文件下的webpack.base.conf.js配置map，个人尝试是否配置无作用开始实例化生...
2019-04-20 13:46:14
11616
5
转载 深入理解CSS盒模型
深入理解CSS盒模型该文主要作为学习笔记进行转载，如有侵权请联系一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是边框（border），然后最...
2019-04-18 19:02:05
241
原创 input[type=file]文件获取及ajax上传
input[type=file]文件获取及上传 最近遇到一个问题，由于用的框架不同，根据需求需要两种方式上传文件，原有的框架解决不了，只能尝试通过原始方法。 上代码： <input style="width:20px;height:10px;mar...
2019-04-18 09:35:10
11357
3
转载 HTTP 405 错误 – 方法不被允许 (Method not allowed)
HTTP 405 错误 – 方法不被允许 (Method not allowed)该文主要作为学习笔记进行转载，如有侵权请联系HTTP 协议定义一些方法，以指明为获取客户端（如您的浏览器或我们的 CheckUpDown 机器人）所指定的具体网址资源而需要在 Web 服务器上执行的动作。则这些方法如下：OPTIONS( 选项 ) ：查找适用于一个特定网址资源的通讯选择。 在不需执行具体的涉及...
2019-04-12 17:00:39
110343
1
转载 Grunt、Gulp区别 webpack、 requirejs区别
Grunt、Gulp区别 webpack、 requirejs区别转至：Grunt、Gulp区别 webpack、 requirejs区别该文主要作为学习笔记进行转载，如有侵权请联系1. 书写方式grunt 运用配置的思想来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段，导致认知成本的提高，运用的时候要...
2019-04-11 16:55:59
244
原创 百度地图轨迹开发，如何绘制带有箭头的折线
百度地图轨迹开发，如何绘制带有箭头的折线 最近在开发百度地图时，需要绘制行人行走的轨迹，并在轨迹内使用箭头表示方向，和我们平常使用百度地图导航时一样，能通过箭头表示人行走的方向。 通过百度地图API，我们很容易能找到划线的方法Polyline() ，但我们该如何在绘制的线上，展示箭头方向呢？进一步查看...
2019-04-10 15:39:42
15654
25
原创 js中数组对象去重的方法
js中数组对象去重的方法 今天在进行百度地图开发时，遇到多个重复的点位，需要将重复的点位进行过滤，正常的数组我们通常都能找到方法进行解决，但对对象数组进行去重处理，有点蒙圈，下面我们就进一步研究 var points = [{ lat: 22.687, lng: 114.014 ...
2019-04-10 15:14:06
14933
4
vue中引入百度离线地图所需文件
2019-04-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人