函数组件与类有什么区别? 发表于 2019-07-09 | 更新于: 2019-12-10 字数统计: 3.8k 字 | 阅读时长 ≈ 14 分钟 原文链接: overreacted.ioReact 函数组件与 React 类有什么区别?规范有段时间给出的答案是,类能提供更多的属性访问功能(例如 state )。借助 Hooks 的话,这点是毫无疑问的。可能你听说过其中一种的性能更好,到底是哪一种呢? 然而许多此类评判基准都是 不全面的 ,因此 ... 阅读全文 »
是时候开始使用 CSS 自定义属性了 发表于 2019-07-09 | 更新于: 2019-12-10 字数统计: 5.7k 字 | 阅读时长 ≈ 23 分钟 原文链接: www.smashingmagazine.com在今天,css预加载已经成为了前端开发的一个标准。预加载的一个主要优势就是可以让你使用变量。它可以让你避免复制黏贴你的代码,并且简化了开发和重构。我们用预加载来存储颜色、字体偏好,布局的细节——几乎是我们在css里面用到的所有东西。但是预加 ... 阅读全文 »
CSS 与 JS 动画的底层机制 + 如何优化它们的性能 发表于 2019-07-09 | 更新于: 2019-12-10 字数统计: 3.7k 字 | 阅读时长 ≈ 13 分钟 原文链接: blog.sessionstack.com转载:https://www.zcfy.cc/article/under-the-hood-of-css-and-js-animations-how-to-optimize-their-performance 这是致力于探索 JavaScript ... 阅读全文 »
Flutter macOS 开发环境搭建笔记 发表于 2019-07-09 | 更新于: 2019-12-10 字数统计: 2.3k 字 | 阅读时长 ≈ 9 分钟 本文主要记录在 macOS 系统上搭建 Flutter 开发环境的过程,以及遇到的问题和解决办法,供大家参考。 1. 系统环境Flutter 同时支持在 Windows、macOS、Linux 等主流操作系统上进行开发,如下图所示:本文的环境搭建主要参考了官方的 Get started 教程,同时 ... 阅读全文 »
10个流行的JavaScript面试题 发表于 2019-07-05 | 更新于: 2019-12-10 字数统计: 1.6k 字 | 阅读时长 ≈ 5 分钟 1.如何理解 JS 中的this关键字?JS 初学者总是对 this 关键字感到困惑,因为与其他现代编程语言相比,JS 中的这this关键字有点棘手。 “this” 一般是表示当前所在的对象,但是事情并没有像它应该的那样发生。JS中的this关键字由函数的调用者决定,谁调用就this就指向哪个。如 ... 阅读全文 »
js教程 发表于 2019-07-04 | 更新于: 2019-12-10 字数统计: 850 字 | 阅读时长 ≈ 3 分钟 JS 教程 JS 教程 JS 简介 JS 使用 JS 输出 JS 语句 JS 语法 JS 注释 JS 变量 JS 运算符 JS 算数 JS 赋值 JS 数据类型 JS 函数 JS 对象 JS 事件 JS 字符串 JS 字符串方法 JS 数字 JS 数字方法 J ... 阅读全文 »
从头开始创建一个 React 应用 发表于 2019-07-04 | 更新于: 2019-12-10 字数统计: 2.4k 字 | 阅读时长 ≈ 10 分钟 并不详细介绍 React 的写法。主要内容是:如何从无到有,创建并运行起来一个 React 应用。 React 简介一句话介绍: React 是用于构建用户界面的 JavaScript 库。针对的是 View 层。虽然 React 只是视图层的一个 Library,但并非开箱即用。React 使用了 ... 阅读全文 »
create-react-app创建的项目中registerServiceWorker.js文件的作用 发表于 2019-07-04 | 更新于: 2019-12-10 字数统计: 682 字 | 阅读时长 ≈ 2 分钟 使用React官方的脚手架工具create-react-app创建的项目,目录中会存在registerServiceWorker.js这个文件,这个文件的作用是什么呢?这个文件可以使用也可以不使用,使用它可以使你的react项目变成一个PWA(Progressive Web Application) ... 阅读全文 »
RxJS 发表于 2019-07-04 | 更新于: 2019-12-10 字数统计: 3.7k 字 | 阅读时长 ≈ 15 分钟 官网github地址:https://github.com/ReactiveX/rxjs 异步复杂度要到什么程度才需要用到Rxjs?给大家介绍一个很直观的网站,用动画的方式演示了大部分Rxjs的Operator的执行过程,以及功能相似的Operator之间的比较。https://reactive.h ... 阅读全文 »
CSS 实现类似原生效果的 1px 边框 发表于 2019-07-03 | 更新于: 2019-12-10 字数统计: 617 字 | 阅读时长 ≈ 2 分钟 一.使用border-image实现类似iOS7的1px底边iOS7已经发布有一段时间,扁平化设计风格有很多值得称赞的地方,其中有很多设计细节都是值得研究的。首先,来看下面iOS设置的截图中的border:从上面的截图可以看到iOS7的设计是非常精细的,border是一根非常细的线。这篇文章将说明 ... 阅读全文 »