作为一门主流的WEB编程语言，JavaScript 不断发展，添加新的语法、功能或抽象，帮助开发人员轻松解决复杂的问题。如数组展平过去需要自己编写方法来实现，而从 ES2019 中开始引入了一种扁平化...

前端开发中，特别有接触过树形结构组件的项目中，这些组件很多都需要对JSON对象进行扁平化，而获取属性数据又需要对数据进行反操作。本文以代码的形式来展示如何使用 JavaScript 扁平化/非扁...

WEB 项目的开发，不可避免的要设计存储，这里所说的主要是浏览器存储。在HTML5之前，应用程序数据只能存储在 cookie 中，并且会包含在每个服务器请求中。与 cookie 不同，浏览器本地存储限制...

数据不变性在编程语言中一直非常重要，在 JavaScript 中也是如此。在这里，有两种 JavaScript 方法可以部分保证不变性：Object.freeze 和 Object.seal。本文来总结一下这两个方法都可以用来做...

理解纯函数和非纯函数是向更清晰、更基于角色和可测试的代码的简单过渡。在这篇文章中，将通过查看一个简单的体重指数（BMI）计算器来探索纯函数和非纯函数，该计算器通过一些简单的身高和体...

纯函数是函数式编程的基础，之前在优雅编码的文章中提到过，多写纯函数，本文来简单介绍一下纯函数和非纯函数的概念和区别。 纯函数与非纯函数 纯函数： 当给定相同的输入时，纯函数总是返回...

Node.js v17.0.0，是 JavaScript 运行时的最新主要版本，上个月刚发布。它将取代运行时当前发行版中的 V16。 而 V16 现在有望在 2021 年 10 月 26 日升级到长期支持 (LTS) 频道，因为它是偶数...

过去陆陆续续总结了一些有助项目开发效率和开发技能的代码片段，一方面加深对 Javascript 语法的理解，一方面对代码进行归档。本文总结一些项目开发中用得上的使用方法及代码整洁的技巧。 实...

解构赋值语法是一种 JavaScript 表达式，通过解构赋值, 可以将属性/值从对象/数组中取出，赋值给其他变量。这种语法是 ECMAscript 6 规范引入了一种新语法，可以更轻松地从数组和对象中获取值...

React 是一个很棒的库，可以创建令人振奋的 Web 应用程序，目前很多互联网公司使用 React 作为前端开发框架。与 Angular 和 Vue 相比，它是最没有主见的开发框架，因为，应用程序的构建和结构...

Promise 是 JavaScript 中的对异步操作最佳的 API 之一。作为JavaScript开发人员，需要熟练掌握 Promise 相关的知识。本文就来总结一下这些知识点，先来回顾 JavaScript 过去异步操作的处理方...

性能优化是应用程序开发必须的工作之一，其目的之一为用户提供极致的速度体验，本文总结 WEB 应用或者网站可以快速实操的经验，用得上的网站优化技巧。 应用本身 应用或者网站本身的优化，不...

全屏 UI 设计有助于通过消除干扰来保持用户与内容的专注互动。因此，可以看到在现代 Web 应用程序中越来越多地使用全屏 UI，这都得益于浏览器的发展。在过去Web 应用要支持丝滑全屏还是有一定...

在 JavaScript 中关于空值的定义会应项目的不同而不同，通常在与后台接口对接的时候，判断数据是否存在需要判断空字符串 ""、null、undefined。本文带大家再复习一下 null 和 undefined 。 ...

DOM，即文档对象模型，前端开发工程师必学的基础知识，趁着假期，顺便复习一下。在本文将介绍如何在 HTML 文档中选择元素、如何创建元素、如何更改内联 CSS 样式以及如何监听事件。 什么是D...

在项目开发过程中，总觉得有更好的方式来组织代码，通过代码片段，间接的学习一些代码组织技巧。阅读开源代码，是开阔编码思维最快捷的方式，本文继续分享一些代码片段。 碎片时间学习Javas...

在过去，一个简单的文本编辑器就足以让开发人员创建和管理大部分项目。但从那以后，WEB发生了翻天覆地的变化，如今，即使是一个相当简单的项目，通常也会有成百上千个带有复杂嵌套依赖关系的...

每天学习10个实用JavaScript代码片段，加深对 JavaScript 语法的理解，积累代码优化经验，新的内容来了，学习阅读代码是提高编码技能的最佳方式。如果觉得内容能够带来点帮助，又或者有用到的...

WEB 动画世界已经变成了一个庞大的工具和技术丛林，像 GSAP 和 Framer Motion 以及 React Spring 这样的库如雨后春笋般涌现，帮助WEB项目开发向 DOM 添加动作。 不过，最基本和最关键的部分是...

过去 WEB 需要实现交互动画效果是使用 flash 、javascript、Gif，近年来随着 flash 的淘汰，javascript 和 CSS 功能的增强，使得现代 WEB 应用的交互越来越丰富。借此总结一下 CSS 交互动画实...