02 2022 档案
摘要:var arr = [1, 2, 3]; console.log(arr.length); //3 delete arr[1]; console.log(arr.length); //3 从上例可以发现,delete 运算符并不是彻底删除元素,而是删除它的值,但仍会保留空间。 查询运算符 delet
阅读全文
摘要:通过使用Web Workers,Web应用程序可以在独立于主线程的后台线程中,运行一个脚本操作。这样做的好处是可以在独立线程中执行费时的处理任务,从而允许主线程(通常是UI线程)不会因此被阻塞/放慢。 创建 Worker 对象 let worker = new Worker(jsUrl, optio
阅读全文
摘要:Web Storage API 是一种用于在浏览器中存储和检索数据的简单语法。 window.localStorage localStorage 对象: 允许在 Web 浏览器中保存键/值对。 存储没有到期日期的数据。浏览器关闭时数据不会被删除。 语法: 返回存储在 Storage 对象中的数据项数
阅读全文
摘要:Web History API 提供了访问 windows.history 对象的简单方法。 方法 描述 back() 加载历史列表中的上一个 URL。 forward() 加载历史列表中的下一个 URL。 go(num|URL) 从历史列表中加载特定的 URL。
阅读全文
摘要:约束验证 DOM 方法 属性 描述 checkValidity() 如果 input 元素包含有效数据,则返回 true。 setCustomValidity() 设置 input 元素的 validationMessage 属性。 约束验证 DOM 属性 属性 描述 validity 包含与输入元
阅读全文
摘要:Cookie 让您在网页中存储用户信息。 该随笔将讲述如何在 JavaScript 中使用 cookie。 JavaScript 可以用 document.cookie 属性创建、读取、删除 cookie。 Cookie 保存在名称值对中 cookieName=cookieValue 当浏览器从服务
阅读全文
摘要:JavaScript 有三种类型的弹出框:警告框、确认框和提示框。 注:以下语法都可以不带 window 前缀来编写。 警告框 语法: window.alert("text"); 举例: alert("这是一个警告框!") 当警告框弹出时,用户将需要单击“确定”来继续。 确认框 语法: window
阅读全文
摘要:HTML DOM 是 HTML 的标准对象模型和编程接口。 通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM模型被结构化为对象树: 通过这个对象模
阅读全文
摘要:在传统的单线程编程中,任务也就是函数,按照被调用的顺序执行。一次只能完成只能完成一件任务,后一件任务必须等待前一件任务的完成才能执行。 但这种单线程的模式会带来隐患,假如有一个耗时长的任务,例如网络请求,那么后面的任务都要等待这个任务完成,这拖慢了整个程序的执行。或者有一个死循环任务,那么其他任务也
阅读全文
摘要:这三个方法都是预定义的JavaScript方法,通过指定对象方法的上下文(this),从而使别的对象也能使用自己定义的对象方法: let person = { getOccup: function() { console.log(this.occupation); } }; let student
阅读全文
摘要:该随笔是一篇关于 JS 对象学习笔记,学习网站是w3school。 有些地方感觉不够具体,所以添加了些细节,辅助笔者进一步理解。 创建 JS 对象 对象文字方法 最简答的方法(推荐) 通过一对花括号包含的名称:值对集合创建对象。 var person = { name: "Xiao Ming", g
阅读全文
摘要:方法重载是根据形参的数量、类型不同而调用相应的同名方法。 JavaScript 方法本身是不存在方法重载的,后一个方法会覆盖前面的同名方法: function fun() { return 1; } function fun(param) { return 2; } fun(); //2 fun(0
阅读全文
摘要:声明 声明:--variable-name: variable-value; 变量的值可以是颜色、字符串、多个值的组合等: :root { --body-color: #fff; --body-bg: rgba(255,255,255,0.8); --p-font-size: 1rem; --p-p
阅读全文
摘要:响应式 Web 设计让你的网页能在所有设备上有好显示。 响应式 Web 设计只使用 HTML 和 CSS。 响应式 Web 设计不是一个程序或 Javascript 脚本。 以下内容学习自菜鸟教程 Viewport viewport 是用户网页的可视区域。 手机浏览器是把页面放在一个虚拟的"窗口"(
阅读全文
摘要:学习网站 以下内容均摘抄自该网站 CSS 介绍 CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素。 CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性
阅读全文