概述了 JavaScript 的异步原理,比较了浏览器与 Node.js 中 Event Loop 的差异。介绍线程与进程的概念、多线程模型及浏览器内核的多线程机制,详细解析了浏览器和 Node.js 的事件循环流程,包括宏任务与微任务的执行顺序、`setTimeout` 与 `setImmediate` 的区别、`process.nextTick` 的优先级等,最后总结了两者在任务队列执行时机上的不同。
总结了 CSS 的特性与最佳实践,包括 content 属性的替换元素效果、border-style: double 的图形实现、ex 单位的垂直居中用途、float 高度塌陷问题以及 line-height 的继承规则等。提供了弹框居中、单行省略、多行换行、滚动条优化、SVG 图标自适应以及 :active 样式的实用代码示例。
提供了 Vue 组件命名、Prop 定义、指令使用及样式规范,强调 v-for 和 v-if 的高效用法。JavaScript 部分建议使用 let/const、箭头函数、模块化及 Map 等优化代码。HTML/CSS 强调语义化命名、简化选择器、属性缩写及避免使用 table 布局,统一采用 HTML5 标准,注重代码可读性与性能优化。
总结了浮动元素导致父元素高度塌陷及布局问题的解决方法,包括使用 clear: both 添加清除浮动元素、通过伪元素清除浮动、设置 overflow:auto 或 overflow:hidden,以及为父元素添加浮动属性等方式,并指出了各方法的适用场景和注意事项。
一、order属性
order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。
"CSS3 Flex布局(项目)"继续阅读
一、flex-direction属性
"CSS3 Flex布局(容器)"继续阅读
一、介绍
单页面结构简单、布局清晰,常常用来做手机 App 或者某个产品的下载介绍页面。现在,展示型网页整体趋向于单页网站设计,这样一次性把核心信息展现出来,对于用户来说更加直观和简单,能够快速了解一个产品。
"Bootstrap实战 - 单页面网站"继续阅读
一、说明
"CSS伪类选择器active模拟JavaScript点击事件"继续阅读
一、说明
1.1 定义和用法
"理解CSS3属性transition"继续阅读
一、官方解释
"CSS3 边框 border-radius"继续阅读