流浪のwolf

卷帝

导航

2022年7月25日

简述 JavaScript脚本的执行原理?

摘要: js 是一种动态 、 弱类型 、 基于原型的语言 ,通过浏览器可以直接执行; 当浏览器遇到 <script></script>标记时 , 会执行标记之间的js 代码;然后js 是一边编译一边执行 阅读全文

posted @ 2022-07-25 20:14 流浪のwolf 阅读(154) 评论(0) 推荐(0) 编辑

2022年7月23日

什么是 js 事件循环 event loop

摘要: 知识储备 : js 的执行 机制 js 的底层执行机制 : 对于 js 代码 分为了同步 和 异步 代码 ,异步代码 较少比如:setInterval setTimeout 等(不会超过10 个) 其余都是同步代码 ;当一个js 代码既有同步又有异步代码 ,js 引擎只会执行同步代码 , js 引擎 阅读全文

posted @ 2022-07-23 13:59 流浪のwolf 阅读(63) 评论(0) 推荐(0) 编辑

DOM 操作的常用 API 有哪些 ?

摘要: DOM 操作的常用 API 就是DOM 通过API (接口)获取页面(html)元素; 1. 节点查询 API 1.1 document.querySelector() 选择第一个匹配的元素 1.2 document.querySelectorAll() 选择所有的匹配元素 2. 节点关系 API 阅读全文

posted @ 2022-07-23 13:31 流浪のwolf 阅读(512) 评论(0) 推荐(0) 编辑

什么是 DOM

摘要: 百度: DOM 定义:文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容 ; 通过dom来操作页面中的元素。当html页面被实现加载的时候 阅读全文

posted @ 2022-07-23 13:06 流浪のwolf 阅读(334) 评论(0) 推荐(0) 编辑

2022年7月21日

对语义化的理解

摘要: 1. 去掉或样式丢失的时候能让页面呈现清晰的结构; 2. 有利于SEO的优化 ,提升搜索引擎的排名 3. 方便其它设备解析 , 设备根据语义标签渲染页面 4. 方便团队开发和维护 ,语义化标签增加了可读性 , 结构更加清晰 ,减少差异化 常见的语义化标签: header 头部 nav 导航 main 阅读全文

posted @ 2022-07-21 20:46 流浪のwolf 阅读(38) 评论(0) 推荐(0) 编辑

如何区分数组 和 对象?待修改

摘要: 说明:数组是对象的一种形式 对象是包含属性 和 方法的集合 数组是只包含属性的对象 函数是只包含方法的对象 方法一:Array.isArray(parm) isArray返回值是布尔类型的 如果传进来的parm是数组,返回true,如果不是数组,则返回false; const arr = [] // 阅读全文

posted @ 2022-07-21 08:41 流浪のwolf 阅读(60) 评论(0) 推荐(0) 编辑

2022年7月20日

如和给一个元素(按钮) 绑定2个事件 ?

摘要: addEventListener(event,function,useCapture)不会覆盖 <script> const btn = document.querySelector('button') function fn1() { alert('第一次') } function fn2() { 阅读全文

posted @ 2022-07-20 21:42 流浪のwolf 阅读(241) 评论(0) 推荐(0) 编辑

src 和 href 的区别?

摘要: src:都是引用资源 src:指向外部资源的位置 , 当浏览器解析到此元素时,会暂停其它资源的下载和处理 , 直到将该资源加载 , 编译 , 执行完毕 ,相当于将资源嵌入到文档中当前元素的所在的位置;source :源代码 所以js文件放到后面加载 href: 超文本引用 hyperText ref 阅读全文

posted @ 2022-07-20 21:32 流浪のwolf 阅读(18) 评论(0) 推荐(0) 编辑

javaScript遍历对象总结

摘要: 定义对象: const obj = { name: 'zlx', id: 245, age: 25, gender: '男', } 1. 使用 for... in..循环遍历 对象的属性有2种方式可以访问 a)对象.属性名 b)对象.["属性名"] for (let inx in obj) { co 阅读全文

posted @ 2022-07-20 21:14 流浪のwolf 阅读(51) 评论(0) 推荐(0) 编辑

倒计时

摘要: 1. 基本框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" 阅读全文

posted @ 2022-07-20 20:20 流浪のwolf 阅读(10) 评论(0) 推荐(0) 编辑