摘要：
💡:详细文档请查看 jQuery API 中文文档 入口函数 $(function(){ }) 1.等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成, jQuery帮我们完成了封装。 2.相当于原生js中的DOMContentl oaded. 3.不同于原生js中的load事件 阅读全文
posted @ 2022-05-27 23:00
秋弦
阅读(42)
评论(0)
推荐(0)
摘要：
Canvas学习与使用 <canvas> 是 HTML5 新增的，一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 <canvas> 只有两个可选的属性 width、heig 阅读全文
posted @ 2022-05-17 23:17
秋弦
阅读(104)
评论(0)
推荐(0)
摘要：
正则表达式的创建 一、创建正则表达式对象 语法：let 变量 = new RegExp( '正则表达式'，'匹配模式' ) 注意：在正则表达式中可以传递一个匹配模式作为第二个参数 分别是： i 忽略大小写 g 全局模式匹配 let reg = new RegExp('a','i'); let str 阅读全文
posted @ 2022-05-04 12:30
秋弦
阅读(73)
评论(0)
推荐(0)
摘要：
元素偏移值offset系列属性 offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值不带单位 offset系列常用属性： offset与style的区别 阅读全文
posted @ 2022-04-30 12:35
秋弦
阅读(76)
评论(0)
推荐(0)
摘要：
什么是flexible.js lexible.js是手淘开发出的一个用来适配移动端的js框架。手淘框架的核心原理就是根据制不同的width给网页中html根节点设置不同的font-size，然后所有的px都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。其实它就是一个终端设备适配的解决 阅读全文
posted @ 2022-04-29 23:06
秋弦
阅读(1004)
评论(0)
推荐(0)
摘要：
立即执行函数 不需要调用，立马就能自己执行的函数 语法格式 (function() {})() 或者 (function(){}()) 写法 // 1. 正常函数写法 function fn() { console.log('hello world'); } fn(); // 2. 立即执行函数 写 阅读全文
posted @ 2022-04-29 22:42
秋弦
阅读(33)
评论(0)
推荐(0)
摘要：
普通函数 语法格式：function(){} 箭头函数 语法格式：() => {} ()中定义参数，如果只有一个参数，可以不写括号 {}中写函数体，如果函数体中只有返回值，可以不写return Demo01普通函数： 创建一个对象，输出姓名，此时内容是正确输出的 let obj={ name:'小明 阅读全文
posted @ 2022-04-27 23:36
秋弦
阅读(38)
评论(0)
推荐(0)
摘要：
JS是单线程 JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。这是因为Javascript这门脚本语言诞生的使命所致一JavaScript 是为处理页面中用户的交互,以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作,不能同时进行。应该先进行添加,之后 阅读全文
posted @ 2022-04-25 22:53
秋弦
阅读(40)
评论(0)
推荐(0)
摘要：
location对象 什么是location对象 window对象给我们提供了一个location属性用于获取或设置窗体的URL ,并且可以用于解析URL。因为这个属性返回的是一个对象,所以我们将这个属性也称为location对象。 什么是URL 统一资源定位符(Uniform Resource L 阅读全文
posted @ 2022-04-25 22:43
秋弦
阅读(54)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 300px; height: 100px; line-height: 100px; text-align: center 阅读全文
posted @ 2022-04-25 21:33
秋弦
阅读(1193)
评论(0)
推荐(0)
摘要：
this只有在函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象 全局作用域或者普通函数中this指向全局对象window,（注意定时器里面的this指向window） console.log(this); // 指向window全局对象 function f 阅读全文
posted @ 2022-04-25 17:04
秋弦
阅读(28)
评论(0)
推荐(0)
摘要：
💚获取元素的坐标位置 clientX clientY : 事件触发时, 鼠标相当于浏览器窗口(坐标原点)的偏移值 pageX pageY : 事件触发时,鼠标相当于文档坐标原点的偏移值 offsetX offsetY : 事件触发时,鼠标相对于事件源对象的偏移值 screenX screenY : 阅读全文
posted @ 2022-04-24 17:12
秋弦
阅读(112)
评论(0)
推荐(0)
摘要：
注册事件（绑定事件） 给元素添加事件，称为注册事件或者绑定事件 注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式 利用on开头的事件 onclick <button onclick = 'alert("hi~")'></button> btn.onclick = function(){} 阅读全文
posted @ 2022-04-23 23:15
秋弦
阅读(69)
评论(0)
推荐(0)
摘要：
三种动态创建元素的区别 docment.write( ) element.innerHTML docment.createElement( ) 区别 docment.write( ) 是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘 innerHTML 是将内容写入某个DOM 阅读全文
posted @ 2022-04-18 21:53
秋弦
阅读(29)
评论(0)
推荐(0)
摘要：
节点操作 利用节点层级关系获取元素 网页中所有内容(标签，属性，文本，注释)都是节点，节点使用node 来表示 利用父子兄节点关系获取元素 逻辑性强，但是兼容相差 节点至少有nodeType(节点类型)，nodeName(节点名称)和nodeValue(节点值)这三个基本属性 元素节点 nodeTy 阅读全文
posted @ 2022-04-18 21:02
秋弦
阅读(151)
评论(0)
推荐(0)
浙公网安备 33010602011771号