星辰ꦿ.大海

2020年9月29日

摘要： 1. client概述 client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 2. 淘宝 flexible.js 源码分析立即执行函数 (function(){})() 或阅读全文

posted @ 2020-09-29 11:44 星辰ꦿ.大海阅读(144) 评论(0) 推荐(0) 编辑

元素偏移量 offset 系列

摘要： 1. offset 概述 offset 翻译过来就是偏移量，我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置，如果父级元素都没有定位，则以body位置为准获得元素自身的大小（宽度高度）注意：返回的数值都不带单位 2. offset 阅读全文

posted @ 2020-09-29 11:43 星辰ꦿ.大海阅读(422) 评论(0) 推荐(0) 编辑

2020年9月26日

JS执行机制

摘要：以下代码执行的结果是什么？ console.log(1); setTimeout(function () { console.log(3); }, 1000); console.log(2);//结果为 1 2 3 以下代码执行的结果是什么？ console.log(1); setTimeout(f 阅读全文

posted @ 2020-09-26 18:06 星辰ꦿ.大海阅读(106) 评论(0) 推荐(0) 编辑

BOM

摘要： 1. 什么是BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的标准化组织是 EC 阅读全文

posted @ 2020-09-26 17:58 星辰ꦿ.大海阅读(175) 评论(0) 推荐(0) 编辑

2020年9月23日

常用键盘事件

摘要： 1. 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress 按键按下的时候触发不能识别阅读全文

posted @ 2020-09-23 15:31 星辰ꦿ.大海阅读(469) 评论(0) 推荐(0) 编辑

2020年9月21日

常用鼠标事件

摘要：常用鼠标事件 1 、案例：禁止选中文字和禁止右键菜单 <body> 我是一段不愿意分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 document.addEventListener('contextmenu', function(e) { // prevent 阅读全文

posted @ 2020-09-21 23:35 星辰ꦿ.大海阅读(213) 评论(0) 推荐(0) 编辑

事件高级

摘要： 1、注册事件（2种方式） 2、事件监听 addEventListener()事件监听（IE9以后支持） eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget（目标对象）上，当该对象触发指定的事件时，就会执行事件处理函数。该方法接收三个参数: 阅读全文

posted @ 2020-09-21 23:29 星辰ꦿ.大海阅读(207) 评论(0) 推荐(0) 编辑

DOM的核心总结

摘要： 1、创建元素的三种方式 document.write () element.innerHTML document.createElement () 区别 document.write直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘 innerHTML 是将内容写入某个DOM节点阅读全文

posted @ 2020-09-21 16:41 星辰ꦿ.大海阅读(247) 评论(0) 推荐(0) 编辑

节点操作

摘要： 1.1. 节点概述为什么学节点操作网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。 HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。一般地，节点至少拥有nodeT 阅读全文

posted @ 2020-09-21 15:17 星辰ꦿ.大海阅读(221) 评论(0) 推荐(0) 编辑

自定义属性操作

摘要： 1.1 获取属性值 <div id="demo" index="1" class="nav"></div> <script> var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(d 阅读全文

posted @ 2020-09-21 15:04 星辰ꦿ.大海阅读(255) 评论(0) 推荐(0) 编辑

公告