• HTML转PDF自适应设置全攻略
    HTML转PDF自适应设置全攻略
    根本原因是html2canvas默认按视口截图而非内容宽度,需设容器width为scrollWidth、禁用fixed元素、用break-inside:avoid控制分页;puppeteer需禁用preferCSSPageSize、用@page和固定px单位;移动端要移除viewport标签并替换响应式单位为px。
    文章 · 前端   |  1天前  |   112浏览 收藏
  • 浮动导航栏高度不足?用 overflow hidden 或 clearfix 解决
    浮动导航栏高度不足?用 overflow hidden 或 clearfix 解决
    浮动导致父容器高度塌陷是因浮动元素脱离文档流,解决需让父容器重新感知高度;overflow:hidden触发BFC但会裁剪溢出内容,clearfix更可控且无副作用,现代推荐直接用flex布局。
    文章 · 前端   |  5天前  |   111浏览 收藏
  • localStorage与sessionStorage怎么用?
    localStorage与sessionStorage怎么用?
    localStorage永久存储,sessionStorage仅限当前标签页;前者跨页面保留,后者关页即清;均受同源限制、API相同但数据隔离,且均不加密、不可用于存敏感信息。
    文章 · 前端   |  5天前  |   111浏览 收藏
  • 如何开发基础单页应用SPA教程
    如何开发基础单页应用SPA教程
    用Vite+React快速搭建SPA,配合ReactRouterv6实现客户端路由,注意路径匹配顺序、服务端fallback配置及组件卸载清理,避免样式丢失、状态残留等问题。
    文章 · 前端   |  4天前  |   111浏览 收藏
  • 是的,translate 属性会影响 Google Translate 的自动翻译行为。1. translate=MyBrand

MyBrand

是的,translate 属性会影响 Google Translate 的自动翻译行为。1. translate="no"如果一个 HTML 元素或页面设置了 translate="no",Google Translate 会跳过该元素或整个页面,不进行翻译。适用于不需要翻译的内容,比如品牌名称、专有名词、代码片段等。示例:

MyBrand

translate属性仅影响浏览器内置翻译功能,对GoogleTranslate网页版、API及嵌入式翻译框无效;Chrome等主流浏览器支持translate="no"以跳过指定元素翻译,但需严格按标准书写且遵循继承规则。
文章 · 前端   |  4天前  |   常见HTML属性兼容性问题有哪些 111浏览 收藏
  • JS如何验证表单数据?
    JS如何验证表单数据?
    客户端表单验证的核心是通过JavaScript在提交前检查数据,提升用户体验并减轻服务器负担;2.实现方式为监听表单提交事件,阻止默认行为,逐项验证输入字段并显示错误信息;3.邮箱、密码、确认密码和同意条款等字段需分别进行非空、格式、长度、一致性及勾选状态校验;4.使用isValidEmail正则函数验证邮箱格式,displayError函数动态添加错误提示;5.实时验证、清晰错误提示和模块化验证函数可提升用户体验与代码可维护性;6.必须结合后端二次验证以确保安全性,前端验证不可被绕过;7.复杂场景推荐采
    文章 · 前端   |  3天前  |   111浏览 收藏
  • Vim snippets快速插入HTML CSS代码技巧
    Vim snippets快速插入HTML CSS代码技巧
    安装UltiSnips和vim-snippets插件后,通过输入html、div、ul等缩写加Tab键可快速生成HTML结构,anim、flex、mt等缩写生成CSS代码,支持自定义片段,显著提升Vim中前端开发效率。
    文章 · 前端   |  3天前  |   111浏览 收藏
  • CSS中使用HSL设置透明度的方法
    CSS中使用HSL设置透明度的方法
    hsla()必须写为hsla(色相,饱和度,明度,alpha),前三个参数带%或无单位数字,alpha为0–1小数;斜杠语法仅新浏览器支持,旧版需逗号分隔;不继承,与rgba()混合逻辑一致但调色更直观。
    文章 · 前端   |  6天前  |   110浏览 收藏
  • CSS实现侧边栏滑动展开动画详解
    CSS实现侧边栏滑动展开动画详解
    transition对transform无效的主因是未显式声明初始transform值或触发强制重排;须在基础样式中设好起始态(如translateX(-100%))并始终声明transition,避免display切换或同步布局读取打断动画。
    文章 · 前端   |  6天前  |   110浏览 收藏
  • 内联样式适合快速覆盖局部样式场景
    内联样式适合快速覆盖局部样式场景
    内联样式适合覆盖第三方组件默认样式、服务端渲染首屏关键样式,但不适用于响应式或主题切换;应使用style对象而非字符串,仅限几何/颜色/排版类属性,慎用transform/transition。
    文章 · 前端   |  5天前  |   110浏览 收藏
  • JavaScript异步操作后DOM为空怎么办
    JavaScript异步操作后DOM为空怎么办
    本文详解为何在fetch+innerHTML动态写入内容后调用print()会得到空字符串,并通过修正Promise链中函数传递方式、避免提前执行、优化DOM操作等手段,确保数据写入完成后再安全读取。
    文章 · 前端   |  2天前  |   110浏览 收藏
  • 高对比度模式下CSS颜色优化技巧
    高对比度模式下CSS颜色优化技巧
    必须用@media(forced-colors:active)才能生效,漏括号、写成forced-colors:true或prefers-contrast:high均无效;Windows高对比度模式或macOS增加对比度开启后,Chrome100+等现代浏览器才注入该环境。
    文章 · 前端   |  1天前  |   110浏览 收藏
  • HTML Applet小程序运行方法详解
    HTML Applet小程序运行方法详解
    1、使用旧版Firefox并启用Java插件;2、在Java控制面板降低安全等级并添加信任站点;3、用JDK的appletviewer工具独立运行;4、检查HTML中applet标签的code和archive路径是否正确。
    文章 · 前端   |  15小时前  |   运行 Applet 110浏览 收藏
  • HTML函数能否用旧网卡本地测试?网络硬件影响解析
    HTML函数能否用旧网卡本地测试?网络硬件影响解析
    HTML中不存在“HTML函数”,实际需测试的是fetch()、XMLHttpRequest等网络行为;老旧网卡虽不报错,但会因丢包、重传、TCP延迟等干扰本地测试,可通过ping、iperf3、ethtool等工具验证,并优先排除浏览器插件、IPv6绑定、flag配置等软件干扰。
    文章 · 前端   |  4天前  |   109浏览 收藏
  • JavaScript数据绑定实现与双向绑定原理解析
    JavaScript数据绑定实现与双向绑定原理解析
    双向绑定核心是建立“数据↔元素值”的可追踪连接,通过Proxy/Object.defineProperty劫持数据、监听DOM事件实现自动同步。Vue2用defineProperty,Vue3用Proxy,React主张单向流,Svelte编译时处理。
    文章 · 前端   |  1天前  |   109浏览 收藏
  • 1107108109111
    扫码关注公众号获取更多Go知识
    查看更多
    课程推荐
    查看更多
    AI推荐
    微信登录更方便
    • 密码登录
    • 注册账号
    登录即同意 用户协议隐私政策
    返回登录
    • 重置密码