Skip to content
JavaScript CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
constants
dist
src
styles
test
.browserslistrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.npmignore
.stylelintrc
.travis.yml
LICENSE
README.md
babel.config.js
index.js
jsdoc.json
package-lock.json
package.json
rollup.config.js

README.md

UI工具

npm Build Status

主要目录结构

  • constants,常量
  • src
    • carousel
    • group,通用类
    • imageLoader
    • modal
    • swipe
    • swipeCarousel
  • styles
    • _func.scss
    • _root.scss

其中_func.scss$rem默认100px,可设置覆盖

Observer

使用观察者模式管理状态切换

自定义观察者(observer)必须包含update方法,接收目标(subject)的当前状态和原状态。使用目标实例方法attach(), detach()管理观察者,参数接收(Observer|Array.<Observer>)

const customObserver = () => ({
  update(state, prevState) {
    const { page: currentPage } = state;
    const { page: prevPage } = prevState;

    if (prevPage !== currentPage && currentPage === 'main') {
      doSth();
    }
  },
});

const menu = new Menu('main');
menu.attach(customObserver());

menu添加自定义观察者示例。当menu状态切换到打开main页时将执行doSth函数。

browserslist

浏览器支持情况

npx browserslist

见.browserslistrc

测试和文档

测试和文档

npm test

运行单元测试

npm run jsdoc

# darwin
npm run open

生成和查看doc

资源

You can’t perform that action at this time.