组件
4篇文章 · 0订阅
  • 学用Hooks写React组件——基础版移动端无缝轮播图组件
    答：核心思想是利用视觉上的感觉，在用户无感的情况下切换回去，也就是快速回滚。为了达成这个目的，就是在最后一个轮播图的后面加上第一个轮播图，当从最后一个切换到第一个时，先切换到备用的第一个，然后快速回滚到真正的第一个轮播图。第一个同理，可能有点绕，可以看图理解： 布局思路就是这样…
    React.js
    学用Hooks写React组件——基础版移动端无缝轮播图组件
  • 逐步拆解React组件—Swipe轮播图
    当前位置在如图，位置3上，红色箭头即手机可视区。 再进行右移动，完成第二次的无缝。左移同理 这里通过把组件拆分为Swipe和SwipeItem两个组件，Swipe为主要容器，SwipeItem为子项，Swipe验证children是否为SwipeItem组件，布局上采用了fle…
    React.js
    逐步拆解React组件—Swipe轮播图
  • rollup从入门到打包一个按需加载的组件库
    在上一篇文章中，我们学习了用webpack打包一个组件库。这次我们来学习怎么用rollup打包一个组件库。 rollup 是一个 JavaScript 模块打包器，在功能上要完成的事和webpack性质一样，就是将小块代码编译成大块复杂的代码，例如 library 或应用程序。…
    rollup.js
  • 教你搭建按需加载的Vue组件库
    按需加载，本质上是把一个组件库的不同组件拆分成不同文件，按照需要引用对应的文件，而该文件暴露一个install方法，供Vue.use使用。 上面的写法比较繁琐，而且需要知道每个组件的实际路径，使用起来并不方便，所以我们还需要借助一个转换插件。 到这我们可以知道，要搭建一个按需加…
    Vue.js