实现类似Pinterest 的图片预加载功能
2016/09/11 · JavaScript
提起Pinterest,大家第一印象可能是图片社交网站,里面有很多用户上传的各式各样的图片。从前端设计出发的话,我们一定不会忘记我们曾经非常流行的瀑布流布局。但是今天,给大家简要分析上 Pinterest上另外一项非常值得借鉴图片加载细节。
Javascript图片预加载详解
2016/07/04 · JavaScript · 1 条评论
图片的加载速度往往影响着网站整体的用户体验,尤其对于包含大量图片的网站。对图片进行预加载,不失为一个高效的解决方案。如何实现预加载?本文将例举利用CSS、JavaScript及Ajax实现图片预加载的三大方法。
基于用户行为的图片等资源预加载
2016/06/04 · CSS
懒加载和本文要提到的预加载实际是不同的概念。典型的懒加载,例如本博文章的图片,当用户滚动图片进入窗体的时候,才去加载;或者用户点击选项卡,原本隐藏的图片此时再去加载,这个也称之为懒加载。
利用简洁的图片预加载组件提升h5移动页面的用户体验
2016/03/12 · HTML5 · 1 条评论
在做h5移动页面,相信大家一定碰到过页面已经打开,但是里面的图片还未加载出来的情况,这种问题虽然不影响页面的功能,但是不利于用户体验。
前端性能优化 – 资源预加载
2015/11/19 · JavaScript
当提到前端性能优化时,我们首先会联想到文件的合并、压缩,文件缓存和开启服务器端的 gzip 压缩等,这使得页面加载更快,用户可以尽快使用我们的 Web 应用来达到他们的目标。资源预加载是另一个性能优化技术,我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。
前端资源预加载并展示进度条
2015/09/30 · JavaScript
我们经常会看到,一些站点在首次进入的时候会先显示一个进度条,等资源加载完毕后再呈现页面。然后整个页面的操作就会非常流畅。尤其是在移动端或是页游中,这样做能避免页面出现白屏,提升用户体验。那这种技术是如何实现的呢?
如何从一个前端转为一个全栈工程师
Terrorblade 发起
• 4 回复
自学3个月前端,面试机会很少,现在...
Roy云溪 发起
• 44 回复
现在做php,想转大前端,希望大家给...
木杉 发起
• 18 回复
年后准备辞职报个前端培训班
Melor 发起
• 73 回复
做前端,要不要换工作,现在换的话,...
红蜻蜓 发起
• 83 回复
2018前端未来的路在哪里
July丶Rose 发起
• 1 回复
Ajax angular AngularJS async await Babel box-shadow Canvas Chrome Console CSS CSS3 DOM es6 facebook Flexbox float gulp H5 HTML5 HTTP HTTP/2 HTTPS Javascript jQuery JSON mobx MVC MVVM node node.js NodeJS npm PNG POSTCSS Promise PWA React ReactJS React Native Redux rem Service Worker settimeout SVG this underscore URL Vue WEB WebGL webpack XSS 事件 代码 作用域 内存泄漏 内存泄露 函数 函数式编程 前端 动画 原型 响应式 字体 安全 对象 小程序 居中 工具 布局 异步 性能 性能优化 插件 数组 框架 模块 模块化 模板引擎 正则表达式 测试 浏览器 游戏 移动端 算法 组件 组件化 继承 缓存 职场 表单 调试 跨域 选择器 重构 闭包 面试 预加载 高性能
密码明文存入 log?Twitter 程序员可能要被祭天了
2018/05/04 · 84 · 3
地址 1.1.1.1,Cloudflare 推新公共 DNS 服务
2018/04/02 · 67 · 6
C++委员会决定在C++20中弃用原始指针
2018/04/02 · 5
安卓用 Java 侵犯甲骨文版权,谷歌或赔 88 亿美元
2018/03/28 · 81 · 3
李文星家属诉 BOSS直聘:哪怕赔一分 能给个交代也值
2018/03/27 · 130 · 4
为防止员工加班,韩国政府规定20点必须关闭电脑
2018/03/28 · 34