09 2020 档案
摘要:书城页面开发
阅读全文
摘要:4、书签功能、页眉页脚、兼容性优化 4.1 书签原理 功能:当用户在某一页面往下拖动时,整个页面会向下移动,并且显示上面的书签组件,移动距离达到一定阈值时书签组件就固定不动且出现添加书签字样。 原理: 先在阅读器组件中绑定touchmove和touchend事件,(注意为什么不是touchstart
阅读全文
摘要:3、目录 基本框架:目录板块的一个大的蒙板,左边是目录右边是背景部分(灰色),左边又有两个tab栏,一个是目录条目一个是书签,同时翻开还带有进入动画。 分为四个组件,整个板块一个大组件,里面有三个小组件,分别为:目录条目、书签、进入动画 3.1 目录浮出效果 要做出的效果其实是,当目录向右滑动同时背
阅读全文
摘要:vue中$nextTick函数(异步dom更新) 在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中 在created()钩子函数执行的时候DOM 其实并未进行任何渲染,而此时进行DOM操作无异于徒劳,所以此处一定要将DOM操作的js代码放
阅读全文
摘要:使用ellipsis时的问题和控制文字n行显示(webkit-box方法)
阅读全文
摘要:font-size 设为0 解决行内元素边距问题(空白字符带来的间距问题)
阅读全文
摘要:实现进度条拖动,上下章切换,保存阅读进度
阅读全文
摘要:1、阅读器解析和渲染 1.1 动态路由的设置 观察成品可知,在地址栏会出现书名、分类的信息,而且可以在地址栏更改信息得到不同的书,这就利用了动态路由的技术。 1.1.1 现在先实现,在地址栏输入的值直接显示到页面的效果。 在路由index.js文件中的ebook路由下,添加children属性来存放
阅读全文