• 欢迎访问ByWei.Cn,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,加入百味博客 软件定制QQ群
  • 已升级为最新版主题,并将持续优化改造中,支持说说碎语功能,可像添加文章一样直接添加说说,博客主题升级啦
  • 感谢您百度求点赞啊!百度网址
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏百味博客吧
  • 博主热烈欢迎 软件定制开发 联系:http://www.bywei.cn

Web前端,JavaScript,CSS,jQuery,HTML5

图片加载失败404处理方案:JavaScript处理或者nginx服务返回端默认图片

图片加载失败404处理方案:JavaScript处理或者nginx服务返回端默认图片
在网站设计制作或者小程序开发等前端开发工作过程中,图片作为直达用户的有效媒介,涉及到图片能否正常加载显示,是产品用户体验的关键环节。本文将针对图片加载失败的情况提出相关的解决方案。 网页端处理图片加载失败方案 网站加载图片404时,一般会设置默认显示图片,通过占位符的形式体现。前端可使用JavaScript的onerror设置默认图像显示代替alt。 ……继续阅读 »

2年前 (2019-09-07) 1075浏览 0评论 0个赞

lazyload图片延迟加载

lazyload图片延迟加载
lazyload图片延迟加载使图片在下拉滚动条时加载,一个很不错的用户体验,既减少了页面加载的时间了,也减轻了服务器的压力。 使用方法: 使用JQuery插件 ,插件名: jquery.lazyload(7kb大小),压缩后(3kb大小)。 1.直接导入Jquery插件 <script src=”jquery.js” type=……继续阅读 »

9年前 (2013-04-08) 1701浏览 0评论 0个赞

网页加载速度之js/css压缩

网页加载速度之js/css压缩
Minify压缩JS和CSS Minify把CSS和JS压缩和削减(Minify:去掉空格回车符等),以及把多个CSS,JS文件整合到一个文件里。不要以为你的大带宽没有 必要进行这类优化。使用它的理由更重要的是文件合并,而不是压缩,而是文件整合,这样可以减少浏览器端不断发出新的连接请求,就像FTP服务器一样,多个 小文件和一个大文件耗时是不一样的。 Mini……继续阅读 »

9年前 (2013-04-08) 2150浏览 0评论 1个赞

网页加载速度之性能检测工具

网页加载速度之性能检测工具
YSlow使用 YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“,发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助,希望给初次使用Yslow的朋友一些帮助。 安装 YSlow 先安装 Firebug https://addons.mozilla.org/en……继续阅读 »

9年前 (2013-04-08) 2163浏览 0评论 0个赞

网页加载速度之cookie优化

网页加载速度之cookie优化
Cookie的概念: Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。 Cookie工作原理: 一般来说,Cookie通过HTTP Headers从服务器端返回到浏览器上。 ……继续阅读 »

9年前 (2013-04-08) 2390浏览 0评论 0个赞

Javascript 常见陷阱及特殊用法

Javascript 常见陷阱及特殊用法
对象使用和属性 JavaScript 中所有变量都是对象,除了两个例外 null 和 undefined。 false.toString() // 'false' [1, 2, 3].toString(); // '1,2,3' function Foo(){} Foo.bar = 1; Foo.bar; // 1 一个常见的误解是数字的……继续阅读 »

9年前 (2013-04-08) 1422浏览 0评论 0个赞

html代码书写规范文档

html代码书写规范文档
文档类型声明及编码:统一为html5声明类型<!DOCTYPE html>,编码统一为<meta charset=”utf-8″ />;书写时实现层次分明的缩进,建议统一使用TAB键进行缩进。 目的:统一性和网站提高开发合作效率。 非特殊情况下样式文件必须外链至<head>…</head>之间;非特殊情况下……继续阅读 »

9年前 (2013-04-08) 1751浏览 0评论 0个赞

css/html/javaScript编码注释规范

css/html/javaScript编码注释规范
html注释:页面中推荐的两种注释 <!–前端html注释方法–>, ‘–’只能在注释的始末位置,不可置入注释文字区域; <%!–jsp注释,不会输出,推荐使用–%> css 注释: 注释格式 /*这儿是注释*/; JavaScript 注释, 单行注释使用’//这儿是单行注释’ ,多行注释使用 /* 这儿有多行注释 */; 注……继续阅读 »

9年前 (2013-04-08) 1091浏览 0评论 0个赞

html/css/js的web标准命名规范

html/css/js的web标准命名规范
html/css命名 按web标准来进行网站设计时,尤其是比较大型的门户站,会发现用的css会特别多,名字随意命名,会严重增加后期维护成本及团队合作难度,所以在网页制作中制定html/CSS命名规范,可以改善优化功效,特别是团队合作时候可以提供合作制作效率 常用命名 外 套:wrap      外 套:wrapper 页 眉:header   整个页面:……继续阅读 »

9年前 (2013-04-08) 1130浏览 0评论 0个赞

大型网站搭建中的图片规范事项

大型网站搭建中的图片规范事项
所有页面元素类图片均放入pic 应用下,根据项目名称进行文件夹命名; 图片格式仅限于gif || png || jpg; 命名全部用小写英文字母 || 数字 || _ 的组合,其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另外, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_……继续阅读 »

9年前 (2013-04-08) 1114浏览 0评论 0个赞

<<<<<<< HEAD
=======
>>>>>>> 7a00884b85d3911d9044d54441fab13b901ffaff