天行无忌的博客_前端开发原创博文(2)

CSS“进化史”：从CSS、SASS、BEM、CSS模块到样式化组件

自从互联网诞生以来，就一直跟网站样式打交道，CSS一直存在并且已经按照自己的节奏发展，本文就带大家了解一下CSS的发展史。

css

类名

SCSS

SASS

原创 2022-03-17 22:35:48 779 阅读 yyds干货盘点

VUE创建视频流应用

继续使用 Vue.js 构建前端部分。进入主题之前先简单了解一下依赖库 vue-core-video-player。

vue

video

node.js

原创精选 2022-03-16 23:34:49 805 阅读 yyds干货盘点

创建 Node.js 视频流应用之后端

在本文中，将展示一个非常简单的 Node.js 应用程序，用于在线流媒体视频传输。本文仅涵盖后端，在下一部分中，将使用 Vue.js 创建前端。话不多说，下面开始进入主题。

node.js

express

video

视频流

原创精选 2022-03-15 23:14:06 381 阅读 yyds干货盘点

JavaScript 基础（三）：数组和对象

之前，讨论了 JavaScript 中内置的一些数据类型，如字符串、数字和布尔值。在本文中，将讨论两种新的数据类型：数组和对象。

JavaScript

数组操作

对象操作

原创 2022-03-14 09:46:23 166 阅读 yyds干货盘点

JavaScript 基础（二）：函数

本文中，将专注于在 JavaScript 中定义自己的自定义函数，介绍函数的定义方式、声明、作用域及参数定义。

javascript

函数定义

REST参数

作用域

原创 2022-03-13 12:52:42 169 阅读 yyds干货盘点

JavaScript 基础（一）：语法和程序结构

JavaScript 是 Web 开发需要掌握的一种编程语言，它创建于 1995 年，用于在网景（Netscape） Navigator 浏览器中将程序添加到网页中。今天，该语言已被所有其他主要网络浏览器支持。

字符串

javascript

赋值

原创 2022-03-10 14:22:30 156 阅读 yyds干货盘点

Ember 速度最快、性能最高的渲染技术框架之一

Ember 是一个 JavaScript 框架，它提供了构建现代 Web 应用程序所需的一切。Ember 为前端开发人员提供了卓越的开发体验。 Ember 是使用 Glimmer 渲染引擎开发的。它是当今市场上速度最快、性能最高的渲染技术之一。

应用程序

Ember

Glimmer

原创 2022-03-01 23:34:04 530 阅读

vue2 的 $refs 在 vue3 组合式 API 中的替代方法#yyds干货盘点#

如果你有过vue2的项目开发经验，那么对$refs就很熟悉了。由于vue3的断崖式的升级，在vue3中如何使用$refs呢？想必有遇到过类似的问题，我也有一样的疑惑。通过搜索引擎和github，基本掌握如何使用$refs。在vue3中使用组合式API的函数ref来代替静态或者动态html元素的应用。

vue

原创 2022-02-25 23:30:54 2655 阅读 yyds干货盘点

分享 4 个前端开发必备的 Chrome 扩展

作为开发人员，每天都有使用浏览器做各种事情，如从谷歌搜索、在 Stack Overflow 上寻找问题的解决方案、到在 Reddit 上浪费时间等等。除了查找问题答案的资源之外，作为开发人员需要有提高工作效率的工具集，本文分享四个提高工作效率的 chrome 扩展

开发人员

chrome

颜色选择器

原创 2022-02-23 20:39:56 595 阅读

关于 Promise 你需要知道的一切#yyds干货盘点#

Promise 是 JavaScript 中的对异步操作最佳的 API 之一。作为JavaScript开发人员，需要熟练掌握 Promise 相关的知识。本文就来总结一下这些知识点，先来回顾 JavaScript 过去异步操作的处理方式？然后详细介绍 Promises 对象及相关的方法。

异步操作

promise

原创 2022-02-21 22:36:14 263 阅读 yyds干货盘点

宝藏级学习图谱 React、Vue、Angular、Ember、Node#yyds干货盘点#

根据 Stack Overflow 的 2021 年开发者调查、NPM 趋势和 StateOfJS、前端、后端和测试的最佳 JavaScript 框架是 React.js、Angular、Vue.js、jQuery、Express js 等。本文将分享前端开发中四种广泛应用的和不太流利的 JavaScript 框架（即 React、Node、Ember、Angular 和 Vuejs）的学习图谱。

javascript

vue

angular

ember

react

