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