加载中
多应用聚合实践

iframe 在企业中,各个研发部门往往各自开发自己的应用。当需要把这些应用聚合在一起时。以往的解决方案是在主应用中嵌入 iframe,使用 iframe 加载和切换子应用页面。 这种做法有几个缺点:...

2023/03/31 16:53
513
什么是serverless?

serverless 字面意思为无服务状态,对于刚接触这个概念的同学可能会误解,“没有服务,那数据存在哪里呢”? 其实这个无服务讲的并不是没有后端服务和服务器,而是指业务开发方不需要关心服务...

2023/03/10 11:12
35
什么是stateless组件?

对于react来说,就是组件内不保存任何state的组件。 第一种是只负责渲染的视图组件,如 function Hello() { return ( <h1>Hello World</h1> ); } 第二种是装饰器,它负责从...

2023/03/10 10:40
41
绕过safari阻止window.open打开窗口

safari基于安全策略,会默认阻止使用window.open打开新窗口。 解决办法,套一个延时定时器 const timeoutId = setTimeout( () => { window.open(url); clearTimeout(timeoutId); }, ......

2022/11/17 15:28
353
display: none、visibility: hidden和opacity: 0的区别

是否脱离文档流 display: none:元素将脱离文档流,不占据原来的空间,会引起页面的重排 visibility: hidden:不会脱离文档流,元素不可见仍然占据原来的位置 opacity: 0:不会脱离文档流,元...

2022/08/30 12:39
86
如何避免用户通过浏览器控制台查看页面资源

代码如下,复制到全局作用域即可用 const ConsoleGuard = { // 该方法用于跳转空白页面 openCallback() { try { window.open('about:blank', '_self'); } catch (e......

2022/08/11 23:25
542
浏览器内核

浏览器内核 浏览器内核 负责解析和执行网页代码,主要包括绘制页面和处理 JS 两个方面。 绘制网页 浏览器在拿到一段页面代码后, 当遇到 HTML 时,会将其解析为 DOM 树 当遇到 CSS 时,会将其...

2022/08/08 16:56
116
宏观泛前端

Web 发展 从静态走向动态 Web 诞生 最早的网页是欧洲粒子物理研究所的科学家为了方便查看和共享文档,而基于 XML(Extensible Markup Language) 创造的,这也是为什么前端最重要的全局对象被...

2022/08/08 16:05
71
如何配置npm publish的文件和目录?

.gitignore .gitignore 配置的文件不仅会在git中忽略,也会在npm publish时被忽略。 .npmignore .npmignore 可以用于设置npm publish时忽略的文件范围。若同时存在.gitignore和.npmignore,只...

2022/07/21 14:07
2.1K
npm是如何执行scripts中命令的?

过去一直有一个疑问,为什么我在命令行运行 npm start,可以正常启动 webpack,而直接使用 craco start 不行? 后半句很好理解,直接使用 craco start 会从系统的环境变量 $PATH 中查找 crac...

Web前端实现锚点功能的三种方式

一、hash 这种方式非常简单,给待跳转元素添加 id,之后修改 window.location 即可,用法如 当需要跳转时可调用 window.location='#root'; // window.location.href='#root'; // window.......

2022/07/03 18:07
1.7K
commit规范

使用 git 管理的代码库,若在提交时能保持一定的格式,则能使维护者一眼看懂每次提交的目的和含义。除了注释之外,我们还可以在提交时加一些标识进行说明。 如 (): 其中: type 可选: ......

2022/07/03 13:36
40
vscode自动添加文件头部注释

在vscode拓展中搜索 koroFileHeader。 安装完成后点击小齿轮,进入拓展设置,在 settings.json 中添加以下配置: "fileheader.configObj": { "autoAdd": true, //自动生成注释 "annotationS...

2021/12/20 15:16
728
原生CSS实现单行多余省略和多行多余省略

在日常开发中,经常会遇到一些省略文本的需求,比如“文本在一行显示,超出部分在结尾用省略号显示”、“最多显示三行,超出部分在第三行末尾用省略号显示”。 这些需求用纯CSS即可实现。 代...

# Sass速通(四):继承、混合与函数

在 Sass 中,我们可以使用继承、混合和函数来复用一些 CSS 样式和功能。 继承 @extend 继承使用 @extend 指令实现,如 .error { border: 1px solid red; background-color: #fdd; } .seriou....

Sass速通(三):判断与循环

Sass 为样式书写引入了结构化编程方案,允许我们在 CSS 原有的顺序结构之外书写判断和循环结构。 判断 在 Sass 中,我们可以使用 @if、@else if、@else 来书写条件语句。 $bool1: true; $boo...

2021/09/23 17:31
203
Sass速通(二):嵌套与作用域

Sass 提供了嵌套的书写方式,用以简化选择器的书写,同时也带来了“作用域”。 嵌套 选择器嵌套 在 Sass 中,可以在父选择器中写子选择器,以嵌套的形式来表达关联的关系,这样做可以减少我们...

2021/09/23 16:01
95
Sass速通(一):变量与运算

Sass 是一种 CSS 的预编译语言,预编译指在使用前需要先把它编译为 CSS,然后再交给浏览器执行。 Sass 中的变量提供了数据复用的方式,声明的变量可以用于选择器、属性和属性值等各种地方。一...

2021/09/23 16:00
399

没有更多内容

加载失败,请刷新页面

返回顶部
顶部