原创 2022-02-20 17:28:12 196 阅读 yyds干货盘点

【CSS Master】选择器四种基本类型#yyds干货盘点#

理解选择器是编写可维护、可扩展的CSS的关键，选择器是CSS规则与元素匹配的机制，有很多方法可以做到这一点，其中的大多数都很熟悉。如元素类型、类名、ID和属性选择器，都得到了很好的支持和广泛的使用。

选择器

css

原创精选 2022-02-19 10:03:28 470 阅读 yyds干货盘点

构建大型 Vue.js 应用程序#yyds干货盘点#

我总是面临这些挑战，在对社区进行研究之后，我准备了一个样板来解决这些问题，并提供了一种编写模块化、灵活和可扩展的 Vue.js 应用程序的方法。我想，我应该围绕这个写一系列文章，这是我将解释应用程序结构的第一部分。

vue项目结构

vue

模块化

原创 2022-02-19 10:00:51 348 阅读 yyds干货盘点

JavaScript数据结构之Number#yyds干货盘点#

Number 是JavaScript的基本数据结构，是对应数值的应用类型。要创建一个 Number 对象，就使用 Number 构造函数并传入一个数值。在 JavaScript 中没有其他语言这么多的数字类型。根据 ECMAScript 标准，数字只有一种类型，它是“双精度 64 位二进制格式 IEEE 754 值”。

javascript

四舍五入

Number

数据结构

原创精选 2022-02-17 09:28:32 559 阅读 yyds干货盘点

总结篇：10个常用的 JavaScript 函数#yyds干货盘点#

在项目开发过程中，总觉得有更好的方式来组织代码，通过代码片段，间接的学习一些代码组织技巧。阅读开源代码，是开阔编码思维最快捷的方式，本文总结前端项目中常用的10个函数。

数组

filter

some

原创 2022-02-16 09:57:46 227 阅读 yyds干货盘点

JavaScript 中 8 个最佳电子邮件库#yyds干货盘点#

发送电子邮件是许多现代企业的核心要求，也是很网站订阅的核心。如今无论是发票、收据还是推广消息，许多应用程序都以编程方式发送电子邮件以响应不同的事件。如今发送电子邮件很容易，不需要了解 SMTP、POP3 或 IMAP，甚至不需要服务器端开发，以下分享 8 个JavaScript Email的 API 库，让发送订阅邮件变得简单。

node.js

email

原创 2022-02-15 16:31:31 1575 阅读 yyds干货盘点

JavaScript 数据结构之 Set#yyds干货盘点#

Set 也是 ECMAScript 6 规范中引入的一种数据结构，是一种叫做集合（是由一堆无序的、相关联的，且不重复的内存结构）的数据结构。Set 就像一个数组，但是仅包含唯一项。Set对象是值的集合，可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。

数据结构

javascript

Set

ECMAScript 6

原创精选 2022-02-14 15:41:52 937 阅读 yyds干货盘点

5 个可以拓展全栈技能的开源项目

介绍 5 个可以开拓全栈技能、提高项目开发效率的 WEB 开源项目，让前端开发者开拓一些构建后端数据服务的思维，有些可能成为新的技术解决方向。

github

appsmith

hasura

GraphQL

原创精选 2022-01-23 21:55:37 1478 阅读 1收藏

使用 React 和 Next.js 构建博客

Next.js 是由 Vercel 创建和维护的基于 React 的应用程序框架。本教程将从零开始学习如何使用 Next.js 构建一个小型的博客网站：

html

next.js

react

原创推荐 2022-01-22 21:18:38 5182 阅读

Three.js入门：构建一个立方体

Three.js 是一个 JavaScript 库，用于在 Web 浏览器中创建 3D Web 图形。前面介绍过一些基本的知识和实现简单的效果，本文从简单的构建立方体出发，介绍一些基础概念。

渲染器

3d

three.js

webgl

原创 2022-01-21 09:11:26 878 阅读

JavaScript 使用 Markdown 制作 PPT

markdown 对于开发者来说是一个熟悉的文档格式，编写文档或者博客首选的格式。markdown 文档可以转换为HTML进行展示。在文章《2021 年 6 个GitHub推荐前端项目》中介绍了一个将 markdown 转换为幻灯片的脚本库 Slidev 。

github

css

slidev

markdown

原创 2022-01-20 22:42:51 542 阅读

2021 年 6 个 GitHub 推荐前端项目

