在网站设计制作或者小程序开发等前端开发工作过程中，图片作为直达用户的有效媒介，涉及到图片能否正常加载显示，是产品用户体验的关键环节。本文将针对图片加载失败的情况提出相关的解决方案。
网页端处理图片加载失败方案
网站加载图片404时，一般会设置默认显示图片，通过占位符的形式体现。前端可使用JavaScript的onerror设置默认图像显示代替alt。
……继续阅读 »
5年前 (2019-09-07) 2192浏览 0评论
24个赞
lazyload图片延迟加载使图片在下拉滚动条时加载,一个很不错的用户体验，既减少了页面加载的时间了，也减轻了服务器的压力。
使用方法：
使用JQuery插件 ，插件名: jquery.lazyload（7kb大小），压缩后（3kb大小）。
1.直接导入Jquery插件
<script src=”jquery.js” type=……继续阅读 »
12年前 (2013-04-08) 2619浏览 0评论
6个赞
Minify压缩JS和CSS
Minify把CSS和JS压缩和削减(Minify：去掉空格回车符等)，以及把多个CSS，JS文件整合到一个文件里。不要以为你的大带宽没有 必要进行这类优化。使用它的理由更重要的是文件合并，而不是压缩，而是文件整合，这样可以减少浏览器端不断发出新的连接请求，就像FTP服务器一样，多个 小文件和一个大文件耗时是不一样的。
Mini……继续阅读 »
12年前 (2013-04-08) 3064浏览 0评论
13个赞
YSlow使用
YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“，发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助，希望给初次使用Yslow的朋友一些帮助。
安装 YSlow
先安装 Firebug https://addons.mozilla.org/en……继续阅读 »
12年前 (2013-04-08) 3203浏览 0评论
6个赞
Cookie的概念：
Cookie是由服务器端生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的key/value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览器设置为启用cookie）。
Cookie工作原理：
一般来说，Cookie通过HTTP Headers从服务器端返回到浏览器上。
……继续阅读 »
12年前 (2013-04-08) 3066浏览 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) 2030浏览 0评论
6个赞
文档类型声明及编码：统一为html5声明类型<!DOCTYPE html>，编码统一为<meta charset=”utf-8″ />；书写时实现层次分明的缩进，建议统一使用TAB键进行缩进。
目的：统一性和网站提高开发合作效率。
非特殊情况下样式文件必须外链至<head>…</head>之间；非特殊情况下……继续阅读 »
12年前 (2013-04-08) 2469浏览 0评论
6个赞
html注释：页面中推荐的两种注释
<!–前端html注释方法–>, ‘–’只能在注释的始末位置,不可置入注释文字区域;
<%!–jsp注释,不会输出,推荐使用–%>
css 注释: 注释格式 /*这儿是注释*/;
JavaScript 注释, 单行注释使用’//这儿是单行注释’ ,多行注释使用 /* 这儿有多行注释 */;
注……继续阅读 »
12年前 (2013-04-08) 1709浏览 0评论
8个赞
html/css命名
按web标准来进行网站设计时，尤其是比较大型的门户站，会发现用的css会特别多，名字随意命名，会严重增加后期维护成本及团队合作难度，所以在网页制作中制定html/CSS命名规范，可以改善优化功效，特别是团队合作时候可以提供合作制作效率
常用命名
外 套：wrap 外 套：wrapper
页 眉：header 整个页面：……继续阅读 »
12年前 (2013-04-08) 1794浏览 0评论
8个赞
所有页面元素类图片均放入pic 应用下，根据项目名称进行文件夹命名;
图片格式仅限于gif || png || jpg;
命名全部用小写英文字母 || 数字 || _ 的组合，其中不得包含汉字 || 空格 || 特殊字符；尽量用易懂的词汇, 便于团队其他成员理解; 另外, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_……继续阅读 »
12年前 (2013-04-08) 1656浏览 0评论
4个赞
