![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 58
方寸之间。
本账号不再维护,目前本人写文章都在语雀
展开
-
reduce 树结构数组转为扁平数组
每个元素全字段 const flatten = (data)=> data.reduce((arr, item)=> arr.concat([item], flatten(item.childrenList)), []); const list = [ {id: 1, name: 1, pid: -1, childrenList: [ {id: 7, name: 7, pi...原创 2020-02-25 17:28:17 · 1344 阅读 · 0 评论 -
flex布局兼容IE10
在IE10浏览器中,使用flex布局的常用兼容性代码: /*display*/ .display_flex{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .display_flex > *{ display: block; } ....原创 2020-02-24 13:46:06 · 12051 阅读 · 1 评论 -
codemirror代码编辑器,检测语法高亮显示
今天做项目的时候,有个需求是实现编辑JS代码时语法高亮显示,所以用codemirror插件实现了出来,在这里记录下来! codemirror官网:http://codemirror.net/ codemirror支持自定义主题,而且支持多种语言的语法检测,感觉挺好用的;在这里我用的是自定义的仿照Run.js的主题 写的Demo如下: CodeMirror原创 2016-12-14 18:02:08 · 11445 阅读 · 0 评论 -
JS打乱数组顺序
/*打乱数组顺序*/ var tempArray = [0,1,2,3,4]; tempArray.sort(function(a,b){ /*用Math.random()函数生成0~1之间的随机数与0.5比较,返回-1或1*/ return Math.random()>0.5 ? -1 : 1; });原创 2016-11-25 15:35:48 · 649 阅读 · 0 评论 -
js 针对IE与firfox兼容性问题
一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"];Firefox 下,只能使用document.formName.elements["elementName"]。 解转载 2016-11-25 15:30:28 · 396 阅读 · 0 评论 -
JS转换HTML转义符
//去掉html标签 function removeHtmlTab(tab) { return tab.replace(/]+?>/g,'');//删除所有HTML标签 } //普通字符转换成转意符 function html2Escape(sHtml) { return sHtml.replace(/[':'>','&':'&','"':'"'原创 2016-11-25 15:27:51 · 496 阅读 · 0 评论 -
关于for循环执行顺序
今天和同事在做项目的时候,碰到了一个问题,其中有关于for循环的部分,在讨论问题的过程中,谈起了for循环的执行顺序的问题,还是第一次了解到,所以在这里就记下来吧! 如上图中:1会先执行,这是把变量 i 初始化,然后执行2,进行判断 i 是否小于10,符合条件之后会执行3,就是花括号里面的代码,最后执行4,i++原创 2016-12-01 17:39:56 · 3515 阅读 · 0 评论 -
JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件
JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件 function getBrowser() { var ua = window.navigator.userAgent; var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1; var isFi原创 2016-12-01 15:14:48 · 11168 阅读 · 0 评论 -
改变滚动条样式,适用于webkit内核的浏览器,平滑返回顶部功能实现
改变滚动条样式,适用于webkit内核的浏览器,平滑返回顶部功能实现 body{ background-color: #2a3542; color: #797979; overflow: hidden; } .scroll-bar{ position: relative; width: 1000px; height: 800px; border: 1px solid #6666原创 2016-12-01 12:28:27 · 754 阅读 · 0 评论 -
js捕获鼠标滚动事件
用js捕获鼠标滚动,并判断是前滚还是后滚! 要捕获鼠标的滚动事件,可以来捕获onmousewheel的事件,然后根据event.wheelDelta值的正负来判断是前滚还是后滚! 当值为120时时前滚,-120时为后滚 function showKey(){ alert(event.wheelDelta); }原创 2015-06-09 18:07:01 · 1394 阅读 · 0 评论