随笔分类 - html
摘要：前端设计模式梳理 一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。 二、设
阅读全文
摘要：浏览器 - 重绘(repaint)重排(reflow) 网页生成过程： HTML被HTML解析器解析成DOM 树 css则被css解析器解析成CSSOM 树 结合DOM树和CSSOM树，生成一棵渲染树(Render Tree) 生成布局（flow），即将所有渲染树的所有节点进行平面合成 将布局绘制（
阅读全文
摘要：js - script标签的for属性和event属性 <script language="javascript" for="window" event="onload"> alert("hello word!"); </script> // for 属性指定脚本执行对象（给谁用的） // even
阅读全文
摘要：html_js - event 参考资料 事件属性 鼠标事件 onmouseover和onmouseenter唯一的区别是 onmouseenter 事件不支持冒泡 。 onmouseout和onmouseleave唯一的区别是 onmouseleave 事件不支持冒泡 。 | 事件 | 描述 |
阅读全文
摘要：html_js - 绑定事件获取event 绑定事件获取event 元素绑定事件参数 <!-- 传入参数event 必须是event，e或其他都无法获取PointerEvent --> <div class="player_progress" onclick="clickPlayerProgress
阅读全文
摘要：error - iframe/video 层级过高遮挡弹窗问题 参考资料 如何解决iframe遮挡住页面的遮罩层？ 移动端 video播放器层级过高，遮挡住其他内容 项目案例 问题 优化弹窗被视频遮挡 测试iframe可解决视频遮挡 <!-- 视频iframe --> <iframe ref="ho
阅读全文
摘要：html - input - accept 上传文件类型 在上传文件的时候，需要限制指定的文件类型。 <input type="file" accept="image/*" /> accept表示可以上传文件类型，image表示图片，*表示所有支持的格式。 accept暂时只支持type="file
阅读全文
摘要：iframe 跨域 contentdocument返回null js如何获取跨域iframe 里面content 跨域报错： Blocked a frame with origin "http://xxx.com" from accessing a cross-origin frame 解决 跨域。
阅读全文
摘要：error - html元素中莫名奇妙的1px间距 非 box-sizing 原因，尝试过 上移一像素，第二行又出现此问题 取消 overflow:hidden, 边距没了，但底部圆角被遮盖 给子元素底部也设置圆角，尝试解决圆角被遮盖问题，但无效 发现是背景图片层级权重问题，给图片父容器也添加圆角并
阅读全文
摘要：正则 常见规则 匹配中文字符的正则表达式： [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内)： [^x00-xff] 匹配中文，英文字母和数字及_： ^[\u4e00-\u9fa5_a-zA-Z0-9]+$ validate.js const rules = { eg: { reg:
阅读全文
摘要：html 基本标签 表单类型 描述 请依次写出以下类型的输入框。 类型为密码，默认值为"nowcoder" 类型为复选框，且状态为已勾选 <form> <!-- 补全代码 --> <input type="password" value="nowcoder" /> <br /> <input typ
阅读全文
摘要：js - js运行机制 事件循环 宏任务和微任务 参考链接 简书 掘金 举个栗子 console.log('start') setTimeout(() => { console.log('setTimeout') }, 0) new Promise((resolve) => { console.lo
阅读全文
摘要：window.location.href无效 参数未更改现象 window.location.href所在的函数的那个事件的后面加上return false
阅读全文
摘要：html-cookie what “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” - w3school 从JavaScript的角度看，cookie 就是一些
阅读全文
摘要：HTTP请求中的referrer和Referrer-Policy 什么是referrer 当一个用户点击当前页面中的一个链接，然后跳转到目标页面时，目标页面会收到一个信息，即用户是从哪个源链接跳转过来的。 使用场景 需要控制这个referrer字段的值，即是否让其显示在请求头中，或者是否显示完整路径
阅读全文
摘要：meta 说明 <meta charset="utf-8"> <!-- 设置文档字符编码 --> <meta http-equiv="x-ua-compatible" content="ie=edge"><!-- 告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。 --> <met
阅读全文
摘要：页面跳转 window.parent.location.reload() 让打开这个窗口的父窗口刷新，然后本子窗口关闭！ javascript:history.back() 就是后退啊!和浏览器里面的后退按钮一样！javascript:history.back(-1)就是后退一页 window.lo
阅读全文
摘要：从输入url到页面展示到底发生了什么 |-- 域名解析（获得IP地址） |-- 向WEB服务器发送HTTP请求 |-- 服务器处理请求 |-- 服务器返回HTTP响应 |-- 浏览器显示页面信息 输入地址 当输入url地址后，浏览器已经在智能匹配地址了，会从历史记录、书签或缓存中查找，如果找到了，会
阅读全文
摘要：dns查询 三次握手 http请求 DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束
阅读全文
