随笔分类 - 前端学习
自己看前端视频的一些基础学习，加油，颜孙达
摘要：今天看到京东的图片格式使用的是webp 然后研究了一下webp到底是什么样的图片格式，以后自己学习的时候，可以用起来 具体的内容可以看链接：https://www.jianshu.com/p/cd6f21e1cfdd
阅读全文
摘要：导读 1、能够写出sessionStorage数据的存储以及获取 2、能够写出localStorage数据的存储以及获取 3、能够写出它们两者的区别 本地存储的特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大、sessionStorage约5M、localS
阅读全文
摘要：// 移动端的浏览器兼容性比较好，不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。 // 比如触屏事件touch（也称触摸事件），Android和IOS都有 // touch对象代表一个触摸点。触摸点可能是一跟手指，也可以是一根触摸笔。触屏事件可能影响
阅读全文
摘要：//用JS实现轮播图：// 主要功能 /* 1、鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮 2、点击右按钮依次，图片往左播放一张，依次类推，左按钮同理 3、图片播放的时候，下面的小圆圈跟着一起变化 4、点击小圆圈，可以播放相应图片 5、鼠标不经过轮播图，轮播图也会自动播放图片 6、鼠标经过，
阅读全文
摘要：动画的原理 核心原理：通过哦定时器setInterval()不断移动盒子的位置 实现步骤： 1、获得盒子当前的位置 2、让盒子在当前位置加上1个移动距离 3、利用定时器不断重复这个操作 4、加一个结束定时器的条件 5、注意此元素需要增加定位，才可以使用element.style.left // 动画
阅读全文
摘要：单鼠标移动到元素上时就会触发mouseenter事件 类似mouseover，他们之间的差别就是 mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发。 之所以这样，就是因为mouseenter不会冒泡
阅读全文
摘要：scroll系列有四个属性，包含element.scrollTop、element.scrollLeft、element.scrollHeight、element.scrollWidht 此外window.pageYOffset表示页面被卷进去的头部 element.scrollTop 被卷去的上侧
阅读全文
摘要：URL 接口的 searchParams 属性返回一个 URLSearchParams 对象，这个对象包含当前 URL 中解码后的 GET 查询参数。 如果你的 URL 是 https://example.com/?name=Jonathan%20Smith&age=18 ，你可以这样解析 URL，
阅读全文
摘要：load和DOMContentLoaded事件都是页面加载完成事件 要主要两者的区别，load事件是等待DOM节点、图片、flash、css等，都加载完成后，再执行 DOMContentLoaded事件是只要加载完DOM之后，不等待图片flash、css等就可以执行，加载速度会比load快
阅读全文
摘要：看链接： https://www.jb51.net/article/2827.htm
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：1、e.target表示点击元素生效（点击那个元素，那个元素生效） this表示绑定的事件生效，绑定了那个事件，哪个事件生效 2、e.type 获取事件类型 click是点击类型 3、e.preventDefault()该方法阻止默认行为 比如点击了a标签后，不让a标签进行跳转 4、e.stopPr
阅读全文
摘要：1、创建 createElement 2、增 appendChild、insertBefore 3、改 添加类classList.add\remove、setAttribute 4、查 querySelector、querySelectorAll 父：parentNode、parentElement
阅读全文
摘要：1、对body元素的背景图片进行设置 document.body.style.backgroundImage = "url(a.jpeg)"; 2、对获取input框的checked属性值 document.querySelector('thead').querySelector('input').
阅读全文
摘要：定义一个对象a，想判断一个元素attr是否是这个对象的属性的方法是a[attr]。 例如：下面的例子为求出一个字符串中出现次数最多的题目 方法就是，把每个字符作为一个对象的元素，然后记录其出现的次数。 var str = '0abcdfghadcgdefa', chars, maxTime = 0,
阅读全文
摘要：用时分秒的形式计算未来到现在的倒计时 算法：①将两个时间转化为时间戳进行计算 var now = +new Date(); var inpuTime = +new Date('2021-12-21 18:08'); ②通过parseInt(time / 24 / 60 / 60);//剩下的天数 ③
阅读全文
摘要：JavaScript对象的类型 JavaScript的对象分为3种：自定义对象、内置对象、浏览器对象 前面两种对象是JavaScript的基础内容：第三个浏览器对象将在JS API中讲解。 内置对象就是指JavaScript语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本 而必
阅读全文
摘要：1、我们js引擎运行分为两步：预解析 代码执行 （1）预解析 js引擎会把js里面所写的var 还有function 提升到当前作用域的最前面。 （2）代码执行 按照代码书写的书怒从上往下执行 预解析分为变量预解析（变量提升）和函数预解析（函数提升） （1）变量提升：就是把所有的变量声明提升到当前作
阅读全文
摘要：JavaScript中，arguments实际上踏实当前函数的一个内置对象。所有的函数都内置了一个arguments对象，arguments对象中存储了传递的所有实参。 如图所示： 我们可以知道arguments是一个伪数组，因此可以进行遍历，伪数组具有如下特点： 具有length属性 按照索引方式
阅读全文
浙公网安备 33010602011771号