浏览器
关注
分享
扫一扫
绝世唐门三哥
改变世界的程序猿@三哥
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
URL---history和hash模式的区别
前端路由的核心实现有Hash和History两种模式：Hash模式利用URL的#锚点特性，通过监听hashchange事件实现无刷新视图切换，兼容性好但会与原生锚点冲突；History模式基于HTML5的pushState/replaceState API，URL更简洁但需要服务器配合，仅支持现代浏览器。两种模式在URL格式、兼容性、服务器请求行为等方面存在显著差异，开发者需根据项目需求选择合适方案。原创 2025-12-09 17:19:45 · 525 阅读 · 0 评论 -
性能优化--- iframe阻塞页面渲染的问题，如何优化？
提前加载iframe的内容，可以通过设置iframe元素的src属性为一个空白页面或一个预加载页面，当需要显示iframe时再修改src属性为真正需要加载的页面。将iframe的内容分成多个片段，可以将每个片段作为独立的iframe加载，这样即使其中一个片段加载慢或发生错误，不会影响其他片段的加载。中的内容在父页面的其他内容之前下载完成，这将导致父页面的其他内容被延迟显示，从而阻塞页面的加载。的内容同时加载可能会对用户的设备产生显著的性能影响，从而阻塞页面的加载。的内容完全加载，父页面的渲染才能继续。原创 2024-07-09 15:37:14 · 1916 阅读 · 0 评论 -
兼容性问题---H5屏幕适配方案
这些计量单位可以用来设置元素的宽度、高度、字体大小、边距、内边距等各种样式属性。使用合适的计量单位可以提高网页的响应性和灵活性，并确保在不同设备和屏幕尺寸上都有良好的显示效果。实现方式为：动态设置页面根元素大小，同时配合postcss-pxtorem插件pxtorem自动转换插件；第二步：配合px自动转rem的插件：postcss-pxtorem。：使用媒体对象@media根据屏幕的宽度设置不同的根元素大小。第一步：动态设置页面根元素大小。使用js动态设置根元素大小。原创 2024-07-09 15:20:07 · 1566 阅读 · 0 评论 -
JavaScript---VConsole插件配置使用，一步到位简单实用！
个人喜欢BootCDN这个平台（直接在线引用或者下载本地引入均可~）3. 实例化该插件，直接默认浏览器打开即可看到。原创 2024-03-12 15:13:28 · 1674 阅读 · 0 评论 -
JavaScript---常用的鼠标事件mouseover 和mouseenter的区别
当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。2、mouseenter和mouseleave 事件不会冒泡，依旧是说鼠标移入、移出时，该元素的子元素或父元素不会触发该事件。1、mouseover和mouseout会有事件冒泡，也就是说鼠标移入、移出当前元素的子元素或父元素时都会触发该事件。：与事件捕获恰恰相反，事件冒泡顺序是由内到外进行事件传播，直到根节点。false：冒泡阶段。原创 2023-01-04 10:47:45 · 2619 阅读 · 0 评论 -
浏览器---reset.css浏览器默认样式表重置（user agent stylesheet）
当你在浏览器控制台查看对应元素的样式的时候，会发现一些样式标有(user agent stylesheet),同时不能修改，那就表明该样式是浏览器自身对元素的设置样式，即浏览器默认样式表；当然不同浏览器之间的默认样式会有出入，同时相同浏览器的不同版本之间也会有细微差别！一般推荐使用normalize.css，不会初始化掉基础的元素样式！这里附上PC和APP端的相应reset.css样式表。APP端初始化样式表。原创 2022-12-02 15:30:30 · 7339 阅读 · 2 评论 -
浏览器---chrome 高级调试技巧汇总（后期继续添加）
decodeURIComponent(ody中的参数，即可转义为正)2.post请求修改body里面的参数，可能需要适当的转换。这里修改参数是分两种情况get请求和post请求。4.控制台获取Elements面板选中的元素。1.get请求直接修改url上的拼接参数。10.$i直接在控制台安装npm包。3.复制JavaScript变量。7.控制台引用上一次执行的结果。9."$"和"$$"选择器。2.在控制台快速发起请求。5.截取一张全屏的网页。1.一键重新发起请求。.....................原创 2022-07-26 15:27:52 · 10222 阅读 · 2 评论 -
CSS---Chrome 102：新增两个 HTML 属性（-^-）
hidden=until-foundinsert原创 2022-07-08 10:57:41 · 412 阅读 · 0 评论 -
layui---Refused to apply style from ‘layui.css‘ because its MIME type (‘text/html‘) is not a support
不用怀疑自己，提示哪个文件就是说这个文件路径不对：两种情况：第一种：确实路径问题第二种：路径本地能访问，但是vue服务启动提示报错访问不了解决方案：第一种：直接修改为正确路径即可第二种：就是你项目目录根目录外还有一层目录，导致vscode等编码器误解；要不就是项目单独取出来去运行，要不就是采用cdn方式去引入！......原创 2022-07-12 15:22:59 · 913 阅读 · 1 评论 -
获取cookie中某个属性的值 || 设置cookie对应属性HttpOnly,samesite,Secure
先聊聊获取cookie后去空格:在我另一篇文章中之后直接来代码:var user_cookie = getCookie2('userName'); //调用 注意：cookie名要加引号才行 $('#userName').val(user_cookie) //赋值 function getCookie2(name){ va...原创 2019-05-16 13:16:58 · 3355 阅读 · 0 评论 -
URL------处理url字符串拼接方法new URLSearchParams()和new URL()
new URL()创建并返回一个URL对象，该URL对象引用使用绝对URL字符串，相对URL字符串和基本URL字符串指定的URL使用方式：new URL(‘url路径’)let url = newURL('http:www.aa.com/cc/gogs#system?rolename=coco')属性如下：hash:包含'#'的USVString，后跟URL的片段标识符。host:一个USVString，其中包含域（即主机名），后跟（如果指定了端口）“：”和URL的端口hostname:原创 2020-11-13 11:13:00 · 3958 阅读 · 1 评论 -
浏览器------判断当前设备的属性通用js，引入调用即可
通用方法代码如下：var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器 var isEdge = userAgent.indexOf("Edge") > -1 && !isIE;原创 2020-11-13 10:15:26 · 362 阅读 · 0 评论 -
常用状态码罗列（参考知识点）
状态码具有代表性的 14 个状态码。当 301、302、303 响应状态码返回时，几乎所有的浏览器都会把POST 改成GET，并删除请求报文内的主体，之后请求会自动再次发送。301、302 标准是禁止将 POST方法改变成 GET方法的，但实际使用时大家都会这么做。2XX 请求成功（2XX的响应结果表明请求被正常处理了。）200 OK : （请求成功的状态码）表示从客户端发来的请求被服务端正确处理了；204 No Content : （无资源返回的成功状态码）请求成功，但没有原创 2020-07-07 11:40:59 · 574 阅读 · 0 评论 -
JavaScript---获取浏览器状态：设置页面全屏或退出全屏！！！（复制粘贴即可）
直接上代码~~~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>是否全屏</title> <style> *{ margin: 0; padding: 0; } body{ background-color: rgba(0,0,0,0.75); }原创 2020-06-30 15:49:09 · 1100 阅读 · 2 评论 -
浏览器 ------ 获取url 中字段
第一种：?id=123&a=user 在网址中的那个位置都可以/* * * 解析网址字符串 * @example ?id=123&a=user * @return Object {id:123,a:user} */export function urlParse() { let url = window.location.search; let urlObj...原创 2019-10-09 14:33:04 · 1125 阅读 · 0 评论 -
浏览器------内核介绍~~~~~~~~~~~很全的吧
内核如下: Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML] Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等 Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;] Webkit内核：Safari,Chrome等。 ...原创 2019-06-24 11:22:10 · 372 阅读 · 0 评论 -
浏览器------一段代码,简单获取各个浏览器 版本号 和 内核(超实用,复制即可使用)
代码如下:function getBrowserVersion(){ var agent = navigator.userAgent.toLowerCase(); var arr=[]; var Browser=""; var Bversion=""; var verinNum=""; //IE if(agent.indexOf("msie") &...原创 2019-06-24 10:35:55 · 1295 阅读 · 0 评论