CSS自定义属性实现过渡效果

注册自定义属性

JavaScript的CSS.registerProperty()

可以定义属性的名称,语法,默认值,是否可继承

window.CSS.registerProperty({

n......

四舍五入后格式化数值

toFixed方法使用定点表示法格式化数值,并没有对数值使用四舍五入,虽然有些时候的返回值似乎是做了舍入处理(chrome中)

需要做四舍五入还是使用Math.round方法

f......

Style Input Range

input[type=range]:focus {outline: none;}@media screen and (-webkit-min-device-pixel-ratio:0) { input......

十种现代css布局方法

原文:

比较多的用到了grid,注意IE不支持

1. 超级居中

place-items: center

<div class="parent blue">......

组件re-render问题

向使用React.memo的组件传递函数作为props时,依然会引起re-render

const Item = React.memo(...);

const List = () => {......

Flexbox+Text ellipsis

参考:

上传文件名的显示:名称过长时截取一部分显示成省略号,但是保留后缀名称的展示

<div class="filename">

<sp......