本文就来总结 2021 年 6 个 GitHub 上的推荐前端项目，基于 GitHub 上的 star 数量，从这个趋势可以看出前端开发的一些发展趋势。

github

ide

css

原创精选 2022-01-19 18:40:21 2395 阅读

Three.js 入门指南

Three.js 是一个 JavaScript 库，用于在 Web 浏览器中创建 3D Web 图形。

html

渲染器

3d

three.js

webgl

原创精选 2022-01-18 22:47:24 951 阅读

Mithril.js：一个高性能 JavaScript MVC 框架

Mithril.js，是一个高性能 JavaScript 框架，它的大小和速度使其成为满足视图模型需求的不错选择。在 Mithril.js 中的大部分工作都是纯 JavaScript。

javascript

MVC

前端框架

原创 2022-01-08 19:38:49 267 阅读

JavaScript数据结构之Map

映射（Map）是 ECMAScript 6 规范中引入的一种数据结构。这是一种存储键值对列表很方便的方法，类似于其他编程语言中的词典或者哈希表。

javascript

Map

set(key value)

entries()

原创 2022-01-03 14:36:06 402 阅读

JavaScript数据结构之Object

Object 定义一组属性的无序集合，可以将其想象成一张散列表，其中的内容就是一组名/值对，值可以是数据或者函数。而数组是一个有序集合，为了保证元素排列有序，相比 Object 来说会占用更多的内存空间。

Object

freeze

defineProperty

seal

原创精选 2022-01-03 14:33:10 1726 阅读

浏览器存储之 localStorage 和 cookie#yyds干货盘点#

本文将详细介绍在浏览器中存储数据的常用的方式：localStorage、sessionStorage、cookies，而关于 IndexedDB 后续将专门详细介绍和使用指南。

json

localStorage

sessionStorage

cookies

原创 2021-12-27 22:29:45 226 阅读 yyds干货盘点

2022 年可能受欢迎的 9 个 JavaScript IDE 和代码编辑器#yyds干货盘点#

在本文中，将分享 2022 年 10 个最佳 JavaScript IDE 和对代码编辑器的分析。虽然 2021 年 Adobe 公司的开源代码编辑器 Brackets 停止更新了，但仍有大量应用程序可帮助 JavaScript 开发人员简化工作流程。

ide

javascript

代码编辑器

原创 2021-12-25 22:23:58 1576 阅读 yyds干货盘点

JavaScript 中对象和映射之间的 6 个区别#yyds干货盘点#

Object 和 Map 都是键值对的动态集合，从这个定义开始，它们非常相似，但也可以找出它们之间的一些差异。

json

字符串

字面量

object

map

原创 2021-12-24 23:20:39 197 阅读 yyds干货盘点

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

DevPoint:WEB开发技术点

CSS“进化史”：从CSS、SASS、BEM、CSS模块到样式化组件

VUE创建视频流应用

创建 Node.js 视频流应用之后端

JavaScript 基础（三）：数组和对象

JavaScript 基础（二）：函数

JavaScript 基础（一）：语法和程序结构

Ember 速度最快、性能最高的渲染技术框架之一

vue2 的 $refs 在 vue3 组合式 API 中的替代方法#yyds干货盘点#

分享 4 个前端开发必备的 Chrome 扩展

关于 Promise 你需要知道的一切#yyds干货盘点#

宝藏级学习图谱 React、Vue、Angular、Ember、Node#yyds干货盘点#

【CSS Master】选择器四种基本类型#yyds干货盘点#

构建大型 Vue.js 应用程序#yyds干货盘点#

JavaScript数据结构之Number#yyds干货盘点#

总结篇：10个常用的 JavaScript 函数#yyds干货盘点#

JavaScript 中 8 个最佳电子邮件库#yyds干货盘点#

JavaScript 数据结构之 Set#yyds干货盘点#

推荐 3 个 React 动画库#指尖人生#

5 个可以拓展全栈技能的开源项目

使用 React 和 Next.js 构建博客

Three.js入门：构建一个立方体

JavaScript 使用 Markdown 制作 PPT

2021 年 6 个 GitHub 推荐前端项目

Three.js 入门指南

Mithril.js：一个高性能 JavaScript MVC 框架

JavaScript数据结构之Map

JavaScript数据结构之Object

浏览器存储之 localStorage 和 cookie#yyds干货盘点#

2022 年可能受欢迎的 9 个 JavaScript IDE 和代码编辑器#yyds干货盘点#

JavaScript 中对象和映射之间的 6 个区别#yyds干货盘点#

欢迎