会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
入坑的H
博客园
首页
新随笔
联系
订阅
管理
[置顶]
前端稳定性工具-Sentry
摘要: 什么是Sentry? Sentry本质上是一个服务器端的应用程序,它接收来自客户端(如Web应用程序、移动应用程序或后端服务)的错误日志,然后对这些日志进行聚合、分析和可视化。它提供了详细的错误报告,包括堆栈跟踪、发生错误的上下文(如用户信息、设备信息、环境变量等),以及错误发生的频率和趋势。 为什
阅读全文
posted @ 2024-11-15 16:20 入坑的H
阅读(1896)
评论(0)
推荐(0)
[置顶]
简单聊聊微前端
摘要: 什么是微前端? 微前端是一种前端架构模式,它将一个庞大的前端应用拆分为多个独立、小型的应用,这些小型应用可以独立开发、独立运行、独立部署,但对用户而言,它们仍然是一个统一的整体。这种架构模式主要是为了解决传统单体应用在大型项目中遇到的问题,如代码冗余、开发效率低下、部署风险高等。 为什么要用微前端?
阅读全文
posted @ 2024-11-12 19:38 入坑的H
阅读(1763)
评论(0)
推荐(0)
[置顶]
webpack 0-1 配置 以及 (性能优化)
摘要: 五大核心: 模式 production developmentmode: 'development', 入口entry: './src/js/index.js', loader的配置module: {}, plugins的配置plugins: [], 输出output: {}, 开发环境: load
阅读全文
posted @ 2021-06-03 11:44 入坑的H
阅读(118)
评论(0)
推荐(0)
2022年6月7日
js中的数组去重的多种方法
摘要: 1. indexOf()方法 const arr = [1,2,3,4,5,1,2,3,4,6,1,1,6,6,7,5,8] const newArr = [] arr.forEach(item => { if(newArr.indexOf( item ) -1){ newArr.push( ite
阅读全文
posted @ 2022-06-07 08:22 入坑的H
阅读(86)
评论(0)
推荐(0)
position 的值, relative 和 absolute 分别是相对于谁进行定位的?
摘要: relative: 相对定位 相对于自己本身在正常文档流中的位置进行定位 相对它原来的位置。原来在标准流中的位置继续占有。 absolute: 绝对定位 相对于最近一级定位不为static的父元素进行定位。(子决父相)。 fixed: (老版本IE不支持)固定定位 相对于浏览器窗口或者frame进行
阅读全文
posted @ 2022-06-07 08:11 入坑的H
阅读(953)
评论(0)
推荐(0)
HTTP 与 HTTPS 的区别
摘要: 基本概念 HTTP(HyperText Transfer Protocol:超文本传输协议)是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法,被用于在 Web 浏览器和网站服务器之间传递信息。 HTTP 默认工作在 TCP 协议 80 端口,用
阅读全文
posted @ 2022-06-07 08:01 入坑的H
阅读(187)
评论(0)
推荐(0)
2020年4月13日
前端浏览器兼容问题总结
摘要: 前端浏览器兼容问题总结 前端解决不同浏览器及不同版本的兼容性问题浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。解决方案:CSS里*{margin:0; padding:0;}备注:这个是最常见的也
阅读全文
posted @ 2020-04-13 17:29 入坑的H
阅读(768)
评论(0)
推荐(0)
CSS font-family 字体名称一览表
摘要: windows常见内置中文字体 字体中文名 字体英文名 宋体 SimSun(浏览器默认) 黑体 SimHei 微软雅黑 Microsoft Yahei 微软正黑体 Microsoft JhengHei 楷体 KaiTi 新宋体 NSimSun 仿宋 FangSong OS X常见内置中文字体 字体中
阅读全文
posted @ 2020-04-13 17:06 入坑的H
阅读(1439)
评论(0)
推荐(0)
2020年1月19日
禁止右键、选择、复制
摘要: ['contextmenu', 'selectstart', 'copy'].forEach(function(ev){ document.addEventListener(ev, function(event){ return event.returnValue = false })});
阅读全文
posted @ 2020-01-19 15:59 入坑的H
阅读(129)
评论(0)
推荐(0)
禁止某些键盘事件
摘要: document.addEventListener('keydown', function(event){ return !( 112 == event.keyCode || //F1 123 == event.keyCode || //F12 event.ctrlKey && 82 == even
阅读全文
posted @ 2020-01-19 15:56 入坑的H
阅读(275)
评论(0)
推荐(0)
下一页
公告