杭州前端外包

欢迎访问前端开发外包|靠谱web杭州前端工程师外包最新发布

CDN是什么和作用有些

内容分发网络其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。


...

js实现网页图片延时加载的原理和代码


有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的。

推荐:使用jquery图片延迟加载插件jquery.lazyload实现图片延迟

实现原理:

把所有需要延时加载的图片改成如下的格式:

<img lazy_src="图片路径" border="0"/>

...

图片延迟加载技术提高网页打开速度

如果你的网站必须有很多图片,那么我们该如何优化呢,没错!就是图片延迟加载技术。现在介绍如下:

工具:jQuery

步骤/方法

第一,该功能主要依靠jQuery,所以首先要下载程序包,在百度里搜索“图片延迟加载 下载”会有很多的下载包。

第二,将文件解压,将Js文件夹所有文件上传至网站根目录,目录形式为:

  /Js/lazyload/grey.gif

  /Js/lazyload/jquery.js

...

hr标签

定义

<hr> 标签在 HTML 页面中创建一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

CSS定义HR水平线的几种样式

.hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}

.hr1{ height:1px;border:none;border-top:1px solid #555555;}

...

jQuery焦点函数focus(),blur()

 文本框获取和失去焦点事件

1.文本框获取和失去焦点时,文本框背景色的变化,代码:

<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>

...

欢迎使用Z-Blog!

欢迎使用Z-Blog,这是程序自动生成的文章.您可以删除或是编辑它,在没有进行"文件重建"前,无法打开该文章页面的,这不是故障:)

系统总共生成了一个"留言本"页面,和一个"Hello, world!"文章,祝您使用愉快!

...