禅林阆苑-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

禅林阆苑

www.csxiaoyao.com

专栏成员

99

文章

198537

阅读量

33

订阅数

一文搞定各类前端常见布局方式

缺点：若子元素脱离文档流，会导致 margin 失效，如 float、absolute、fixed

2022-08-13

1.6K0

使用 AST 实现 babel 插件编写

babel.js css 编程算法 webpack ecmascript

抽象语法树 (Abstract Syntax Tree) 是源代码语法结构的⼀种抽象表示，以树状描述编程语⾔的语法结构，每个节点表示源代码中的⼀种结构。AST常用于代码语法检查、⻛格检查、格式化、代码提示、混淆压缩、自动补全等，还可以用来优化代码结构，如 webpack 以及 CommonJS、AMD、CMD、UMD等代码规范之间的转化等。

2022-08-01

1.3K0

浏览器原理学习笔记08—浏览器开发者工具

网站 html javascript css

前面章节中提到过 Elements面板、Console面板、Sources面板的使用，本章主要讲解 NetWork 面板和 Audits 面板、Performance 面板。

2020-05-02

1.2K0

浏览器原理学习笔记05—浏览器中的页面渲染

css javascript html 渲染

DOM 是表述 HTML 的内部数据结构，它会将 Web 页面和 JavaScript 脚本连接起来，并过滤一些不安全的内容。HTML 解析器 (HTMLParser) 模块负责将 HTML 字节流转换为 DOM 结构。网络进程接收到响应头后会根据响应头中的 content-type 字段来判断文件的类型，若为 text/html，则为该请求创建一个渲染进程。渲染进程准备好后，网络进程和渲染进程之间会建立一个共享数据的管道，HTML 解析器并不是等整个文档加载完成之后再解析，而是网络进程加载了多少数据，HTML 解析器便解析多少数据。

2020-05-02

1.5K0

浏览器原理学习笔记01—宏观视角下的浏览器

http css 缓存 javascript

前端知识的深入绕不开浏览器原理的学习，本系列文章为笔者学习浏览器原理后整理的笔记，学习的过程以极客时间《浏览器工作原理与实践》为主线，对原文的重要知识点进行了归纳整理，针对其中的部分细节知识点查阅了大量资料进行扩展并梳理总结，其中有部分demo和图片参考自原文。

2020-05-02

1.4K0

使用 requestAnimationFrame 替代 throttle 优化页面性能

http css 编程算法 javascript

前面的文章《函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用》中讲过，对于 mousemove, scroll 这类事件，一般的解决方法是使用 throttle 节流函数，但是节流函数解决这类问题并不完美，存在两点缺陷：

2020-04-12

2.3K0

彻底弄懂CSS优先级规则

当 html 元素拥有多个 css 样式时，浏览器会根据优先级规则计算 css，如果对优先级规则不够熟悉，在实际的开发过程中往往会产生很多困扰，本文总结css的优先级规则。

2020-03-26

1.5K0

web移动端适配方案实践

javascript html css

移动端web页面的开发适配一直是前端开发津津乐道的话题，在实际开发过程中，移动端和PC端web页面的差异不仅仅体现在设备宽度的不同。由于项目历史背景的原因，下文的方案是团队选择的能较好满足当前项目需求的方案，已经经过线上用户的考验，但不一定是当下最完美的移动端适配解决方案。下文来详细介绍该方案选型。

2019-09-02

3K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态