原文链接，点这里

Posted by Aman Khalid on May 30, 2019

1. Start on the board [从草图开始]
2. Actions，数据源和 API
3. Redux 集成
4. Dynamic UI at scale

本文将介绍构建大型 React 应用程序的步骤。在使用 React 创建单个页面应用程序时，代码库很容易变得杂乱无章。这导致了很难对应用程序进行调试，甚至使更新或扩展代码库变得更加困难。

在 webview 中打开一个带输入框的弹框，点击输入框，调出键盘后在输入框中进行输入，点击「确定」按钮后，弹框消失后，发现键盘并没有收起，手动将键盘关闭，具体可看截图。

• 丰富的离线体验
• 定期的后台同步
• 推送通知
• …

以上功能通常需要原生应用程序的支持， Service Worker 提供这些功能所依赖的技术基础。

1. 判断是不是没翻墙问题，验证发现已开启翻墙，仍然无法正常打开；

2. Windows 和 Mac 确认是否都无法正常打开，验证后发现确实都不可以；

原文链接

随着web开发变得越来越复杂，我们需要使用工具来帮助我们构建现代化网站。这是一个完整通过复杂webpack4配置的线上生产例子。

构建现代化网站已经成为自定义应用程序开发，网站期望能做的更多，具有传统应用的功能，而不仅仅是一个推广网站。

随着一个流程变得复杂时，我们就会将它分解为可管理的组件，并使用工具进行自动化构建，比如制造汽车、起草法案[法律文件]、建立网站。

原文链接：https://cssanimation.rocks/spheres/

使用border-radius属性，我们可以实现带圆角的形状和圆形。可以添加一些渐变效果来使他们变成圆球。让我们尝试一下，并且可以添加一些动画效果来赋予他们活力。

React.memo

类似于PureComponent，对引用类型的数据进行浅比较，即只会比较引用地址是否一致，对地址里的数据不会进行比较。区别就是一个用的class，一个用的function，两种用法比较：

1、解决在webview视频无法自动播放问题。
由于浏览器的限制，在webview中使用video标签，使用了autoplay属性，发现无法实现自动播放的需求，但是这个限制后面应该是解除了，不过针对的貌似是本地视频的自动播放，也就是说如果你播放的是本地视频，可以实现自动播放。那通过线上链接访问视频肯定需要原生端配置一些参数的，具体配置如下：

背景

颜色选择器在日常开发中会经常使用到，例如Chrome自带的取色器、Photoshop颜色选择器等。对于scratch3.0中颜色展示块也存在着颜色选择器，但是在移动端体验上面很差，所以交互对这个颜色选择器进行了修改，变成了一个弹框，加上几种默认的颜色，这对于在移动端上面的体验也会变得很好，尤其是针对小朋友使用scratch3.0进行创作编程的时候。

在github上面搜索了一些比较成熟的颜色选择器库，但发现对于这样一个简单的功能未免还是有点重了，有相当不错的库，比如react-color，这个库提供了相当丰富的选择器，例如Sketch、Photoshop、Chrome等颜色选择器，如果大家在开发中需要用到这类组件，可以试试casesandberg的库。

Web Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将一些任务分配给后者运行。在主线程运行的同时，Worker 线程在后台运行，两者互不干扰。等到 Worker 线程完成计算任务，再把结果返回给主线程。这样的好处是，一些计算密集型或高延迟的任务，被 Worker 线程负担了，主线程（通常负责 UI 交互）就会很流畅，不会被阻塞或拖慢。——《Web Worker 使用教程》
然后一些worker使用限制在该文章中也有提到，本文主要是通过一个简单的例子来讲讲web worker的使用。