流浪のwolf

卷帝

导航

2022年7月30日

style 标签写在body 前后的区别?

摘要: 知识储备:了解浏览器渲染页面的流程 a)首先 , 解析(parse)html 标签 , 获取DOM 树 b)解析html 的同时 , 解析css , 获得样式规则 (style rules) CSSOM树 c)根据DOM 树 和 样式规则 ,生成渲染树 render tree d)根据 render 阅读全文

posted @ 2022-07-30 17:11 流浪のwolf 阅读(176) 评论(0) 推荐(0) 编辑

js 中必须加分号的位置集合

摘要: 1. 匿名函数(自执行函数)(function (){}()) 2. 解析赋值 2 个变量交换位置 阅读全文

posted @ 2022-07-30 12:50 流浪のwolf 阅读(43) 评论(0) 推荐(0) 编辑

localStorage 、 sessionStoarge 和 cokies 的区别

摘要: 1. 三者的概念 1.1 cookies Cookie,有时也用其复数形式 Cookies。类型为“小型文本文件”,是某些网站为了辨别用户身份,进行Session(会话)跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息;cookie可以跨越一个域名下的多个网页 阅读全文

posted @ 2022-07-30 12:29 流浪のwolf 阅读(56) 评论(0) 推荐(0) 编辑

2022年7月29日

函数提升 和 变量提升的区别

摘要: 注意:函数提升的优先级大于变量提升的优先级,即函数提升在变量提升的前面 1. 变量提升 使用var 定义的变量才有变量提升的现象 ,把所有 var 声明的变量提升到当前作用域的最前面;只提升声明 ,不提升赋值; <script> // var num var定义的变量提升 注意:只会提升声明 , 不 阅读全文

posted @ 2022-07-29 21:23 流浪のwolf 阅读(190) 评论(0) 推荐(0) 编辑

什么是事件冒泡 , 如何阻止事件冒泡

摘要: 1. 事件冒泡 在某一个对象(标签)上触发某个事件 , 如果这个对象的事件有对应的事件处理程序 , 那么事件就会调用这个处理程序;如果没有就会向父级元素查找是否有相同的事件触发,从内到外 , 直到有对应事件的处理程序执行就会停止; 2. 阻止冒泡 2.1 return false 2.2 e.sto 阅读全文

posted @ 2022-07-29 19:22 流浪のwolf 阅读(152) 评论(0) 推荐(0) 编辑

2022年7月28日

js 中什么情况下返回 undefined 值

摘要: 1. 声明变量没有赋值 <script> let num console.log(num) //undefined </script> 2. 访问不存在的属性 <script> const arr = [1, 2, 4] console.log(arr[9]) //undefined const o 阅读全文

posted @ 2022-07-28 21:48 流浪のwolf 阅读(106) 评论(0) 推荐(0) 编辑

宿主对象 和 原生对象的区别

摘要: 原生对象包括内置对象(JavaScript引擎初始化时就被创建好的对象)和本地对象(JavaScript运行过程中动态创建的对象),本地对象定义为独立于‘宿主环境’的ESCMAScript实现提供的对象,包括Object、Function、Array、String、Boolean、Number、Da 阅读全文

posted @ 2022-07-28 21:34 流浪のwolf 阅读(101) 评论(0) 推荐(0) 编辑

2022年7月26日

jQuery的$(document).ready(function(){}) 和 原生 js 的load 等待加载事件有什么不同

摘要: jQuery 的 $(function (){}) 函数入口需要等待 DOM 结构绘制完成才会执行 , 不用等待外部资源加载完毕 和原生js 的 DOMContentLoaded 类似 , 2 者 的执行时间 都要比load 事件要早; 原生的js 的laod 加载必须等待 页面 、 外部资源包括 阅读全文

posted @ 2022-07-26 16:54 流浪のwolf 阅读(123) 评论(0) 推荐(0) 编辑

2022年7月25日

创建函数的几种方式

摘要: 💬 函数声明 <script> function add(num1, num2) { return num1 + num2 } console.log(add(10, 10)) // 20 </script> 💬 函数表达式 <script> const add = function (num1 阅读全文

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

如何判断 js 的数据类型

摘要: 📚 js 数据类型 一共 7 种 undefined 、 null 、 number 、 string 、 boolean 、object 、 symbol 其中 object 可以细分 位 数组对象 、 函数对象 等 🎯 判断方法 ⭐️ typeof <script> console.log( 阅读全文

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