- 博客(55)
- 收藏
- 关注
转载 CSS定义li前小点( · )的样式
语法:list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | u..
2022-04-08 14:59:18
2573
转载 js获取对象数组中某一属性的最大最小值
开发中经常会遇到排序或者找出最大最小值的需求,而且是各式各样的数组我搬来一篇有用的方法,记录一下 list: [ { id: 1, name: 'jack' }, { id: 2, name: 'may' }, { id: 3, name: 'shawn' }, { id: 4, name: 'tony' }, ]1、Math方法// 最大值 4Math.max.apply(Math,this.list.map(item => { return item
2022-04-08 14:27:56
1750
原创 vue3 + element-plus 动态绑定icon图标
vue3发布稳定版本后,新开的项目也随之升级到了element-plus,一路编码一路踩坑1、数据库中需要返回官方提供的icon名称2、前端拿到返回数据后进行遍历-绑定以comonent标签进行绑定OK~...
2022-03-04 15:51:10
8566
9
转载 CSS实现隐藏滚动条并保留滚动功能
隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。方法1:计算滚动条宽度并隐藏起来在本站的侧栏,你可以看到前端日报的那块内容并没有滚动条,但鼠标移上去却可以滚动内容。这是什么技术呢? 其实我只是把滚动条通过定位把它隐藏了起来。演示下面给一个简化版的代码<div class="outer-container"> <div cla..
2022-02-15 18:16:15
7278
原创 JS- promise对象
js中promise对象对应的是一个异步执行的操作,包含三种状态:Pending(进行中)、Resolved(已完成 ,又称Fulfilled)和 Rejected(已失败)1、当promise监听到Resolved或者Rejected状态时才会对应的执行then()和catch()promise 只有拿到执行结果后才会进行下一步操作,也称作链式调用resolve(data) 把当前的promise标记为 resolved 状态,其中的 data 就是传入th...
2022-01-13 17:58:59
450
原创 IE浏览器 min-height 失效
可以尝试加hack.box { min-height:500px; height:auto !important; height:500px;}
2022-01-12 10:29:42
396
原创 echarts-箱线图(盒须图)
搞了一套和官网不同的option,也能渲染出效果来,虽然我不知道这个箱线图有啥意义啊哈哈哈~需求:填充背景色(中间的横线我是真的无能为力了,有搞出来的小伙伴欢迎留言)剩下的一些自定义轴刻度显示、tooltip的自定义就很常规了。。。option: { color: ["#007FFF", "#F5A623", "#B620E0", "#F11455"], tooltip: { trigger: "item", },
2021-12-29 16:47:43
8243
1
原创 放置几个常用input实时限制输入
放置几个,需要的时候不用麻爪找度娘了--value1、不能输入空@keyup="value=value.replace(/^\s+|\s+$/g, '')"
2021-06-02 17:08:18
109
原创 Cannot read property ‘get‘ of undefined 报错
刚才vue项目中报错“Cannot read property 'get' of undefined”可以肯定的是echart出的问题遂打断点一级一级的找,卡在了渲染环节可以检查一下option的配置是否齐全,比如xAxis和yAxis,legend等条件格式是否正确,渲染需要的是否齐全一般把需要的option填写正确,就OK了...
2021-05-17 16:06:01
7069
原创 vue 全局监听浏览器窗口关闭以及无痕模式场景提示
需求场景一:用户退出时清空localStorage并告知后台用户退出,保持登录状态时关闭窗口或者浏览器达到相同目的实现:// 在mounted中触发beforeunload事件以及在destroyed中触发beforeunload事件// 当文档或一个子资源正在被卸载时, 触发 unload事件,unload在beforeunload之后被触发// 参考地址:https://blog.csdn.net/weixin_45372546/article/details/108538026// 要
2021-04-12 15:45:31
1384
转载 git add . 时关于报错 LF will be replaced by CRLF
出现这个问题的原因是像缓存区中提交文件时出现的原因:windows中的换行符为 CRLF,而在Linux下的换行符为LF,所以在执行add . 时出现提示也就是,工作区的文件都应该用 CRLF 来换行。如果改动文件时引入了 LF,提交改动时,git 会警告你哪些文件不是纯 CRLF 文件,但 git 不会擅自修改工作区的那些文件,而是对暂存区(我们对工作区的改动)进行修改。也因此,当我们进行 git add 的操作时,只要 git 发现改动的内容里有 LF 换行符,就还会出现这个警告.
2021-03-17 13:43:18
1508
1
原创 数组的拷贝 不影响源数据
有时候需要把某些数组进行拷贝,在做功能性的处理,有时候需要浅拷贝,有时候需要深拷贝,我常用的是需要保留源数据不被污染的,用到的最多的方法var arr = [1,2,3,4,5,6];var newArr = JSON.parse(JSON.stringify(arr));是个万金油在这总结一下能够进行数组拷贝,并且不污染源数据的方法1、Array.sliceconst number = [1, 2, 3, 4, 5]; const newNumber = n
2020-12-09 18:01:13
1328
原创 echarts 自定义legend icon出现的路径错误等
echarts提供给我们默认的legend icon只有'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'这么几种类型, 有时候我们需要自定义,比如去引入图片等自定义icon为图片legend: { data: [ { name: "XXX", textStyle: { fontSize: 12, .
2020-08-24 16:49:16
1406
1
原创 【收集】几个常用正则
正则对于大部分前端小伙伴来说都不陌生,但是吧,也并不是很很熟悉,至少我是这样子的,啥时候需要用到了,就去现查现测试,今儿就收集几个常用到的,以备不时之需1、匹配中文字符[\u4e00-\u9fa5]2、匹配空白行\n\s*\r3、匹配Email地址[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?4、匹配URL[a-
2020-08-24 10:38:45
502
原创 vue 报错 Cannot read property ‘_wrapper‘ of undefined
vue项目中,使用了各种插件和ui库,有时候会出现Cannot read property '_wrapper' of undefined 这样的报错,一开始还以为是引用的插件报错,其实是自定义的方法名在methods{} 中没有对应的方法<span @click="handleClick"></span>// 在span 标签中定义的 handleClick 方法,并没有在methods中有具体的对应methods: { handleClick() .
2020-08-13 14:40:17
3493
原创 关于Js获取日期的那些个事(事儿的需求)
怎么用js 获取时间就不多赘述了,相信小伙伴们都懂获取当前日期: var time = new Date();获取当前日期的时间戳: var timeStamp = time.getTime;获取当前日期年份:var year = time.getFullYear();获取当前日期月份: var month = time.getMonth()+1;获取当前时间日: var day = time.getDate();日期格式: var timeFormat = year + '-' + mo
2020-08-11 17:45:02
397
1
原创 关于maxlength在IE中失效,以及input常见限制,校验手机号(只能输入数字、不能输入)
项目中遇见了,就记录下来,省的以后找不到了一、maxlength 属性在IE中失效当 input 的 type 属性为 ‘text’ 时,maxlength 有效当input 的 type 属性为 ‘number’ 时,失效解决办法:<input type="number" placeholder="请输入手机号..." v-model="telNumber" maxlength="11" @input="telNumber=te
2020-07-15 16:39:03
1054
原创 ElementUI 中 table 的template 和 formatter 函数不能一起使用
项目中的表格要使用到table的template插槽做数据自定义处理,但是为了自己写的组件能够复用,还需要用到formatter函数来进行数据的操作,这种情况下,template和formatter是不能一起使用的,咱们可以使用针对插槽内的结构进行针对处理...
2020-07-13 18:34:52
3357
转载 关于console对象的那些个方法
突然想起来这么个事,加上博主比较的懒,就找了一篇全面的记录直接搬过来保存,留着以后慢慢看方法 描述 实例 assert() ssert方法接受两个参数,第一个参数是表达式,第二个参数是字符串。只有当第一个参数为false,才会输出第二个参数,否则不会有任何结果。 // 实例console.assert(true === false, "判断条件不成立")// Assertion failed: 判断条件不成立 clear() 清除当前控制台的所
2020-07-01 15:20:11
846
转载 vue 实现点击空白处执行方法(列表收回、隐藏等操作)
项目中一直在用elementUI组件,但是有些需求是需要定制化开发的,不能完全的依赖组件现有功能,比如:定制化下拉菜单,并提供带有提示标志的单选和多选等小伙伴们相信也碰到不少这样的例子,最头疼的就是点击空白处的判定然后就转了一篇,以防丢失简单想应该怎么实现?1、肯定是给document增加一个click事件监听2、当发生click事件的时候判断是否点击的当前对象结合着本思路和指令咱们来实现。简单介绍vue指令一个指令定义对象可以提供如下几个钩子函数 (均为可选):bind:只
2020-06-21 11:45:56
6632
5
原创 搜索框input失去焦点事件和结果列表li的click事件冲突问题
开发过程中,会经常遇到搜索需求,这就会涉及到input搜索框,外面还会有ul、div等搜索列表,需要点击input外部进行操作时,收起或者隐藏搜索结果列表,首先我们会考虑到失去焦点来做这就会有问题,点击事件和blur事件的先后执行方法一:用setTimeout做的延迟隐藏(有小bug)测试发现当鼠标点击并没有抬起是,会执行blur事件,(如果能接受的话)我具体查了一下blur事件,当元素失去焦点时触发的事件,为表单事件,blur和focus事件不会冒泡,其他表单事件都可以
2020-06-09 15:06:36
1353
原创 简单的纯数数组取极值(最大值和最小值)
今天举个简单的例子:项目中遇到已知是纯number类型的数组,需要取该数组的极值ES5:let Array = [0.15,-0.5,1,99,35,0,19,22]
2020-06-04 17:22:17
923
原创 git 切换分支报错
项目中经常需要切换分支进行不容需求的开发,今天在Vue中重新安装了node_modules再去切换分支的时候就报错了,如图:这是因为当前项目访问权限已经发生变化,页面或者IDE仍然占有项目中的文件,不能释放,解决办法:把页面或者IDE关闭,再执行切分支操作就ok了...
2020-06-02 16:19:06
1346
原创 关于 vue-cli 初始化项目失败的解决办法
相信很多初学VUE的朋友很多都碰到了初始化项目报错的情况,我也是去搜索了很多种方法来尝试解决,不过收获甚微,有的需要把hosts文件还原,由于我的是更改后用来透过DNS链接google的,就没有还原,最后只能是用了最简单直接的办法解决了,上图之后我执行了vue init webpack-simple <project name>就可以初始化项目了,如果有更好的解决方法欢迎留言^_^...
2020-05-22 10:34:35
6632
2
原创 【原创】Echarts :说说formatter自定义toolTip内容后,颜色丢失
在使用Echarts的时候,经常会碰见需要自定义toolTip显示内容的需求,常见的就是使用formatter(params) {}函数进行拼接,不清楚的可以看官网介绍但是使用formater进行自定义显示后,会出现样式丢失的情况,就是显示内容全都是白色了,这里提供两种方法进行参考一、在formatter中使用富文本进行编辑formatter: function (params) { var str = "<span style='color: #ff0000'>" +
2020-05-19 16:35:35
4201
翻译 JS-显式原型和隐式原型
概念:1、函数对象--函数的prototype原型链上的属性指向的原型对象,创建函数时就已经存在,默认为空的Object2、实例对象--函数实例化之后,产生的_proto_隐式原型,他的值等同于构造函数中的显式prototype原型属性值3、ES6之前,可操作性显式原型prototype上的方法和属性,不能直接操作隐式_proto_每个函数都有一个prototype原型属性,...
2020-04-24 17:00:46
993
翻译 【JS】值类型(基本类型)和引用类型
在JavaScript中变量类型值类型(基本类型):字符串(string)、数值(number)、布尔值(boolean)、undefined、null (这5种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值),在ES6中新增了一种基本类型:symbol引用类型:对象(Object)、数组(Array)、函数(Function)基本类型和引用类型的区别基本类型:1、...
2020-04-24 15:19:56
710
原创 Vue 报错: Error in nextTick: "InvalidCharacterError"
我遇到这个错误是在IE浏览器中,而项目在chrome浏览器中是正常没有问题的,按照字面意思很难找到这个问题到底出在哪了,出现的bug为v-if失效,该出现的DOM没有出现,于是我就尝试分析DOM,提示在渲染时出现无效字符,我的input中加入了正则去替换内容,我尝试去掉之后就好了...
2020-04-14 16:03:36
2975
翻译 获取当前XXXX-XX-XX格式的日期
function getDate () { var newDate = new Date(), Year = newDate.getFullYear(), Month = newDate.getMonth() + 1, Day = newDate.getDate(), nowDate = ''; if (M...
2020-04-10 16:23:27
1932
原创 面向对象编程思想和面向过程编程思想的区别
这里体现的是两种JS的编程思想:面向对象编程和面向过程编程,两者都属于是编程思想,各有优缺点面向过程: 在项目开发中会有各种的逻辑方法,有的是交互,有的是创建,有的是求结果,面向过程编程是把编程的重心放在方法实现的过程中,由上到下,由高到低的顺序执行,一步一步逐步细化优势:在项目规模不大的情况下,更能直观的表现出方法逻辑,更容易定位错误,整体的执行顺序一目了然劣势:随着...
2020-03-25 20:31:38
2906
原创 vue 报错Failed to mount component: template or render function not defined.的解决方法
之前的项目都没有问题,结果突然出现这个报错,查阅度娘后发现有大手子们要把vue-loader降低版本来解决,但是我的版本是别的路径都没有问题,唯独新创建的一个组件有问题经过阅读这位同学的文章,我尝试去测试了一下,果然问题出现在路由填写上,因为我的写法和他的大致相同解决办法:因为在router/index.js文件中,我是用的懒加载的写法,所以把文件后缀.vue跟上就好了...
2020-03-23 18:24:24
2382
原创 vue报错”Invalid prop: type check failed for prop "data". Expected Array, got String.“
vue项目中遇到的报错如下图:大概意思就是期望的data值是数组,但是得到的是字符串,在页面上并不影响功能的实现,是因为data在赋值的时候虽然格式不对,但是得到的数据格式是正确的,所以不会影响页面功能点开报错,浏览信息找到你的文件,还有文件里的方法,以及所在行,就在相关方法中找到data的数据赋值,改过来就行了...
2020-02-12 00:32:29
5547
转载 【转载】echarts 实现渐变色
在管网的文档中可查看其配置项,以柱状图为例:首先在series中找type:'line'然后找到areaStyle在color中有方法能生成渐变色:// 线性渐变,前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1,相当于在图形包围盒中的百分比,如果 globalCoord 为 `true`,则该四个值是绝对的像素位置color: { type...
2020-01-19 16:01:00
902
原创 vue项目打包git提交后,在线上看不到dist文件夹
问题描述:项目写完后,打包提交到测试环境,发现dist文件夹在本地,并没有提交到测试服务器,问题原因:vue项目在git打包上传过程中,为了节约包体积,会禁止dist的上传,解决办法:打开文件列表中的.gitigone文件.DS_Storenode_modules//dist/npm-debug.log*yarn-debug.log*yarn-error.log...
2020-01-15 16:24:07
3032
原创 总结:Vue项目中的报错:vue-router.esm.js?8b48:2007 Uncaught (in promise)
遇到的情景:router.beforeEach((to,from,next) => { const flag = sessionStorage.getItem("isLogin"); if(!token){ next('/login) }else{ next(); }});因为如果我们手动在地址栏填写路径'/logi...
2020-01-15 15:57:19
9710
原创 总结:在vue项目中的报错:Maximum call stack size exceeded
一、情景1:在路由守卫中router.beforeEach((to, from, next) => {})针对 to 的路径进行判断时条件错误,导致页面陷入死循环例:to.name.indexOf("XXX") > 0 当路径中包含目标文字在首位时,返回是0,导致页面白屏情景2:在页面中引入某个组件,名称和页面的name重复了,导致页面进入死循环,...
2020-01-15 15:49:21
3074
转载 【转载】npm安装依赖时-S和-D的作用以及区别
-S即--save(保存)包名会被注册在package.json的dependencies里面,在生产环境下这个包的依赖依然存在-D即--dev(生产)包名会被注册在package.json的devDependencies里面,仅在开发环境下存在的包用-D,如babel,sass-loader这些解析器啥也不写包名不会进入package.json里面,因此别人不知道你...
2020-01-07 11:32:50
991
原创 关于Vue中element按需引入
在项目中使用elementui确实是很方便的一件事,但是如果我只需要用到其中的某一些元素来简化代码的话,全局引入就显得有点臃肿了,这就有了按需引入的概念,需要什么就引入什么,方便一、安装element-uinpm i element-ui -S二、安装按需引入的必要插件npm install babel-plugin-component -D三、修改.babelrc文件(注...
2020-01-07 11:28:40
1542
原创 vue初始化新项目,安装常用的依赖
总结一下自己在项目中使用过的常用的依赖,省的用到时再去找了首先初始化vue新项目安装node,npm或者cnpm,吧啦吧啦。。。npm install --save-dev vue-cli安装vue-cli,完成后准备使用webpack初始化新项目vue init webpack "你的项目名称"出现的选项:Project Name: 项目名称,自己用的项目直接默...
2019-12-27 13:43:47
2889
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人