分类: WEB前端开发
thumbnail

Vue搭建SSR全栈平台,Nuxt才是Top 1!

Nuxt通过Module机制扩展其生态,目前已支持了250个Module。Module支持了插件、组件、路由等各个方面的扩展,并且在工程化方面也提供了nuxi、@nuxt/module-builder、@nuxt/kit、@nuxt/test-utils等工具。
thumbnail

Angular 19 正式发布带来一大波更新!

11 月 19 日,Angular 19 正式发布,该版本带来了一大波更新。近期,Angular 的更新步伐明显加快,其下载量也迎来了不小的提升,展现出强劲的增长势头。 下面……
thumbnail

前端开发:React + Antd 打造强大树形结构数据操作

树结构的展示往往伴随着许多交互功能,像同一节点内的上移、下移、置顶、置底、删除等操作。这些看似简单的操作,在这种展开加载的树形结构数据中,实现起来却没那么容易。
thumbnail

JavaScript ES6获取对象属性的几种方式

1. JavaScript ES6获取对象的属性 在 ES6(ECMAScript 2015)中,获取对象的属性有几种方式。 下面是其中的一些方法: 点符号(.) - 这是最常用的访问对象……
thumbnail

SOAP、REST、GraphQL和RPC,API 架构风格是如何演进的?

随着软件架构的发展,支持系统之间通信的API风格也在不断演变。SOAP、REST、GraphQL和RPC是四种流行的API架构风格,各自提供了独特的数据交换方式,且均为满足特定需求而出现。
thumbnail

Swiper.js:让你的Vue页面滑动如丝般顺滑

Swiper.js是一个非常强大的滑动效果库,通过简洁、灵活的API让你的页面滑动变得更加轻松和高效。对于需要实现复杂滑动效果的Vue项目来说,Swiper.js无疑是一个值得深入了解和使用的工具。如果你希望你的滑动效果更加出色,不妨试试Swiper.js吧!
thumbnail

Vue 3 状态管理新选择:Pinia 详细指南

Pinia 是 Vue 官方团队开发的状态管理库,它能够帮助我们在 Vue 项目中高效地管理应用状态。Pinia 的名字来源于西班牙语中“菠萝”之意,与 Vue 的生态系统相呼应。
thumbnail

nodejs进阶篇:性能优化的多个方法

Node.js 以其非阻塞 I/O 和事件驱动的架构在构建高性能网络应用方面表现出色,但仍有许多方面可以进行优化以进一步提升性能。本教程将从多个角度介绍 Node.js 性能优化的方法。
thumbnail

Vue 3 路由安装、基本配置、导航操作...从入门到进阶

Vue Router 是 Vue.js 应用中实现视图间导航的重要工具,掌握它的各种功能可以帮助我们构建功能丰富、用户体验良好的单页面应用。希望这篇文章能帮助你更好地理解 Vue Router,并在实际项目中高效使用它。
thumbnail

Vue Draggable:一个基于Vue.js的拖放排序库

ue Draggable是一个非常强大的Vue.js拖放排序库,简洁、灵活的API让你的拖放交互变得更加轻松和高效。对于需要实现复杂拖放功能的Vue项目来说,Vue Draggable无疑是一个值得深入了解和使用的工具。如果你希望你的拖放交互变得更加出色,不妨试试Vue Draggable吧!
thumbnail

2024前端框架Tailwind CSS 和 UnoCSS当道,你还在用Bootstrap吗?

使用 Bootstrap 的人数一直在减少,主要是因为开发者开始倾向于使用更轻量、更易于定制的CSS解决方案,如CSS-in-JS库和原子化的CSS框架,这些工具提供了更高的灵活性和集成度,以适应不断变化的设计趋势和性能要求。
thumbnail

前端学习TypeScript,你必然要了解declare!

在 TypeScript 中,declare关键字告诉编译器存在一个对象(并且可以在代码中引用)。它向 TypeScript 编译器声明该对象。简而言之,它允许开发人员使用在其他地方声明的对象。
thumbnail

热门前端 SSR 框架性能大比拼:React 倒数第一?

Web 技术的蓬勃发展,服务器端渲染(SSR)逐渐成为了当下前端页面追求高性能的主流技术,用 SSR 构建的项目往往首屏渲染会非常丝滑。但是 SSR 渲染也有可能带来一些其他的性能问题。
thumbnail

解决现代JavaScript 中 async/await 异步传染性问题

async 和 await 是 JavaScript 中用来处理异步编程的工具。我们通过 async 标记一个函数时,JavaScript 会自动将其返回值封装成一个 Promise 对象。而 await 则是用于等待 Promise 的结果。
thumbnail

当前流行的前端代码编辑器,2025继续发扬光大!

WebStorm 是由 JetBrains 开发的商业代码编辑器,以高效的 JavaScript 开发支持著称。Atom 是 GitHub 开发的开源编辑器,以高度自定义、支持跨平台著称。它是较早出现的支持现代前端开发的编辑器之一,主打简洁和模块化的设计。
thumbnail

JavaScript 超级实用技巧40+,前端开发必知必晓

JavaScript 是一种功能强大的语言,对于现代 Web 开发至关重要。今天我将分享一些超级实用的JavaScript技巧,它们将使你成为更高效、更有效的 JavaScript 开……
thumbnail

Express.js 5.0 发布,归来仍是断层式第一!

Express.js 5.0 正式发布。自 2010 年开源以来,Express.js 凭借其简洁、灵活与高性能的特点,迅速崛起并持续稳坐 Node.js 框架领域的领先地位,目前每周下载……
thumbnail

windows安装Node.js与环境配置图文教程

windows安装node.js,并不能像传统软件直接安装就好,今天就做个教程,把这个操作记录下来,需要设置环境变量等等,具体看下方的操作。 操作方法 首先,打开官……
thumbnail

Vue3.5版本超级详细解读,有比这更全面的吗?

Vue3.5正式版在这两天发布了,网上已经有了不少关于Vue3.5版本的解读文章。但是欧阳发现这些文章对3.5中新增的功能介绍都不是很全,所以导致不少同学有个错觉……
thumbnail

Vue 3.5 正式版来了!源码解析 useTemplateRef 实现原理

2024年9月3日,Vue 3.5 的正式版终于来了。 前几天咱们分享了 Vue 3.5 新特性 其中 useTemplateRef 这个 API 被很多同学所关注。那么这个 API 在源码中究竟是……
thumbnail

都很强大!CSS Grid 和 Flexbox 布局主要区别

1. CSS Grid 和 Flexbox 的主要区别 CSS Grid 和 Flexbox 都是 CSS 中用于布局的强大工具,它们各有特点和应用场景。 下面我将详细介绍两者的主要区别: 1.1.……
thumbnail

HTML+CSS实现懒加载,只需简单JS真的简单!

HTML部分 <h1>元素进入视口时的动画示例</h1>     <p>向下滚动以查看元素动画效果。</p>     <div class="box animate-on-sc……
thumbnail

15 个有用 CSS 属性,WEB前端开发用得着!

Web 开发领域,CSS 的强大功能和灵活性日益突出。但是,某些 CSS 属性经常被忽视或低估。在本文中,我们将重点介绍开发人员应该了解但经常被忽视的 15 个有用……
thumbnail

CSS 原生属性align-content: center进行垂直居中

2024 年的 CSS 原生属性中允许使用 1 个 CSS 属性 align-content: center进行垂直居中。 <div style="align-content: center; height: 100px;">   <……