随笔分类 -  html5

ios真机使用fixed定位页面滚动时fixed定位的元素也会跟着滚动
摘要:到了ios真机APP中,页面向下滚动,fixed的元素也跟着滚,虽然最后它还是到了它该在的地方,但是它跟着滚动也很影响页面的流畅性和交互性好伐。 阅读全文

posted @ 2020-12-01 17:30 ranyonsue 阅读(2109) 评论(0) 推荐(0) 编辑

HTML5 storage事件监听
摘要:引用《h5移动web开发指南》上的话: “当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件,就会触发” 所以,localStorage storage的例子运行需要如下条件: 同一浏览器打开了两个同源页面 其中一个网页修改了localStorage 另一 阅读全文

posted @ 2019-08-29 15:34 ranyonsue 阅读(6044) 评论(0) 推荐(0) 编辑

前端路由的实现方式
摘要:前端路由与单页页面 路由就是指随着浏览器地址栏的变化,展示给用户的页面也不相同。 传统的网页根据用户访问的不同的地址,浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大,而且用户访问速度也比较慢。在这种场景下,出现了单页应用。 单页应用,就是只有一个页面,用户访问一个网址,服务器返 阅读全文

posted @ 2018-12-13 18:16 ranyonsue 阅读(1514) 评论(0) 推荐(2) 编辑

单页应用和多页应用
摘要:多页面应用 一个项目是由多个完整的html页面组成, 每一次页面跳转的时候,后台服务器都会给返回一个新的HTML文档,页面跳转所有的资源都要重新加载,页面之间的切换会出现卡顿空白的问题,不容易实现切换动画等。这种类型的网站也就是多页网站,也叫做多页应用。 首屏时间叫做页面首个屏幕的内容展现的时间,当 阅读全文

posted @ 2018-12-13 17:29 ranyonsue 阅读(2177) 评论(0) 推荐(0) 编辑

使用readAsDataURL方法预览图片
摘要:使用FileReader接口的readAsDataURL方法实现图片的预览。 在FileReader出现之前,前端的图片预览是这样实现的:把本地图片上传到服务器,服务器把图片地址返回,并把它替换到图片元素的src属性。 这种方法的缺点是:必须要先把图片上传到服务器。那么问题来了,如果上传的图片很大, 阅读全文

posted @ 2018-06-27 18:29 ranyonsue 阅读(2320) 评论(0) 推荐(0) 编辑

html5应用程序缓存
摘要:缓存概念: 页面缓存: html、JS、CSS等,这些缓存资源是由于浏览器的行为而产生; 数据缓存 AppCache: Cache Manifest 操作; 需要服务器 与 客户端 相互配合; 所有的缓存数据都由开发者直接完全地掌控。 DOM Storage(Web Storage): local 阅读全文

posted @ 2018-04-24 16:35 ranyonsue 阅读(998) 评论(0) 推荐(0) 编辑

导航