北京WEB前端外包网站

前端开发外包|靠谱web北京前端工程师外包

web前端性能优化

1.请减少HTTP请求  

    基本原理:

  在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。

  一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务器发送请求信息,服务器在接受到请求的信息后再返回相应的信息,浏览器接收到来自服务器的应答信息后,对这些数据解释执行。

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;}

css_hack常用效果总结

 

截字省略号

郭凤霞前端作品

 我的前端作品地址:

http://guo.35ui.cn

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>

jquery常用选择器

 jquery

欢迎使用Z-Blog!

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

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

«123456»

北京WEB前端外包网站

前端开发外包|靠谱web北京前端工程师外包
联系我们