![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Javascript
文章平均质量分 87
JavaScript、TypeScript...
rudy_zhou
undefined
展开
-
前端如何理解正则-由浅入深的学习
前端如何理解正则-由浅入深的学习引言正则简单语法正则语法练习获取字符串内`[]`(含)内的数据(使用字符串方法 `match`)判断字符串是否存在英文以外的字符(使用正则方法 `test` )判断字符串是否为xxxx-xx-xx格式的日期(使用正则方法 `test` )从字符串中获取日期(使用字符串方法 `match` )常用正则分析IP 正则的验证与或获取邮箱 正则的验证与获取正则深入学习匹配A...原创 2020-02-03 11:08:14 · 367 阅读 · 0 评论 -
Unexpected quantifier 之 字符串方法正则使用兼容问题
Unexpected quantifier 之 字符串方法正则使用兼容问题引言出现场景总结引言本文不谈如何在字符串方法中使用正则,想要学习正则可以去 这里,这里分享一点使用正则遇到的一个不兼容问题。就是 在IE 与 Microsoft Edge 中,在字符串方法中使用预匹配正则会出现异常 Unexpected quantifier,错误会直接影响页面展示,因为是浏览器解析代码异常。出现场景所有字符串方法,能使用正则的地方,在以上两个浏览器中都会报 Unexpected quantifier 这个错原创 2020-09-16 16:45:42 · 1382 阅读 · 0 评论 -
JavaScript 控制浏览器全屏展示
JavaScript 控制浏览器全屏展示区别控制浏览器Dom 全屏区别1.浏览器有两种全屏模式,第一种为浏览器窗口行为 称为 视图全屏,在浏览器工具栏中 缩放 一栏点击全屏按钮,或者按 F11 键(几乎所有软件都会支持的通用功能)。2.浏览器 HTML 全屏模式,意思就是使浏览器 HTML Dom 铺满整个屏幕展示的全屏模式。以上两种,由于安全策略原因,在非低版本 IE 浏览器中,都不支持控制。也就是说只能使用第二种 Dom 控制全屏的方式控制浏览器Dom 全屏...原创 2020-10-20 19:34:25 · 1733 阅读 · 0 评论 -
前端树形结构数据的搜索与格式化
前端树形结构数据的搜索与格式化介绍啊上代码方法解释Demo 哦结语介绍啊今天分享一个借鉴 elementUI 前端过滤的方法(好吧,抄袭写得那么坦然,哈哈)。主要过滤思路从elementUI 的过滤树代码中参考的,添加了一些项目中常用到的功能。上代码代码太多不好看不要紧,下面有一丢丢解释。export const filterTree = ({ value, data, prop, filter, filterXor, children, visible, filterChildr原创 2020-09-09 17:13:20 · 944 阅读 · 0 评论 -
AMap JS 高德地图,修改渲染图层层级
AMap高德地图,修改渲染图层层级问题官网方法手动方法更改层级演示最后问题前端使用 AMap JS 高德地图时,覆盖物绘制线条(AMap.Polyline),会覆盖住下方的路段名称,路段编号,以及地址名称等等。当然,只要是 覆盖物 ,都会如其描述的那样,覆盖在其他图层上方,这很正常,但是想要在路段上绘制线条后能看到下方的路段名称,路段标号等信息就需要调整渲染图层的层级了。官网方法AMap JS 有 这些图层,并且提供了 只有下方五个图层支持的setzIndex 方法,分别是TileLayer原创 2021-03-04 15:31:56 · 4075 阅读 · 1 评论 -
删除列表中一个DOM,其余DOM动态过渡的方法
删除列表中一个DOM,其余DOM动态过渡的方法效果图效果DEMO全部代码方法原理解释结语效果图效果DEMO简易的DOM 过渡效果全部代码HTML<ul class="box" id="box"> <li class="rect" data-index="01">01</li> <li class="rect" data-index="02">02</li> <li class="rect" data-in原创 2020-06-06 13:43:07 · 1210 阅读 · 1 评论 -
JavaScript 有哪些数据类型 以及获取与判断的方法
JavaScript 有哪些数据类型 以及获取与判断的方法引言数据类型原始数据类型1.Boolean 类型2.Null 类型3.Undefined 类型4.Number 类型5.BigInt 类型6.String 类型7.Symbol 类型对象1."标准的" 对象2.数组3.函数获取与判断类型1.typeof2.instanceof总结引言 对我来说什么时候写博客呢?无非就几种情况,一种是对...原创 2020-04-17 08:49:21 · 306 阅读 · 0 评论 -
进入debugger调试时,this 输出 undefined的问题,箭头函数与babel造成的调试不便
调试时 `this` 输入 `undefined` 的问题,箭头函数与babel造成的调试不方便。引言引言阿打发原创 2020-04-03 15:35:51 · 5889 阅读 · 6 评论 -
JavaScript 多线程处理计算密集型或高延迟的任务时,避免页面卡顿的方法
JavaScript 多线程处理计算密集型或高延迟的任务时,避免页面卡顿的方法引言单线程处理大数据演示单线程去重代码动图演示多线程处理大数据演示多线程去重代码动图演示总结引言 前一段时间,写了一个前端去重的博文。在处理千万级的数据时,即使不考虑兼容选用效率最高的方式,也需要几秒钟才能处理完(具体时长主要受数据重复率影响),这样会造成页面卡死的结果。因为JavsScript是单线程处理的,所以...原创 2020-03-26 12:40:41 · 2208 阅读 · 0 评论 -
JavaScript 数组高性能去重 千万级数据去重效率测试 高效去重详解
JavaScript 数组高性能去重 千万级数据去重效率测试 高效去重详解引言测试前提测试准备测试效率1.双重for循环 + splice2.for 循环加 indexOf / includes3.filter 加 indexOf4.使用sort排序后去重5.sort 加 reduce6.利用对象key唯一(hasOwnProperty)7.使用Map数据结构8.使用Set总结推荐循环效率排行结语...原创 2020-01-14 13:44:15 · 2932 阅读 · 1 评论