在网站设计制作或者小程序开发等前端开发工作过程中,图片作为直达用户的有效媒介,涉及到图片能否正常加载显示,是产品用户体验的关键环节。本文将针对图片加载失败的情况提出相关的解决方案。
网页端处理图片加载失败方案
网站加载图片404时,一般会设置默认显示图片,通过占位符的形式体现。前端可使用JavaScript的onerror设置默认图像显示代替alt。
……继续阅读 »
6年前 (2019-09-07) 2360浏览 0评论
24个赞
lazyload图片延迟加载使图片在下拉滚动条时加载,一个很不错的用户体验,既减少了页面加载的时间了,也减轻了服务器的压力。
使用方法:
使用JQuery插件 ,插件名: jquery.lazyload(7kb大小),压缩后(3kb大小)。
1.直接导入Jquery插件
<script src=”jquery.js” type=……继续阅读 »
12年前 (2013-04-08) 2803浏览 0评论
6个赞
Minify压缩JS和CSS
Minify把CSS和JS压缩和削减(Minify:去掉空格回车符等),以及把多个CSS,JS文件整合到一个文件里。不要以为你的大带宽没有 必要进行这类优化。使用它的理由更重要的是文件合并,而不是压缩,而是文件整合,这样可以减少浏览器端不断发出新的连接请求,就像FTP服务器一样,多个 小文件和一个大文件耗时是不一样的。
Mini……继续阅读 »
12年前 (2013-04-08) 3248浏览 0评论
13个赞
YSlow使用
YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“,发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助,希望给初次使用Yslow的朋友一些帮助。
安装 YSlow
先安装 Firebug https://addons.mozilla.org/en……继续阅读 »
12年前 (2013-04-08) 3385浏览 0评论
6个赞
Cookie的概念:
Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。
Cookie工作原理:
一般来说,Cookie通过HTTP Headers从服务器端返回到浏览器上。
……继续阅读 »
12年前 (2013-04-08) 3212浏览 0评论
10个赞
对象使用和属性
JavaScript 中所有变量都是对象,除了两个例外 null 和 undefined。
false.toString() // 'false'
[1, 2, 3].toString(); // '1,2,3'
function Foo(){}
Foo.bar = 1;
Foo.bar; // 1
一个常见的误解是数字的……继续阅读 »
12年前 (2013-04-08) 2190浏览 0评论
6个赞
现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了
总是从ID选择器开始继承
在class前使用tag
将jquery对象缓存起来
掌握强大的链式操作
使用子查询
对直接的DOM操作进行限制
冒泡
消除无效查询
推迟到 $(window).load
1. 总是从ID选择器开始继承
在jquery中最快……继续阅读 »
12年前 (2013-04-08) 1428浏览 0评论
3个赞
本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。
1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):
$.ajaxSetup({
ajaxSet……继续阅读 »
12年前 (2013-04-08) 1994浏览 0评论
4个赞
淘宝高手. @玉伯也叫射雕 .开发的一个js加载技术核心思想是KISS[Keep It Simple, Stupid].
这个是高手的PDF文档.http://speakerdeck.com/u/lifesinger/p/seajs
SeaJS 是一个适用于 Web 浏览器端的模块加载器。使用 SeaJS,可以更好地组织 JavaScript 代码。
快……继续阅读 »
12年前 (2013-04-08) 1851浏览 0评论
3个赞