阿宝哥_-优快云博客

原创＜＜前端进阶篇＞＞ PDF 出炉了 — 「阿宝哥」，精心准备的 6 万多字 170 页的前端进阶资料

一、前言大家好，我是阿宝哥。首先简单介绍下我自己，2017 年 3 月份开始在思否写 Angular 修仙之路专栏，目前已输出 138 篇原创文章。曾获得思否年度优秀文章作者及两季 Top Writer。2020 年开始专注系列教程写作，包含以下专题：重学 TS 专题（40+篇）玩转前端专题（5 篇）你不知道的 XXX（4 篇）了不起的 XXX 专题（5 篇）平常活跃在各个开发社区，这里分享主要的社区地址：1、掘金（LV5）：https://juejin.im/user/76491582

2020-08-03 08:31:23 649

原创十大酷炫屌的图像悬停特效

本文阿宝哥将给大家介绍十个 “酷炫屌" 的图像悬停效果，希望阿宝哥精心录制的十个 Gif 动画能让大家眼前一亮，当然更希望这些特效能给大家设计图片悬停效果带来一些 ”灵感“。感知方向的悬停效果示例说明：该示例会根据鼠标移入的方向展示不同的动画效果。示例来源：Noel Delgado在线地址：https://codepen.io/noeldelgado/pen/pGwFx静态效果图Gif 动态效果图叠加运动悬停效应示例说明：当鼠标悬停在图片上时，会产生 3D 的堆叠运动效果。示例来

2020-06-28 13:29:36 4176

原创你不知道的 Web Workers （上）[7.8K 字 | 多图预警]

阅读完本文你将学到以下知识：进程与线程的区别：进程与线程的概念及单线程与多线程；浏览器内核的相关知识：GUI 渲染线程、JavaScript 引擎线程、事件触发线程等；Web Workers 是什么：Web Workers 的限制与能力及主线程与 Web Workers 之间如何通信；Web Workers 的分类：Dedicated Worker、Shared Worker 和 Service Workers；Web Workers API：Worker 构造函数及如何观察 Dedicated

2020-06-24 12:42:54 518 1

原创图片处理不用愁，给你十个小帮手

本文阿宝哥会为小伙伴们隆重介绍用于图片处理的十个 “小帮手”，他们各个身怀绝技，拥有模糊、压缩、裁剪、旋转、合成、比对等技能。相信认识他们之后，你将能够轻松应对大多数的图片处理场景。不过在介绍 “小帮手” 前，阿宝哥会先介绍一些图片相关的基础知识。此外，为了让小伙伴们能够学习更多图片相关的知识，阿宝哥精心准备了 “阿宝哥有话说” 章节。该章节你将会学到以下知识：如何区分图片的类型（非文件后缀名）；如何获取图片的尺寸（非右键查看图片信息）；如何预览本地图片（非图片阅读器）；如何实现图片压缩（非图片

2020-06-23 08:28:05 1780

原创前端进阶：跟着开源项目学习插件化架构

一、微内核架构简介1. 1 微内核的概念微内核架构（Microkernel Architecture），有时也被称为插件化架构（Plug-in Architecture），是一种面向功能进行拆分的可扩展性架构，通常用于实现基于产品的应用。微内核架构模式允许你将其他应用程序功能作为插件添加到核心应用程序，从而提供可扩展性以及功能分离和隔离。微内核架构模式包括两种类型的架构组件：核心系统（Core System）和插件模块（Plug-in modules）。应用逻辑被分割为独立的插件模块和核心系统，提供了

2020-06-22 13:02:53 1393

原创前端存储除了 localStorage 还有啥

本文介绍一些与前端数据存储有关，有趣、好玩、有用的开源库。除此之外，还会让你掌握各种 Web 存储方案的特点，赶紧来了解一下。在介绍目前比较流行的一些开源的前端存储方案之前，阿宝哥先分享一些与存储有关，有趣好玩的开源库。一、有趣好玩的开源库1.1 SharedbRealtime database backend based on Operational Transformation (OT)。https://github.com/share/sharedbShareDB 是一个基于 JS.

2020-06-22 11:47:22 645

原创一文搞懂 TS 泛型，让你头不再晕

觉得 TypeScript 泛型有点难，想系统学习 TypeScript 泛型相关知识的小伙伴们看过来，本文从八个方面入手，全方位带你一步步学习 TypeScript 中泛型，详细的内容大纲请看下图：一、泛型是什么软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像 C# 和 Java 这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。这样

2020-06-21 10:27:24 44853 20

原创了不起的 TypeScript 入门教程（1.2 W字）

想学习 TypeScript 的小伙伴看过来，本文将带你一步步学习 TypeScript 入门相关的十四个知识点，详细的内容大纲请看下图：一、TypeScript 是什么TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 De

2020-06-21 09:37:59 939

原创让你眼前一亮的 10 大 TS 项目

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。下图显示了 TypeScript 与 ES5、ES2015 和 ES2016 之间的关系：好的，简单介绍了 TypeScript，

2020-06-21 09:30:15 4045

semlinker的博客