摘要:
什么是Sentry? Sentry本质上是一个服务器端的应用程序,它接收来自客户端(如Web应用程序、移动应用程序或后端服务)的错误日志,然后对这些日志进行聚合、分析和可视化。它提供了详细的错误报告,包括堆栈跟踪、发生错误的上下文(如用户信息、设备信息、环境变量等),以及错误发生的频率和趋势。 为什 阅读全文
摘要:
什么是微前端? 微前端是一种前端架构模式,它将一个庞大的前端应用拆分为多个独立、小型的应用,这些小型应用可以独立开发、独立运行、独立部署,但对用户而言,它们仍然是一个统一的整体。这种架构模式主要是为了解决传统单体应用在大型项目中遇到的问题,如代码冗余、开发效率低下、部署风险高等。 为什么要用微前端? 阅读全文
摘要:
五大核心: 模式 production developmentmode: 'development', 入口entry: './src/js/index.js', loader的配置module: {}, plugins的配置plugins: [], 输出output: {}, 开发环境: load 阅读全文
摘要:
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 阅读全文
摘要:
relative: 相对定位 相对于自己本身在正常文档流中的位置进行定位 相对它原来的位置。原来在标准流中的位置继续占有。 absolute: 绝对定位 相对于最近一级定位不为static的父元素进行定位。(子决父相)。 fixed: (老版本IE不支持)固定定位 相对于浏览器窗口或者frame进行 阅读全文
摘要:
基本概念 HTTP(HyperText Transfer Protocol:超文本传输协议)是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法,被用于在 Web 浏览器和网站服务器之间传递信息。 HTTP 默认工作在 TCP 协议 80 端口,用 阅读全文
摘要:
前端浏览器兼容问题总结 前端解决不同浏览器及不同版本的兼容性问题浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。解决方案:CSS里*{margin:0; padding:0;}备注:这个是最常见的也 阅读全文
摘要:
windows常见内置中文字体 字体中文名 字体英文名 宋体 SimSun(浏览器默认) 黑体 SimHei 微软雅黑 Microsoft Yahei 微软正黑体 Microsoft JhengHei 楷体 KaiTi 新宋体 NSimSun 仿宋 FangSong OS X常见内置中文字体 字体中 阅读全文
摘要:
['contextmenu', 'selectstart', 'copy'].forEach(function(ev){ document.addEventListener(ev, function(event){ return event.returnValue = false })}); 阅读全文
摘要:
document.addEventListener('keydown', function(event){ return !( 112 == event.keyCode || //F1 123 == event.keyCode || //F12 event.ctrlKey && 82 == even 阅读全文