在前端开发中，vscode 是最常用的编辑器，而 vscode 有着各种实用插件，有些可以帮助我们提升效率，有些可以让我们的工作过程变得更加快乐。 首先，介绍的第一款插件是 Power Mode，它可以让你的编程过程变得更加快乐（如下图）。 除了上面那种效果外，这个插件还有其他…

音频可视化，顾名思义就是将声音以视觉的方式呈现出来。如何将音频信号绘制出来？如何将声音的变化在视觉上清晰的表现出来，让视觉和听觉上的感受一致？这些在 Android 上如何实现？本文将针对这些问题做出解答，尽量对 Android 上的音频可视化实现做一个全面的介绍。 在这个流程…

App 容器，简言之，App 承载某类应用（H5/RN/Weex/小程序/Flutter ...）的运行环境，可主动干预并进行功能扩展，达到丰富能力、优化性能、提升体验的目的，如页面数据预取（prefetch）缩短页面可用耗时、WebAR 将 AR 能力赋予 H5、Native…

在 React 16 中，除去 Fiber 架构外，Hooks 是最令人激动的一个特性，相比于 class component，Hooks 加持后的 function component 在写法与思路上都大有不同，很多时候显得更为简洁与清爽（熵更低，弱化生命周期的概念），同时解…

今天的主题是 NutUI Picker 组件的设计与实现，Picker组件是 NutUI 的一个拾取器组件，它用于显示一系列的值集合，用户可以滚动选择集合中一项，也可以支持多个系列的值集合供用户分别选择。我们通过一张效果图，来看看组件具体实现了什么功能。 说到 NutUI， 可…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 1. 直播中已回答问题 2. 直播中未回答问题 Q:请教清音：数据一致性实行如何保证的。针对单一用户大量上报数据如何保证\? 1. 直播中已回答问题 2.…

苹果公司前不久对 Safari 浏览器进行一次重大更新，这次更新完全禁用了第三方 Cookie，这意味着，默认情况下，各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie，但是由于这些浏览器市场份额较小，并没有给市场…

性能是每个前端工程师都应该关注的话题，通用的优化手段已有许多文章和实践，就不再赘述，本篇以百度App个人主页为例，聊聊针对业务特点进行的一些性能优化实践。 适用于：传统意义的优化手段能用的都用了：打包拆包，缩减体积和 HTTP 请求数、CDN和按需加载等，但性能方面仍不太理想。…

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…