Javascript
文章平均质量分 73
这是前端基础知识点记录
行之所致
纸上得来终觉浅,绝知此事要躬行。
展开
-
倒计时CountDown类
<script> let start = new Date().getTime() console.log('start: ' + Math.floor(start / 1000)) setInterval(() => { let end = new Date().getTime(); console.log('end: ' + Math.floor(end / 1000)) // console.log(end - start) console.log(M.原创 2021-02-15 13:00:14 · 525 阅读 · 0 评论 -
原生js实现购物车全选/全不选逻辑
博客背景: 由于最近要开发一款电商小程序项目,购物车模块正好要用到这些知识,前来复习一下该功能逻辑。 <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #ccc; } .jdTabContent { width: 600px;原创 2020-08-17 19:52:25 · 857 阅读 · 0 评论 -
window.postMessage
window.postMessage() 方法可以安全地实现跨源通信。只要正确的使用,这种方法就很安全。参考MDN: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage语法发送: otherWindow.postMessage(message, targetOrigin, [transfer]);接收:window.addEventListener("message", receiveMessage, fal原创 2020-07-12 18:54:52 · 2887 阅读 · 0 评论 -
HTML内联框架元素 (「iframe」)
HTML内联框架元素 ( iframe) 表示嵌套的browsing context。它能够将另一个HTML页面嵌入到当前页面中。每个嵌入的浏览上下文(embedded browsing context)都有自己的会话历史记录(session history)和DOM树。包含嵌入内容的浏览上下文称为父级浏览上下文。顶级浏览上下文(没有父级)通常是由 Window 对象表示的浏览器窗口。 <!-- 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面 --> <div原创 2020-07-12 17:30:00 · 865 阅读 · 0 评论 -
Window对象的open()方法
导航和打开窗口Window 接口的 open() 方法,是用指定的名称将指定的资源加载到浏览器上下文(窗口 window ,内嵌框架 iframe 或者标签 tab )。内联框架 iframeHTML内联框架元素 () 表示嵌套的browsing context(浏览器上下文)。它能够将另一个HTML页面嵌入到当前页面中。解释一下:iframe的name属性可以使window.open() 方法的 windowName 参数值。那么通过window.open()方法指定的资源就会加载到iframe原创 2020-07-12 15:47:59 · 1747 阅读 · 0 评论 -
Javascript正则表达式
正则表达式: 正则是一种强大的工具,也是一门语言, 是程序员必备技能。参考《迷你正则表达式》书籍自问自答: 请你简单的描述一下正则表达式答: 正则表达式是一种字符串匹配的模式(pattern),1:要么匹配字符, 要么匹配位置。使用注意: 能用字符串 API 出马的问题, 就不该由正则出马。正则表达式的作用 * 用来检查一个字符串中是否含有某种子串, 也就是说是否匹配...原创 2020-07-09 00:32:37 · 172 阅读 · 0 评论 -
JavascriptDOM事件
事件流:事件流描述的是从页面中接收事件的顺序。IE团队 的事件流是事件冒泡流。而Netscape Communicator 的事件流是事件捕获流。事件捕获:如果你单击了页面中的元素,那么这个 click 事件会按照如下顺序传播(1) document(2) html(3) body(4) div事件冒泡:(1) div(2) body(3) html(4...原创 2020-01-18 15:02:43 · 351 阅读 · 0 评论 -
JavascriptDOM操作页面元素
Document 是window的一个重要属性document.documentElement 获取的DOM节点是html元素document.getElementsByTagName(‘html’)[0] 获取的DOM节点也是html元素document.body 获取的DOM节点是body元素。访问元素的行内样式任何支持 style 特性的 HTML元素在 JavaScript ...原创 2020-01-18 15:27:45 · 1305 阅读 · 0 评论 -
XMLHttpRequest异步对象
XMLHttpRequest 异步对象参考链接: MDN https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX一个成功的响应:有两个条件:1:服务器成功响应了。2:异步对象的响应状态为4。1 xhr.status == 200 可以获取当前服务器的响应状态。2 xhr.readyState == 4。异步对象发送请求给服务器,...原创 2020-01-18 15:43:05 · 418 阅读 · 0 评论 -
浏览器事件循环原理
Javascript为什么是单线程的?浏览器js的作用是操作DOM,这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?任务队列单线程就意味着所有任务需要排队,如果因为任务cpu计算量大还好,但是I/O操作cpu是闲着的。所以js就设计成了一门异步的语言,...原创 2020-01-20 00:48:58 · 450 阅读 · 1 评论 -
JavascriptBOM的核心对象window
Window对象参考 MDN https://developer.mozilla.org/zh-CN/docs/Web/API/Windowwindow 对象表示一个包含DOM文档的窗口,其 document 属性指向窗口中载入的 DOM文档 。使用 document.defaultView 属性可以获取指定文档所在窗口。window作为全局变量,代表了脚本正在运行的窗口,暴露给 J...原创 2020-01-18 14:30:10 · 3052 阅读 · 0 评论