-
-
JavaScript通知API是什么?如何发送桌面通知
-
通知API允许网页发送桌面通知,需按序请求授权、检查权限(granted/denied/default)、创建Notification实例;必须由用户手势触发requestPermission(),支持body/icon/tag等配置及onclick/onclose事件监听。
-
文章 ·
前端
| 2星期前 |
328浏览
收藏
-
-
避免Promise嵌套,告别回调地狱
-
避免Promise嵌套的关键是用链式调用代替层层then嵌套,同时合理使用async/await让异步逻辑线性表达;通过return传递值保持扁平结构,用async/await替代多层then提升可读性,避免在then中手动newPromise,并通过函数封装拆分逻辑。
-
文章 ·
前端
| 2星期前 |
369浏览
收藏
-
-
浮动与文字环绕实用技巧分享
-
浮动通过float属性实现文字环绕图片效果,常用于图文混排。将图片设为float:left或right,文本自然环绕其周围,配合margin优化间距。为防止后续元素错位,可使用clear:both、overflow:hidden或伪元素::after清除浮动。结合shape-outside可实现圆形或多边形环绕,提升视觉表现。响应式设计中建议在小屏幕下禁用浮动,通过媒体查询设置float:none,确保内容可读性。尽管现代布局多用Flexbox或Grid,浮动在文字环绕场景仍具实用价值。
-
文章 ·
前端
| 2星期前 |
391浏览
收藏
-
-
手动实现Promises/A+状态自动流转
-
Promise构造函数中executor必须同步执行,否则违反Promises/A+规范;then必须返回新Promise并正确处理状态流转、微任务调度及thenable递归展开。
-
文章 ·
前端
| 2星期前 |
404浏览
收藏
-
-
表单颜色选择器自定义与插件使用方法
-
答案:自定义表单颜色选择器需超越原生input[type="color"]的限制,通过引入Coloris等第三方插件实现透明度支持、多格式转换和统一UI。原生方案样式控制有限且兼容性差,仅能调整基本外观;而使用JavaScript插件可高度定制,提升体验与开发效率。集成步骤包括引入CSS/JS文件、准备HTML元素并初始化插件,如Coloris通过data-coloris属性将文本框转为功能丰富的颜色选择器,支持预设调色板与透明度设置。
-
文章 ·
前端
| 2星期前 |
164浏览
收藏
-
-
ES6+特性提升代码质量详解
-
ES6+是将隐性逻辑显性化、运行时错误前置的工具箱,关键在场景适配:const/let解决作用域泄漏与闭包问题,解构赋值明确取值逻辑与默认值,Promise/async-await需精准错误处理,Map/Set提供真正集合能力,盲目套用新语法易致逻辑错误。
-
文章 ·
前端
| 2星期前 |
258浏览
收藏
-
-
HTML文本打印优化技巧,提升打印清晰度
-
答案:HTML打印清晰度受字体、分辨率、CSS和设备影响,需优化布局、渲染和输出。选用SimSun等清晰字体,正文字号12px~14px,标题16px~18px;通过@mediaprint设置页边距、强制打印颜色、避免背景干扰;使用像素或pt单位;控制分页避免内容截断,长表格重复表头;导出为PDF可提升稳定性与清晰度。
-
文章 ·
前端
| 2星期前 |
HTML打印
打印效果
348浏览
收藏
-