前端技术文章

  • 动态类名与高阶组件实现解析
    动态类名与高阶组件实现解析
    JavaScript无原生动态类名继承,但可通过组合、代理、装饰器或高阶函数模拟运行时行为增强;动态类名依赖条件拼接(如clsx)实现样式复用,HOC则通过包裹组件注入逻辑,二者协同解耦状态与渲染。
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • 多物质毒化分析报告生成方法解析
    多物质毒化分析报告生成方法解析
    本文介绍在Laravel前端中,如何通过JavaScript实时监听复选框选择与多个<textarea>输入,动态拼接结构化毒化分析报告,并支持多物质逐条追加输出。
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • TailwindGrid简化CSS栅格布局
    TailwindGrid简化CSS栅格布局
    <p>Tailwind的Grid工具类通过语义化原子类简化布局:grid-cols-控制列数,col-span-跨列,row-start-/col-start-定位,gap-统一间距,grid-flow-*处理动态内容,响应式断点前缀天然支持流式栅格,避免手写复杂CSS和嵌套。</p>
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • 服务端JS与Node.js运行原理详解
    服务端JS与Node.js运行原理详解
    Node.js是基于ChromeV8引擎的JavaScript运行时,采用事件驱动、非阻塞I/O模型,支持单线程事件循环,通过npm拥有丰富生态,可用于处理HTTP请求、文件操作、数据库交互及构建API服务,适用于实时应用、API网关、自动化脚本和同构开发,推动全栈JavaScript发展。
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • HTML拖放功能实现教程
    HTML拖放功能实现教程
    draggable="true"需配合dragstart中setData()、dragover中preventDefault()及排除user-select/pointer-events干扰,三者缺一不可。
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • JavaScript闭包是什么?怎么用?
    JavaScript闭包是什么?怎么用?
    闭包是函数与其定义时词法环境的绑定关系,关键在于内部引用外部非全局变量且在外部调用;常用于封装私有状态,但不当使用易致内存泄漏。
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • HTML5购物车实现与电商开发技巧
    HTML5购物车实现与电商开发技巧
    使用HTML5语义化标签构建页面结构,通过JavaScript实现购物车增删改查功能,结合LocalStorage持久化数据,并利用AJAX将购物车信息提交至后端完成订单处理,确保前后端数据校验一致以保障系统稳定。
    文章 · 前端   |  3个月前  |   HTML5 489浏览 收藏
  • CSS颜色值大全:100种颜色属性详解
    CSS颜色值大全:100种颜色属性详解
    CSS中仅有color、background-color等少数颜色属性,其余均为颜色值;颜色表现力源于丰富的值系统而非属性数量,错误将颜色值当属性会导致语法错误。
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • VS运行HTML详细步骤教程
    VS运行HTML详细步骤教程
    VisualStudio中运行HTML文件可通过四种方式实现:一、使用IISExpress或静态服务器,打开项目后设HTML为起始页并点击浏览器图标运行;二、手动在资源管理器中找到文件,双击用默认浏览器打开;三、安装WebEssentials扩展,右键选择“PreviewinBrowser”在指定浏览器中预览;四、创建ASP.NET空项目,将HTML文件加入并设为起始页,通过调试启动IISExpress部署查看。
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • CSS层叠网格卡片z-index应用技巧
    CSS层叠网格卡片z-index应用技巧
    z-index在grid容器中不起作用是因为它只对定位元素生效,而grid子项默认为static定位;必须显式设置position(如relative)才能激活z-index。
    文章 · 前端   |  3个月前  |   489浏览 收藏
  • 区块链开发入门:JS加密技术详解
    区块链开发入门:JS加密技术详解
    掌握JavaScript加密基础与Web3工具库是进入区块链开发的关键。首先学习使用Node.jscrypto模块或CryptoJS实现SHA-256哈希,理解其在数据指纹中的作用;接着通过elliptic等库掌握基于secp256k1椭圆曲线的非对称加密,生成公私钥对并实现消息签名与验证;随后利用ethers.js或Web3.js与区块链交互,完成账户管理、交易发送和合约调用;特别注意私钥安全,避免前端硬编码,优先集成MetaMask等钱包;最终通过构建签名消息网页等小项目实践核心概念,夯实区块链应用开
    文章 · 前端   |  3个月前  |   区块链开发 489浏览 收藏
  • CSS文本大小写控制技巧
    CSS文本大小写控制技巧
    text-transform属性用于控制文本大小写显示,包括uppercase、lowercase和capitalize等取值,常用于标题、按钮等场景以统一格式,仅影响视觉效果不影响实际内容,适用于英文字符且不改变中文。
    文章 · 前端   |  4个月前  |   489浏览 收藏
  • H5页面跳转方法有哪些
    H5页面跳转方法有哪些
    判断当前页面是否为H5跳转而来需依赖发起方主动标识,因document.referrer不可靠;推荐用URL参数(如?from=h5)、sessionStorage(同源有效)或history.state(同域且不刷新)传递来源信息。
    文章 · 前端   |  4个月前  |   489浏览 收藏
  • SSG静态生成器设计全解析
    SSG静态生成器设计全解析
    答案:设计SSG需模块化解析、模板、路由、构建与插件系统,实现内容到HTML的预渲染,支持数据聚合与增量构建,确保高性能与易部署。
    文章 · 前端   |  4个月前  |   489浏览 收藏
  • HTML5中placeholder标签能否用于表单提示?详解其可用性
    HTML5中placeholder标签能否用于表单提示?详解其可用性
    不能,因为<input>是自闭合标签,不接受子元素,嵌套<mark>会被浏览器忽略;正确做法是将<mark>用于<label>或说明文本中,或通过CSS/JS模拟实现。
    文章 · 前端   |  4个月前  |   489浏览 收藏
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
    474次学习
查看更多
AI推荐
  • ljg-skills -
    ljg-skills
    ljg-skills 是李继刚开源的 AI 技能与提示词集合,面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板,适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
    3127次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    2888次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    2840次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    3058次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    3008次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码