随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。 本篇文章并非和数据可视化相关，而是通过抽象技术底层，将其应用于H5页面可视化搭建上，通过技术的手段实现拖拽式…

Markdown 提供了编写文章的方便，我们可以透过 Remarkable，Marked 等一些解析 Markdown 工具来获取 HTML，然后透过 React 原生的 dangerouslySetInnerHTML 方法直接放到组件里面。

React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。 单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。 React 本身没有全家桶，只做UI界面。 提供了无缝切换到 React Nati…

前端预备：从一个数据请求，入门 React Hooks 前言 React 早期的写法以 Class 类组件为主，附带一些纯用于展示的函数组件，但是函数组件是不能控制自身的状态的。 直到 16.8 版本

虽然是一个小小的轮播图组件，但是我还是希望将它作为一个完整的项目进行对待。 现代Web项目的开发使用的技术栈一般不会采用原生 JS 或者基于 Jquery 进行刀耕火种式的开发，而是使用 React 或者 Vue 框架。 由于我们是基于 React 框架实现该轮播组件，所以我们…

当前位置在如图，位置3上，红色箭头即手机可视区。 再进行右移动，完成第二次的无缝。左移同理 这里通过把组件拆分为Swipe和SwipeItem两个组件，Swipe为主要容器，SwipeItem为子项，Swipe验证children是否为SwipeItem组件，布局上采用了fle…

无论你工作了三年，还是五年，如果你没有接触过像蓝牙，NFC这样的外设。那么这篇文章将带你打开新世界的大门。

小程序这一块，是使用一个页面去完成这个选择的动作，而在App上的表现，是从底部弹出来的，好奇的我还去看了美团移动端页面这个组件的表现，也有一些差异。 整体上来说，功能是一样的，选日期，入店-离店日期。 1号星期5，我知道，那这周的星期天，也就是这周的第一天的日期是可以推算出来的…