03 2020 档案

摘要:效果 代码 布局样式代码省略,以下只展示逻辑代码 我们想要的是居中的效果,所以触发滚动的条件是点 宽度一半之后的项才开始滚动,所以需要减去宽度的一半 为相对于 总长度的X轴距离,只要相减计算后的数值为正数,就可以证明上面的条件,触发滚动 阅读全文
posted @ 2020-03-24 23:16 WahFung 阅读(1941) 评论(0) 推荐(1) 编辑
摘要:路由参数解耦 一般在组件内使用路由参数,大多数人会这样做: 在组件中使用 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。 正确的做法是通过 解耦 将路由的 属性设置为 后,组件内可通过 接收到 参数 另外你还可以通过函数模式来返回 文档: "https: 阅读全文
posted @ 2020-03-21 22:50 WahFung 阅读(772) 评论(1) 推荐(2) 编辑
摘要:效果 贴上效果展示: 实现思路 样式方面不多赘述,滚动区域是给固定高度,设置 来实现。 接下来看看js方面的实现,其实也很简单,触发的条件是: + = 。例子我会使用 来实现,和原生实现是一样的。 可视高度(offsetHeight):通过 的 获得,表示区域固定的高度。这里我推荐通过 来获取高度, 阅读全文
posted @ 2020-03-21 16:48 WahFung 阅读(6286) 评论(7) 推荐(2) 编辑
摘要:生成一周时间 new Array 创建的数组只是添加了length属性,并没有实际的内容。通过扩展后,变为可用数组用于循环 function getWeekTime(){ return [...new Array(7)].map((j,i)=> new Date(Date.now()+i*8.64e 阅读全文
posted @ 2020-03-03 21:52 WahFung 阅读(528) 评论(1) 推荐(3) 编辑

Live2D
欢迎阅读『2020 年 3月 随笔档案』
点击右上角即可分享
微信分享提示