可通过border-top-color或border-top设置上边框颜色，如border-top: 2px solid red；2. 使用border-bottom-color或border-bottom设置下边框颜色，如border-bottom: 1px dashed blue；3. 同时为同一元素设置不同颜色的上下边框互不影响，实现灵活样式…

1、通过浏览器“另存为”功能可保存静态网页源码；2、使用开发者工具复制渲染后dom适用于动态内容；3、wget命令适合批量抓取；4、python脚本实现自动化获取与保存。 如果您需要将网页的html源码保存到本地设备以便离线查看或进行分析，可以通过多种方式实现。以下是完整的操作流程： 一、使用浏览器自带的保存功能 现代浏览器均提供将当前页面以HTM…

尾调用优化通过消除不必要的栈帧来减少内存消耗，当函数末尾调用另一函数并直接返回其结果时触发，如tailCallExample中递归调用自身且无后续操作，符合尾调用条件。 尾调用优化（Tail Call Optimization，简称TCO）是javaScript中一项重要的性能优化机制，主要出现在es6（ecmascript 2015）规范中。它的…

es6类继承通过extends实现，子类用super()调用父类构造函数并可重写方法，静态方法用Static定义、类名调用且可被继承。 在javaScript中，ES6引入了class语法，让开发者可以用更接近传统面向对象语言的方式来定义和使用类。其中，类的继承和静态方法是两个非常重要的特性，能够帮助我们更好地组织代码、提升复用性。 类的继承（ex…

模块联邦是webpack 5实现微前端的核心技术，允许应用在运行时动态共享组件与依赖，通过remotes和exposes配置实现跨应用加载，支持独立开发部署，需注意版本一致、加载容错与样式隔离，适用于多团队协作的大型项目。 模块联邦（Module Federation）是 Webpack 5 引入的一项强大功能，它让多个独立的 javaScript…

Service Worker 是 PWA 核心，通过注册、安装、激活流程实现离线访问；首先在页面加载时注册 sw.js，检查支持性；安装阶段预缓存关键资源如 html、css、JS 和图片，确保离线可用；通过 fetch 事件拦截请求，优先返回缓存内容，实现离线浏览；更新时通过更改缓存名称并清理旧缓存，避免版本冲突，保证新资源正确加载。 Servi…

javaScript对象属性分为数据属性和访问器属性；2. 数据属性包含实际值，具有value、writable、enumerable和configurable特性；3. 访问器属性通过get和set方法控制读写，不直接存储值；4. 使用Object.defineProperty可定义两类属性的特性；5. 数据属性用于存储，访问器属性用于逻辑控制，…

使用html2canvas库可实现前端截图并保存为图片。首先通过CDN或npm引入库，然后调用html2canvas方法将指定dom元素渲染为Canvas对象，再利用toDataURL将Canvas转换为base64格式的图片数据，最后创建a标签模拟点击实现自动下载，文件名由download属性定义。需注意跨域图片需服务器支持CORS且设置cros…

将html内容转换为PDF、word、文本或源码是网页开发与数据采集中的常见需求。1. 导出为PDF：可通过浏览器打印功能直接另存为PDF；前端使用jsPDF结合html2canvas将页面渲染为图像并生成PDF，适合简单页面；对样式要求高的复杂页面推荐使用Puppeteer（node.js）或WeasyPrint（python）等后端工具进行高质…

使用css的display属性可控制自定义或语义化标签的显示形式，如设为block、none等；2. 通过javaScript动态修改style.display或切换类名实现显隐交互；3. 为确保语义化标签正常渲染，需在CSS中声明其为块级元素，尤其兼容旧版浏览器时。综合运用CSS与js即可灵活管理标签显示。 要在html中显示或控制自定义标签、语…