文章分类 - HTML5
摘要：首先将页面上的图片的 src 属性设为 loading.gif，而图片的真实路径则设置在 data-src 属性中，页面滚动的时候计算图片的位置与滚动的位置，当图片出现在浏览器视口内时，将图片的 src 属性设置为 data-src 的值，这样，就可以实现延迟加载。 下面是具体的实现代码： <!DO
阅读全文
摘要：链接参考：https://zhuanlan.zhihu.com/p/24057749 1、为什么要使用图片懒加载 2、原理 3、代码 懒加载的意义（为什么要使用懒加载） 对页面加载速度影响最大的就是图片，一张普通的图片可以达到几M的大小，而代码也许就只有几十KB。当页面图片很多时，页面的加载速度缓慢
阅读全文
摘要：看了一篇技术文章，使用纯CSS导航切换(label 绑定 input:radio && ~)，其使用了 CSS3 兄弟选择符(E~F) ，即 选择选择E元素后面的所有兄弟元素F。 利用input的 label for属性+csss 伪类：checked ，进行点击判断。其demo如下
阅读全文
摘要：看了官网的 API 还是没怎么明白， 实例也没有， 在别的 圆主中看到，本地测试时可用，并附加 json文件 。 原链接：http://www.cnblogs.com/ikuyka/p/5766867.html resourse.json ： [ {"时间":1,"author":"曹雪芹","na
阅读全文
摘要：原生js随机文字抽奖代码 开始抽奖啦！！！ 开 始 停 止
阅读全文
摘要：之前项目手写loading加载ingdemo， 其中涉及图片是项目中用到， 注意： loadingBar div需要放到页面内容最前面; 至于何时出现或者控制隐藏显示 可使用js灵活控制即可。
阅读全文
摘要：选项tabs切换 tab1 tab2 tab3 内容框1 内容框2 内容框3
阅读全文
摘要：现象描述 真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距: 那么解决此问题有好多种方法，但是个人比较喜欢使用其中两种：如下 由于现在html页面都是使用html5 所以就使用 1、让闭合标签吃胶囊 如下处理： <ul class="space"> <li h
阅读全文
摘要：静态页面html已完成，其数据交互是本地模拟的 .json 数据文件。 那么 html页遇到此问题，调取本地json文件，如下两种实现方式 第一种虽然取到了数据，但是还需要进行一番的逻辑处理，那么想要简单些，就可使用框架。例如 使用angular.js 读取本地 json文件： js json文件
阅读全文
摘要：面试的前端时，总会被问到 <!DOCTYPE> 是什么你知道吗？它有哪些作用，有什么却别？ 建立新页面时也会看到 你一定在 HTML 页面最前面看到过这样一行代码： <!DOCTYPE html> 或者说类似这样的： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
阅读全文
摘要：html5页面 默认都允许用户缩放页面，或者在屏幕双击放大或缩小。即相当于这样设置 <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" /> 如果要禁止此情形，修改相应参数即可
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0
阅读全文
