- 博客(4)
- 收藏
- 关注
原创 好记性不如烂键盘,CSSOM View Module整理
看了鑫神的文章DOM基础小测27期答疑文字版-窗体滚动二三事后,把之前整理的笔记和鑫神最新的精讲整合一下,方便以后使用。 CSSOM CSS object model是一组允许从JavaScript操作CSS的api。它很像DOM,但用于CSS而不是HTML。它允许用户动态地读取和修改CSS样式。 Screen视图属性 Screen视图表示显示器的信息,通常是呈现当前窗口的屏幕(浏览器窗口中...
2019-04-02 16:45:38 211
原创 好记性不如烂键盘,手写Promise学习
要点 Promise声明的时候要传入带有resolve和reject两个参数的方法executor,该方法会立即执行; Promise存在三个状态(state); pending:等待解决,初始化; fulfilled:成功,调用resolve; rejected:失败,调用reject或报错; then方法有两个可选参数onFulfilled和onRejected,如果这两个参数不是函数,必...
2019-04-01 15:55:41 180
原创 用Swiper撸一个爱奇艺nav
本着寓教于乐的精神,在看电视的时候突然觉得爱奇艺APP的导航条做的是真的很舒服,所以决定仿照着写一个。 上面这张是完成后的效果。还有几个地方有小的瑕疵,但是大体已经成型,细节还需要后面再考量一下(请忽略配色)。 分析一波 因为是移动端使用,所以肯定会有大量的滑动处理,所以要选择一个处理滑动事件的库; 关于图中active横线的移动问题,如果用普通的动画来处理,会需要考虑前进后退的问题,所以考...
2019-03-23 16:35:37 1144
原创 Stimulus入门
前言 官网 & Github 现代框架大多数是先生成一个空的页面,然后通过特定的模板语言将JSON转换为DOM元素来填充该页面。而Stimulus并不会干扰HTML的创建,相反的,它是依附于现有HTML文档的。Stimulus关注的重点是对现有DOM元素的操纵,而不是对DOM元素的创建。Stimulus+Turbolinks的结合会更适合“传统前端”。 本文只是针对用stimulus-s...
2019-03-20 15:15:01 1927
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人