-
- 块级元素设置方法及常用标签详解
- HTML中常见的块级标签包括1.<div>：通用容器，无语义，用于布局；2.<p>：段落标签，自带上下间距；3.<h1>到<h6>：标题标签，有层级语义和默认样式；4.<ul>、<ol>、<li>：列表及其项目，<li>默认独占一行；5.<form>：表单容器，包裹输入控件；6.HTML5语义化标签如<header>、<nav>、<main>、<articl
- 文章 · 前端 | 1个月前 | 150浏览 收藏
-
- 让JS原型链属性不可配置，可通过`Object.defineProperty()`设置`configurable:false`。
- 要让JavaScript原型链上的属性不可配置，必须使用Object.defineProperty方法作用于属性所在的原型对象；2.将该属性的configurable描述符设为false，即可防止属性被删除或重新配置；3.一旦设为不可配置，就无法再通过defineProperty修改其属性描述符，也无法删除该属性；4.实例可通过定义同名自有属性来遮蔽原型属性，但不会影响原型上属性的不可变性。此操作能有效保护核心属性不被意外修改或删除，提升代码健壮性和行为一致性，适用于需要确保原型属性稳定不变的场景。
- 文章 · 前端 | 1个月前 | 157浏览 收藏
-
- JavaScript事件循环任务队列详解
- 微任务优先级高于宏任务。事件循环每次执行完同步代码后，会先清空微任务队列，再执行一个宏任务。1.微任务如Promise.then()、MutationObserver回调等，会在当前宏任务结束后立即执行。2.宏任务如setTimeout、setInterval、I/O操作、UI渲染等，在微任务队列清空后才会被执行。3.这种机制保证了异步操作的即时性和UI响应性，同时避免了主线程的无限阻塞。4.理解该机制有助于预测代码执行顺序、优化性能、避免页面卡顿或“僵尸”状态，并提升调试效率。
- 文章 · 前端 | 1个月前 | 313浏览 收藏
-
- screen对象获取屏幕信息方法详解
- screen对象在JavaScript中用于获取用户设备屏幕的物理信息，如宽度、高度、可用尺寸、像素深度等，通过window.screen访问。其核心价值在于让网页感知所处显示环境，辅助响应式设计和适配决策。screen.width和screen.height提供整个屏幕的物理尺寸，screen.availWidth和screen.availHeight则排除任务栏等固定元素，反映可用可视区域；pixelDepth和colorDepth表示颜色位数，对老旧或特殊设备仍有参考意义。与window对象不同，s
- 文章 · 前端 | 1个月前 | 297浏览 收藏
-
- CSS自定义滚动条技巧全解析
- 自定义滚动条的核心是使用::-webkit-scrollbar及其相关伪元素，1.首先创建一个内容溢出的滚动容器并设置overflow-y:scroll；2.使用::-webkit-scrollbar定义滚动条宽度；3.用::-webkit-scrollbar-track设置轨道样式；4.用::-webkit-scrollbar-thumb定义滑块颜色、圆角和边框；5.可通过:hover伪类增强交互效果；6.针对Firefox需使用scrollbar-width和scrollbar-color属性兼容；7
- 文章 · 前端 | 1个月前 | 兼容性 ::-webkit-scrollbar 无障碍性 JavaScript库 CSS自定义滚动条 461浏览 收藏
-
- FetchAPI教程与实战代码详解
- FetchAPI是现代Web开发中基于Promise的网络请求工具，它通过链式调用和async/await语法简化异步操作，支持GET、POST等请求，并可通过配置对象设置请求头、请求体等；与XMLHttpRequest相比，Fetch语法更简洁、语义更清晰，但默认不发送cookies且不自动rejectHTTP错误状态码，需手动检查response.ok来捕获4xx/5xx错误；其高级用法包括使用AbortController取消请求、通过FormData上传文件、调用.text()/.blob()等方
- 文章 · 前端 | 1个月前 | 132浏览 收藏
-
- JS实现组织结构图的几种方式
- 实现JS组织结构图的核心是选择合适的数据结构、渲染技术和布局算法，并优化交互与性能。首先，应采用嵌套JSON对象或扁平化数组（带parentId）表示层级关系，其中嵌套结构更利于前端渲染；其次，优先选用SVG进行矢量渲染以保证清晰度和交互性，或在大规模场景下使用Canvas提升性能；接着，利用D3.js的d3.tree()等布局算法自动计算节点坐标，确保美观且动态适应数据变化；然后，通过缩放、平移、展开/折叠等交互增强用户体验，结合事件委托、节流防抖优化响应效率；对于大规模图表，必须实施虚拟化渲染、LOD
- 文章 · 前端 | 1个月前 | JavaScript 数据结构 性能优化 D3.js 组织结构图 480浏览 收藏
-
- HTML标签大全推荐，10个实用标签详解
- 最靠谱的HTML标签资源是MDNWebDocs，其次是W3Schools。1.<html>、<head>、<body>是HTML文档的基础结构标签；2.<h1>到<h6>用于定义标题层级，提升SEO和可访问性；3.<p>是段落标签，用于包裹独立文本内容；4.<a>实现超链接功能，依赖href属性；5.<img>展示图片，src和alt属性至关重要；6.<ul>、<ol>、<li&g
- 文章 · 前端 | 1个月前 | 184浏览 收藏
-
- Vue.js搭建个人博客系统教程
- 选择Vue.js构建博客系统是因为其灵活性和易用性。构建步骤包括：1.使用VueCLI搭建项目结构；2.设计文章列表、详情、登录/注册、发布/编辑等组件；3.使用VueRouter实现页面导航；4.利用Vuex管理用户状态；5.处理表单数据和文件上传；6.优化性能和确保安全性。
- 文章 · 前端 | 1个月前 | 164浏览 收藏
-
- Vue.js搭建图片分享社区教程
- 使用Vue.js打造图片分享社区的步骤包括：1.选择Vue.js作为框架，因为其灵活性和组件化设计。2.明确核心功能，如用户注册、登录、上传和浏览图片、评论和点赞。3.创建主页组件，使用v-for渲染图片列表，并处理点赞和评论操作。4.实现图片上传功能，使用Vue.js和相关库创建上传组件。5.处理大规模数据和性能优化，使用虚拟滚动和图片懒加载技术。6.遵循最佳实践，保持代码可读性和可维护性，并进行测试。使用Vue.js可以高效地构建一个交互性强的图片分享社区。
- 文章 · 前端 | 1个月前 | 273浏览 收藏
-
- JS实现下拉菜单展开与收缩方法
- 下拉菜单的展开和收缩可以通过CSS和JavaScript实现。1）使用CSS的:hover伪类可以简单实现，但不适合触摸屏。2）JavaScript方法通过toggleDropdown函数和点击事件监听器实现更灵活的控制，适合触摸屏和现代Web应用。
- 文章 · 前端 | 1个月前 | 258浏览 收藏
-
- JS获取元素文本内容的几种方法
- 在JavaScript中获取元素文本内容最推荐的方法是使用textContent属性，1.使用element.textContent可获取元素及其后代的所有纯文本内容，不受CSS样式影响，性能高且符合W3C标准；2.使用element.innerText则返回用户可见的文本，受CSS样式（如display:none）影响，会触发布局重算，性能较低；3.使用element.innerHTML会返回包含HTML标签的字符串，适用于需要操作HTML结构的场景，但存在XSS风险。应优先选择textContent以
- 文章 · 前端 | 1个月前 | JavaScript textContent innerHTML innerText 元素文本内容 460浏览 收藏
-
- CSS背景图视差滚动技巧
- 最直接实现CSS背景图视差滚动的方法是使用background-attachment:fixed；1.在包含背景图的元素上设置background-attachment:fixed，使背景相对于视口固定；2.确保页面有足够的滚动高度以触发滚动效果；3.避免父元素使用transform、filter等可能破坏fixed定位的属性；4.注意iOSSafari等移动端兼容性问题，可结合@media查询降级处理；5.优化图片性能与可读性，提升用户体验；6.对于复杂需求，可采用JavaScript结合transfo
- 文章 · 前端 | 1个月前 | CSS 性能优化 transform 视差滚动 background-attachment 207浏览 收藏
-
- JSX语法详解与使用教程
- JSX通过将HTML结构直接嵌入JavaScript代码中提升开发效率，使UI描述更直观、减少字符串拼接和出错概率，支持嵌入JavaScript表达式实现动态渲染，且代码更简洁易读；JSX与HTML的主要区别在于属性命名需使用className和htmlFor、所有标签必须闭合、可嵌入JavaScript表达式以及支持自定义组件；正确使用JSX需确保返回单一根元素、用花括号嵌入表达式、遵循JSX属性命名规范、闭合所有标签并理解组件化思想；面对JSX错误提示难懂的问题，应仔细分析错误信息、分段调试代码、借助
- 文章 · 前端 | 1个月前 | html 前端开发 组件 语法 jsx 256浏览 收藏
-
- JS中dropRight移除数组后n个元素方法详解
- 使用slice()方法可创建不包含末尾N个元素的新数组，且不修改原数组；2.使用splice()可直接修改原数组，移除末尾N个元素并返回被移除的元素；3.若项目已引入Lodash，则可使用_.dropRight()实现更语义化、简洁的操作；4.filter()和reduce()也可实现该功能，但filter更具可读性；5.处理大型数组时，slice、filter、reduce和Lodash方法时间复杂度均为O(N)，空间复杂度为O(N)，而splice原地修改，空间复杂度较低；6.一般推荐优先使用slic
- 文章 · 前端 | 1个月前 | 140浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 514次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 499次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- AI Mermaid流程图
- SEO AI Mermaid 流程图工具：基于 Mermaid 语法，AI 辅助，自然语言生成流程图，提升可视化创作效率，适用于开发者、产品经理、教育工作者。
- 481次使用
-
- 搜获客【笔记生成器】
- 搜获客笔记生成器，国内首个聚焦小红书医美垂类的AI文案工具。1500万爆款文案库，行业专属算法，助您高效创作合规、引流的医美笔记，提升运营效率，引爆小红书流量！
- 472次使用
-
- iTerms
- iTerms是一款专业的一站式法律AI工作台，提供AI合同审查、AI合同起草及AI法律问答服务。通过智能问答、深度思考与联网检索，助您高效检索法律法规与司法判例，告别传统模板，实现合同一键起草与在线编辑，大幅提升法律事务处理效率。
- 502次使用
-
- TokenPony
- TokenPony是讯盟科技旗下的AI大模型聚合API平台。通过统一接口接入DeepSeek、Kimi、Qwen等主流模型，支持1024K超长上下文，实现零配置、免部署、极速响应与高性价比的AI应用开发，助力专业用户轻松构建智能服务。
- 537次使用
-
- 迅捷AIPPT
- 迅捷AIPPT是一款高效AI智能PPT生成软件，一键智能生成精美演示文稿。内置海量专业模板、多样风格，支持自定义大纲，助您轻松制作高质量PPT，大幅节省时间。
- 471次使用
