Javascript

react学习之表单

react学习之表单

HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。

为页面顶部添加进度条

为页面顶部添加进度条

页面添加进度条,可以让用户客观的知道浏览的进度,主要是使用了getBoundingClientRect

禁止蒙层底部页面跟随滚动

禁止蒙层底部页面跟随滚动

弹窗是一种常见的交互方式,而蒙层是弹窗必不可少的元素,用于隔断页面与弹窗区块,暂时阻断页面的交互。但是,在蒙层元素中滑动的时候,滑到内容的尽头时,再继续滑动,蒙层底部的页面会开始滚动,显然这不是我们想要的效果,因此需要阻止这种行为。

react 骨架屏的使用

react 骨架屏的使用

骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面。

react学习之Immutable的使用

react学习之Immutable的使用

Immutable数据就是一旦创建,就不能更改的数据。每当对Immutable对象进行修改的时候,就会返回一个新的Immutable对象,以此来保证数据的不可变。

Styled-components的injectGlobal的使用报错

Styled-components的injectGlobal的使用报错

styled-components 是一个常用的 css in js 类库。和所有同类型的类库一样,通过 js 赋能解决了原生 css 所不具备的能力,比如变量、循环、函数等。