-
CSS颜色表示方式有五种:1.颜色关键字如red、blue;2.十六进制值#RRGGBB或#RGB,支持#RRGGBBAA透明度;3.rgb()函数用0-255或百分比定义,rgba()支持透明;4.hsl()基于色调饱和度亮度,hsla()支持透明;5.新语法支持rgb/hsl直接加alpha,如rgb(25500/50%)。
-
requestAnimationFrame是实现平滑文字动画的首选,需逐字符包裹span、分离计算与渲染、合理使用transform和will-change,并配合matchMedia和document.hidden做响应式中断控制。
-
JavaScript迭代协议通过Symbol.iterator让对象可迭代,实现该方法并返回带next()的迭代器对象,即可用for...of或展开运算符遍历;生成器函数(function*)配合yield能更简洁地创建迭代器,自动管理状态与next()逻辑,提升代码可读性与灵活性。
-
使用Flex和Grid布局结合hover实现多级下拉导航栏,通过语义化HTML构建结构,CSS中利用flex实现主菜单横向布局,grid控制子菜单对齐,position定位配合hover触发显示,确保层级关系清晰且视觉一致,适合无JavaScript的初级项目实践。
-
WebShareAPI可调用设备原生分享功能,支持文本、链接和文件分享。首先检测navigator.share是否存在,确保在用户点击等交互中调用,避免被浏览器阻止。分享内容通过title、text、url传递,部分浏览器还支持files参数分享本地文件,但需注意兼容性,建议降级处理不支持场景。
-
DOMJavaScript动态修改网页的核心是先获取元素再修改其内容、样式、结构或行为;常用方法包括getElementById、querySelector、querySelectorAll、parentElement/children;修改用textContent、innerHTML、classList等。
-
Math对象提供静态数学方法:Math.round四舍五入、Math.floor向下取整、Math.ceil向上取整、Math.trunc截断小数、Math.pow或**求幂、Math.sqrt开方、Math.abs取绝对值、Math.max/min找极值;注意类型转换、边界行为及浮点精度问题。
-
rgba()和hsla()是CSS中唯二支持透明度的颜色函数,通过alpha参数(0–1)精准控制单属性透明度,优于影响整个元素的opacity。
-
text-shadow的第三个参数是模糊半径,决定阴影边缘柔和度,单位为像素且必须非负;0值跳过高斯模糊,导致硬边;多层阴影中各模糊半径独立计算;过大值(>10px)易引发重绘卡顿。
-
ES10(ECMAScript2019)增强实用性与可读性,新增flat()/flatMap()、Object.fromEntries()、trimStart()/trimEnd()、可选catch绑定、Symbol.description、toString()保留注释及JSON.stringify()修复行分隔符处理。
-
<p>clip-path属性可定义元素可视区域,支持circle、ellipse、inset、polygon等函数创建形状,如用polygon实现六边形图片裁剪;通过百分比单位实现响应式裁剪,结合transition与hover可制作动态动画效果,提升视觉表现力,但需注意Safari需加-webkit-前缀及复杂动画可能影响性能。</p>
-
根本原因是浏览器缓存了<link>的响应,URL不变则复用旧资源;解决方法包括:加版本参数(如?v=hash)、用构建工具注入内容哈希、服务端配置Cache-Control。
-
使用内联CSS可直接在HTML标签中通过style属性定义样式,适用于单个元素的快速样式设置。1、在HTML元素的开始标签内添加style属性,并写入用分号隔开的CSS声明,属性与值间用英文冒号连接。2、通过color、font-size、font-family等属性设置文字颜色、大小和字体类型,提升文本表现力。3、利用background-color、margin、padding调整背景色及元素间距,增强布局视觉效果。4、使用text-align控制文本对齐方式,text-decoration添加或去除
-
预处理器提升代码可维护性,支持变量、嵌套与混合宏;2.PostCSS通过插件实现自动前缀、压缩与现代语法兼容;3.构建流程中先编译预处理语法再由PostCSS转换优化;4.Webpack配置需注意加载器顺序,确保sass-loader先执行,postcss-loader后处理标准CSS。
-
答案:通过a:link和a:visited设置链接颜色,推荐按LVHA顺序定义样式。具体为:a:link{color:blue;}设置未访问链接颜色,a:visited{color:purple;}设置已访问链接颜色,同时建议按a:link、a:visited、a:hover、a:active顺序书写以避免覆盖,现代浏览器支持基本颜色修改但限制部分样式以保护隐私。