heyNewbie的博客

语法：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..

开发中经常会遇到排序或者找出最大最小值的需求，而且是各式各样的数组我搬来一篇有用的方法，记录一下 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

vue3发布稳定版本后，新开的项目也随之升级到了element-plus，一路编码一路踩坑1、数据库中需要返回官方提供的icon名称2、前端拿到返回数据后进行遍历-绑定以comonent标签进行绑定OK~...

隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计算滚动条宽度并隐藏起来在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以滚动内容。这是什么技术呢？ 其实我只是把滚动条通过定位把它隐藏了起来。演示下面给一个简化版的代码<div class="outer-container"> <div cla..

js中promise对象对应的是一个异步执行的操作，包含三种状态：Pending（进行中）、Resolved（已完成 ，又称Fulfilled）和 Rejected（已失败）1、当promise监听到Resolved或者Rejected状态时才会对应的执行then()和catch()promise 只有拿到执行结果后才会进行下一步操作，也称作链式调用resolve(data) 把当前的promise标记为 resolved 状态，其中的 data 就是传入th...

可以尝试加hack.box { min-height:500px; height:auto !important; height:500px;}

搞了一套和官网不同的option，也能渲染出效果来，虽然我不知道这个箱线图有啥意义啊哈哈哈~需求：填充背景色(中间的横线我是真的无能为力了，有搞出来的小伙伴欢迎留言)剩下的一些自定义轴刻度显示、tooltip的自定义就很常规了。。。option: { color: ["#007FFF", "#F5A623", "#B620E0", "#F11455"], tooltip: { trigger: "item", },

附件上传

放置几个，需要的时候不用麻爪找度娘了--value1、不能输入空@keyup="value=value.replace(/^\s+|\s+$/g, '')"

刚才vue项目中报错“Cannot read property 'get' of undefined”可以肯定的是echart出的问题遂打断点一级一级的找，卡在了渲染环节可以检查一下option的配置是否齐全，比如xAxis和yAxis，legend等条件格式是否正确，渲染需要的是否齐全一般把需要的option填写正确，就OK了...

需求场景一：用户退出时清空localStorage并告知后台用户退出，保持登录状态时关闭窗口或者浏览器达到相同目的实现：// 在mounted中触发beforeunload事件以及在destroyed中触发beforeunload事件// 当文档或一个子资源正在被卸载时, 触发 unload事件，unload在beforeunload之后被触发// 参考地址：https://blog.csdn.net/weixin_45372546/article/details/108538026// 要

出现这个问题的原因是像缓存区中提交文件时出现的原因：windows中的换行符为 CRLF，而在Linux下的换行符为LF，所以在执行add . 时出现提示也就是，工作区的文件都应该用 CRLF 来换行。如果改动文件时引入了 LF,提交改动时，git 会警告你哪些文件不是纯 CRLF 文件，但 git 不会擅自修改工作区的那些文件，而是对暂存区（我们对工作区的改动）进行修改。也因此，当我们进行 git add 的操作时，只要 git 发现改动的内容里有 LF 换行符，就还会出现这个警告.

有时候需要把某些数组进行拷贝，在做功能性的处理，有时候需要浅拷贝，有时候需要深拷贝，我常用的是需要保留源数据不被污染的，用到的最多的方法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

echarts提供给我们默认的legend icon只有'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'这么几种类型， 有时候我们需要自定义，比如去引入图片等自定义icon为图片legend: { data: [ { name: "XXX", textStyle: { fontSize: 12, .

正则对于大部分前端小伙伴来说都不陌生，但是吧，也并不是很很熟悉，至少我是这样子的，啥时候需要用到了，就去现查现测试，今儿就收集几个常用到的，以备不时之需1、匹配中文字符[\u4e00-\u9fa5]2、匹配空白行
\s*\r3、匹配Email地址[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?4、匹配URL[a-

vue项目中，使用了各种插件和ui库，有时候会出现Cannot read property '_wrapper' of undefined 这样的报错，一开始还以为是引用的插件报错，其实是自定义的方法名在methods{} 中没有对应的方法<span @click="handleClick"></span>// 在span 标签中定义的 handleClick 方法，并没有在methods中有具体的对应methods： { handleClick() .

怎么用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

项目中遇见了，就记录下来，省的以后找不到了一、maxlength 属性在IE中失效当 input 的 type 属性为 ‘text’ 时，maxlength 有效当input 的 type 属性为 ‘number’ 时，失效解决办法：<input type="number" placeholder="请输入手机号..." v-model="telNumber" maxlength="11" @input="telNumber=te

项目中的表格要使用到table的template插槽做数据自定义处理，但是为了自己写的组件能够复用，还需要用到formatter函数来进行数据的操作，这种情况下，template和formatter是不能一起使用的，咱们可以使用针对插槽内的结构进行针对处理...

突然想起来这么个事，加上博主比较的懒，就找了一篇全面的记录直接搬过来保存，留着以后慢慢看方法 描述 实例 assert() ssert方法接受两个参数，第一个参数是表达式，第二个参数是字符串。只有当第一个参数为false，才会输出第二个参数，否则不会有任何结果。 // 实例console.assert(true === false, "判断条件不成立")// Assertion failed: 判断条件不成立 clear() 清除当前控制台的所