掌握TypeScript:10个最佳实践提高代码质量
TypeScript 是一种强类型的 JavaScript 超集,提供了很多优秀的工具和语言特性,可以帮助开发者提高代码质量和开发效率。在本文中,我们将介绍 10 个 TypeScript 最佳实践,帮助初级和中级的 Web 前端开发工程师更好地使用 TypeScript 开发高质量的代码。
如何优雅地取消页面滚动恢复行为?
通常我们在浏览web页面时,当浏览到某个位置跳去了其它页面浏览后再回到开始时的那个页面时,浏览器会帮我们重新定位到我们离开页面时的位置,对于绝大多数场景来说,这确实是一个非常好的体验设计
HTMLElement.innerText 和 Node.textContent傻傻分不清楚?
当我们想要访问DOM中的文本内容时,肯定会第一时间想到HTMLElement.innerText。事实上,JavaScript 提供了两个可用于「访问元素文本内容的」属性:Node.textContent和HTMLElement.innerText。
学会这些 Web API 使你的开发效率翻倍
随着浏览器的日益壮大,浏览器自带的功能也随着增多,在 Web 开发过程中,我们经常会使用一些 Web API 增加我们的开发效率。本篇文章主要选取了一些有趣且有用的 Web API 进行介绍
JavaScript绘制动画的3种方法
绘制动画是Web开发中非常重要的一部分,它可以为用户提供更好的用户体验。在Web页面中,JavaScript是最为常用的动画绘制工具之一,因为它可以轻松地访问DOM元素并进行动画效果的更新
vue-router的两种模式:hash和history详解
Vue.js是一种流行的JavaScript框架,用于构建交互式Web应用程序。Vue-router是Vue.js框架中的一个重要组件,它允许您为应用程序创建路由。在Vue-router中,有两种不同的路由模式:hash模式和history模式
前端常见的8种设计模式
在前端开发中,设计模式是一种被广泛应用的思想。设计模式可以帮助开发者解决常见的问题,并提供可重用的解决方案。本文将会介绍前端常见的设计模式,并通过代码详解它们的实现。
TypeScript 5.0 正式发布!
2023 年 3 月 17 日,TypeScript 5.0 正式发布!此版本带来了许多新功能,旨在使 TypeScript 更小、更简单、更快。TypeScript 5.0 实现了新的装饰器标准、更好地支持 Node 和打构建工具中的 ESM 项目的功能
如何提高我的 TypeScript 技能
在这篇文章中,我将向您展示我如何在 TypeScript 中提高自己的技能。我会向您介绍 5 个令人满意的操作符,这将帮助您更好地理解 TypeScript 和如何使用它。以下是我将要介绍的操作符: