由日常使用的JS方法和SCSS方法组成的前端业务代码工具库;
指在减少日常开发中重复的工作,减少生命的消耗;
避免在不同的项目中用相同的方法,需要复制粘贴的麻烦,构建一个工具库并且发布npm, 通过安装的方式提高效率;
- 直接下载
dist/js/index.js
使用,暴露在window.deme; - 使用
npm
安装,支持umd通用模块规范;
- 浏览器
<script src="/dist/js/index.js"></script>
<script>
deme.simpleAdd(0.01,0.03)
</script>
- node
npm install --save-dev deme
//完整引入
import deme from 'deme';
@import './deme.scss'
//按需引入
import { simpleAdd } from 'deme'
simpleAdd(0.01,0.03);
//commonjs
const { simpleAdd } = require('./deme');
simpleAdd(0.01,0.03);
推荐使用按需引入
取12位精度,要再高精度得用第三方库了,如math.js等
当然高进度的运算速度肯定不如内置的,看自己舍弃了;
- 单行或者多行文字超出省略符
@include textOverflow;
- 快速设置字体(如果编辑器有自定义代码段落,当我没说:satisfied:)
@include fontSet(font-size,line-height,color,text-align);
@include fontSet(16px,32px,#000,center);
- 计算px对应的rem值
@include rem(16px)
- 1px边框,适配两倍屏,三倍屏
//scss
@include thinBorder((left,top),red,5px);
//class
.thin-border
- 自动化测试
- 业务组件