草头木

在项目开发中，前端难免遇到需要路由缓存的需求。在之前一个React项目中，查询各种资料和插件后，了解到React要配合React-router进行路由缓存，会有很多意想不到的问题。所以在React项目中，我们都避免接收到需要路由缓存的需求。 最近在开发一个vue项目中，由于v…

移动端的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的 HTML5 和 CSS3 特性、需要与 Native 应用交互等。但移动端可用计算资源和网络资源极为有限，所以要做好移动端上的优化往往需要做更多的事情。 首屏数据请求提前，避免在 JavaScript 加载完成后才去…

这两个库都是跨平台的，都是直接操作 dom 的，跨平台不是不好，肯定是好，但是在 React 的世界，要处理状态的同步，通常都是通过状态或属性来控制，虽然可以用个 React 包裹上面两个库，提供 React 版本，但是总是觉得不那么完美。 查了一下，PC 触摸板可以出发 on…

随着我们日常社交生活的丰富，我们希望在浏览器上也用到画中画的功能。 早在2016年9月，Safari通过macOS Sierra中的WebKit API添加了Picture-in-Picture支持。相比chrome，safari在自带的播放控件内加入了画中画模式的按钮。 20…

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…

节点命中关键字高亮。 后端返回的数据为扁平化数据，展示需要转成树状结构。 数据量大，共4000+数据，为性能考虑，实现搜索功能时需要减少遍历次数。 将散乱扁平化的节点构造成以id为索引的对象据。 遍历扁平化节点，逐一寻找其父节点，并插入。 同时判断是否根节点，若是直接抽出根节点…

采集商品曝光... 前端：产品要看隔壁老王昨天... 埋点代码书写复杂，复杂度大于业务代码，成为开发者的一个大负担。 概念：所谓的代码埋点就是在你需要统计数据的地方植入N行代码，统计用户的关键行为。 使用者可以比较方便地设置自定义属性、自定义事件，传递比较丰富的数据到服务端。 …

1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…

最近产品想让我在富文本里加个旋转图片的功能，我一想🤔，就觉得事情并不简单，因为印象中好像没见过这种操作。果然，经过一番百度之后，确实没怎么看到相关信息，这也就意味着要自己动手丰衣足食了😢。但我自己对富文本又没什么了解，所以顺带稍微看了下富文本的实现方式，特此来沉淀一下，还是…