日常笔记0530

css

• 图片显示问题：object-fit：fill / contain / cover / none / scale-down;

• 文字两端对齐：text-justify:distribute-all-lines; text-align-last: justify;text-align: justify;

  js

  数字滚动 需要jQuery和jquery.countTo.min.js

• 文档：

  • https://baijiahao.baidu.com/s?id=1716189637191629197&wfr=spider&for=pc
  • https://github.com/mhuggins/jquery-countTo

1995
4.3
$(‘.timer’).countTo({
speed: 2000,refreshInterval:50
});

滚动元素设置 scroll-padding-top

解决锚点因为fixed头部定位不准的问题

scss编译方式

依赖下载：https://github.com/sass/node-sass/releases

• —style compressed 压缩
• —style nested 嵌套（默认编译）
• —style compact 紧凑 多行输出 行格式

hbuilderx配置：

"command": [
  "${programPath}",
  "${file}",
  "${fileBasename}.css",
  "compact"
],