自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 运动框架

完美运动框架 function getStyle(obj,attr){ return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,true)[attr]; } function sport(obj,json,fn){ clearInterval(obj.timer); obj.timer = setInterval(()=>{ let flag = true; for(let attr in json)

2021-03-22 11:33:18 102

原创 鼠标滚轮事件(兼容火狐)

鼠标滚轮事件改变字体大小 滚轮事件的兼容性差异有些不拘一格,不是以往的 ie8-派 和其他派,而是 firefox 派和其他派,‘杯具’的是firefox 3.5+ 却不支持此事件,不过庆幸 firefox3.5+ 中提供了另外一个等同的事件。 “mousewheel” 事件中的 “event.wheeldelta”属性值:返回的值,如果是正值说明滚轮是向上滚动,如果是负值说明滚轮是向下滚动;返回的值,均为 120 的倍数,即:幅度大小 = 返回的值 / 120。 “dommousescroll” 事件中

2021-03-06 17:52:17 723

原创 兼容问题!!!

兼容 滚动条距离顶端的兼容。 var scroll_top = document.documentElement.scrollTop || document.body.scrollTop; 滚动条距离左端的兼容。 var scroll_left = document.documentElement.scrollLeft || document.body.scrollLeft; 兼容byClassName function byClassName(node,className){//节点和类

2021-03-04 19:18:17 112 1

原创 正则相关知识。

正则 正则表达式概述 什么是正则? 用于匹配字符串的一组规则。 正则的作用? 主要用于表单验证和解决一些复杂的字符串问题。 声明正则? 字面量: /正则表达式/标识位 构造函数: new RegExp(‘正则表达式’,‘标识位’) 正则的元字符(三三二 三个一) 三 : { } [ ] ( ) { } : 表示限制一个或一组字符连续出现的次数 {m} : 表示一个或一组字符连续出现m次 {m,} : 表示一个或一组字符连续出先m 至 无限次 {m,n} : 表示一个或一组字符

2021-03-03 17:27:34 125 1

原创 scrollIntoView()的使用?

Element.scrollIntoView() 让当前的元素滚动到浏览器窗口的可视区域内。 调用方法为 elelment.scrollIntoView()参数默认为true。 参数为true是调用改函数,页面或容器发生滚动,使element的顶部与视图(容器)顶部对齐; 参数为false时,使element的底部与视图(容器)底部对齐。 注:只有页面(容器)可以滚动的时候才有用!!! 示例: html部分 <div id="box"> <ul></u

2021-03-02 11:50:19 274

原创 如何实现展开收缩?

展开收缩 核心:点击展开a标签展开内容,改变a的内容,借助‘开关’,实现功能。 实现功能 页面部分 <div id="box"> <span>嘴硬到底是什么概念 大概就是 你问我怎么了 其实我眼泪都要掉下来了 但我还是说了句 算了 就这样吧 ——网易云热评《你就不要想起我》</span><a href="javascript:;">收缩</a> </div> javaScript部分 //获取元素 var

2021-03-01 19:42:14 584 2

原创 JavaScript实现简易留言板

留言板 需要实现的功能 Ⅰ,最新留言显示在最上边 Ⅱ,有删除功能 Ⅲ,点击留言后清空input内容 实现功能 Ⅰ,HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie

2021-02-27 17:34:04 1229 1

原创 如何实现压缩字符串?

压缩字符串 //如何实现压缩字符串 //例如:把'aaabbcdddefgg' 压缩为'a3b2c1d3e1f1g2' //首先我们有一串字符串 var str = 'aaabbcdddefgg'; //声明一个空串用来拼接新的字符串 var new_str = ''; for(var i = 0;len = str.length, i < len;){ var num = 1;//声明一个数值用来表示每个数值的初始值为1 for(var j = i + 1;len = str.length,j

2021-02-27 16:22:03 609

原创 如何正确的使用扁平化数组?

扁平化数组 function flattening(arr){ //首先声明一个新的数组,用来接受遍历后的数组; var list = []; //判断传进来的是否是数组 if(arr instanceof Array){ //如果是的话进入循环 for(var i = 0; len = arr.length,i < len;i ++){ //此处用了一个回调函数,如果这个下标所对应的元素是数组,则再次回到循环,如果不是数组则后增到list当中; list = list.c

2021-02-27 15:39:45 127

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除