-
使用required属性可将输入框设为必填项,只需在input、textarea或select等表单元素中添加该属性,浏览器会在提交时自动验证,未填写则阻止提交并提示;配合form标签和提交按钮实现完整表单验证,可通过CSS设置invalid样式优化外观,用title属性自定义提示信息,注意select默认选项值应为空字符串以确保验证生效。439 收藏 -
align-items:baseline在CSSGrid中无效,因规范不支持该值;Grid基于轨道布局,子项为块级盒且无天然基线,浏览器静默忽略并回退至stretch。295 收藏 -
OA审批流程页应使用语义化HTML结构:用<ol>定义流程顺序,<li>配合data-status属性标识节点状态,按钮按权限动态插入,历史记录用<details>折叠,连接线用伪元素实现。269 收藏 -
箭头函数解决普通函数this绑定混乱问题,因其不绑定this而沿用外层词法作用域;但不可用作构造函数,也不适用于需动态this的场景,如对象方法或类组件事件处理器。102 收藏 -
直接给body或html加filter:grayscale(100%)可实现全局灰度,但Chrome/Safari中因transform、opacity或will-change触发合成层冲突会导致失效;IE/Edge需SVG滤镜兜底;性能优化需避免*选择器、慎用hover动画并提前准备合成层。186 收藏 -
HTML实现记住密码通常通过表单的 autocomplete 属性和 localStorage 或 cookie 存储用户输入的账号密码。对于登录状态的保持,一般使用 cookie 或 token(如 JWT)来实现。一、HTML 实现“记住密码”功能在 HTML 表单中,可以通过以下方式实现“记住密码”:“记住密码”功能的核心是服务器生成持久化凭证并通过Cookie存储,而非在HTML中直接保存密码;2.当用户勾选“记住我”,服务器验证登录信息后生成唯一令牌(如SessionID或Token),并设置包含该令牌的Cookie,其Max-Age/Expires设为长期有效,同时启用HttpOnly、Secure和SameSite属性以增强安全;3.浏览器自动存储该Cookie,并在后续请求中自动携带,服务器通过验证令牌的有效性与过期时间实现自动登录;4.不直接在HTML或客户端存储密码,是因为客户端环境开放141 收藏
JavaScript是通用语言,初学者应先用浏览器Console验证console.log;避免var,优先用const/let;本地开发需HTTP服务而非file://;DOM操作须确保元素已加载。351 收藏
V8大概率内联结构可预测、无副作用的纯函数,如add、clamp、multiply;含try/catch、剩余参数、可选链、动态绑定或破坏类型稳定性的函数即使仅3行也会被拒绝。192 收藏
HTML与JavaScript必须协同工作:HTML提供DOM节点,JavaScript才能操作;document.getElementById是最稳的获取方式,但需判空防错;querySelector/All更灵活但有陷阱;内联onclick是维护雷区;script放置位置决定DOM可用性。131 收藏
line-height是控制行距的唯一正确属性,应使用无单位数值;段落间距用margin-bottom;外边距折叠是规范行为;避免滥用p标签破坏语义。299 收藏
margin:auto实现水平居中的核心是设置固定宽度的块级元素且不脱离文档流,浏览器自动分配左右外边距使其居中;需满足元素宽度非100%或auto,且无float、absolute等脱离文档流行为;常用于居中布局主容器、卡片、表单等,配合max-width可响应式适配;若未生效,可能因宽度未设、使用了float/flex/absolute布局或父容器限制导致。382 收藏
必须用语义化div+CSS(推荐Flexbox或Grid)替代table布局微博页面,否则无法满足响应式、无障碍、SEO及现代CSS特性支持等基本要求。247 收藏
AJAX是使用XMLHttpRequest或fetchAPI实现异步通信的编程方式,核心是不阻塞JS执行;fetch基于Promise,推荐用于GET/POST请求,需注意状态码判断和响应解析;XMLHttpRequest兼容旧浏览器,需手动处理状态与数据解析。159 收藏
直接设body{margin:0;padding:0;}不够用,因浏览器对h1、ul、form等元素有独立默认边距;需配合box-sizing:border-box并重置关键元素或选用normalize.css。135 收藏
focus/blur是监听元素获得/失去焦点最直接可靠的方式,仅在实际键盘/鼠标聚焦时触发,需元素可聚焦(如设tabindex);推荐addEventListener而非onfocus属性,focusin/focusout支持事件委托。489 收藏