当前位置:千赢国际官网 > 千赢网页手机版登入 > 服务器端,Eclipse配置Javascript开发环境图文教程

服务器端,Eclipse配置Javascript开发环境图文教程

文章作者:千赢网页手机版登入 上传时间:2019-08-31

jQuery获取样式中颜色值的方法,jquery获取样式颜色

本文实例讲述了jQuery获取样式中颜色值的方法。分享给大家供大家参考。具体分析如下:

今天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样,IE中是以HEX格式显示【#ffff00】,而Chrome、Firefox中则是以GRB格式显示【rgb(255,0,0)】,由于需要将颜色值存储到数据库中,所以想让颜色值的格式统一下(其实不统一也是可以存的)。搜索了一下,从国外的一个网站上得到一段代码:

$.fn.getHexBackgroundColor = function() {
 var rgb = $(this).css('background-color');
 rgb = rgb.match(/^rgb((d ),s*(d ),s*(d ))$/);
 function hex(x) {return ("0"   parseInt(x).toString(16)).slice(-2);}
 return rgb= "#"   hex(rgb[1])   hex(rgb[2])   hex(rgb[3]);
}

上面定义的是一个jQuery函数,我们可以通过 $("#bg").getHexBackgroundColor(); 获取到标签id="bg"的background-color的RGB值。

下面做一下小小的修改,就是加一个判断,如果是IE浏览器就直接拿值,如果是非IE浏览器则将值转换成RGB格式:

$.fn.getHexBackgroundColor = function() {
 var rgb = $(this).css('background-color');
 if(!$.browser.msie){
  rgb = rgb.match(/^rgb((d ),s*(d ),s*(d ))$/);
  function hex(x) {return ("0"   parseInt(x).toString(16)).slice(-2);}
  rgb= "#"   hex(rgb[1])   hex(rgb[2])   hex(rgb[3]);
 }
 return rgb;
}

希望本文所述对大家的jQuery程序设计有所帮助。

本文实例讲述了jQuery获取样式中颜色值的方法。分享给大家供大家参考。具体分析如下:...

前端优化-服务器端-减少Http次数,服务器端次数

图片 1

     在页面中除了内容图片以外的图片都是修饰图,去掉无意义修饰图或者用css替换秀试图效果是减少HTTP请求次数的有效方式。

 

     一:css替换图片

     圆角 阴影 渐变 等css效果在当前主浏览器中已得到广泛的支持,而在之前是通过图片来实现这些效果的,比如圆角按钮

     图片 2

      圆角按钮相对来说只需要要一次HTTP请求,但是若是要求一个div层圆角了!之前是美工切四个角的图 ,最后再由我们在拼接完成的

      ,同时还得避免由兼容导致的不齐。在这里至少是4次HTTP请求了,所以能css实现的效果优先用css实现。

      二:去掉无意义的图片

       修饰图也就是对于传达信息来说是可有可无的,最大的优化就是不要图片!所以在优化之前要做的,就是和设计师确认设计,设计本

       身是否需要用那么多图片?还是说可以更简洁。

      

       优化导图我会不断的完善的,现在越来越每一个节点下面都可以分成很多个方面,很好的帮助自己记忆和理解。

 

      

      

 

  

    

 

在页面中除了内容图片以外的图片都是修饰图,去掉无意义修饰图或者用css替换秀试图效果...

Eclipse配置Javascript开发环境图文教程,eclipsejavascript

首先需要安装Spket。这里就不细讲了。

之后进行JQuery的配置:

1. 从JQuery.com下载开发用的Javascript文件,如下图,一定要选择红框里面的选项。

图片 3

2. 配置Eclipse里面的Spket Javascript Profiles,如下图:

图片 4

1) 从window->Preferences...进去

2) 如上图选择Spket -> Javascript Profiles

3) 点击New...输入JQuery建立新的profile

4) 点击Add Library,并选择JQuery,建立新的Library

5) 点击Add File, 选择刚下载的JQuery文件

6) 如果想让JQuery成为缺省的Javascript Profile,则点击Default。如果想跟我一样想让ExtJs成为缺省,而在特定项目中使用JQuery,则进行下面的步骤

3. Project特定Javascript 选项

从上图右上角选择 “Configure Project Specific Settings...”进行设置,在弹出对话框中选择项目名称,然后会弹出下面对话框:

图片 5

点选JQuery并使其成为Default即可。这时只有在这个项目中才使用JQuery为缺省Profile。

然后新建Js文件,就可以使用JQuery的代码提示功能了:

图片 6

首先需要安装Spket。这里就不细讲了。 之后进行JQuery的配置: 1. 从JQuery.com下载开发用的...

本文由千赢国际官网发布于千赢网页手机版登入,转载请注明出处:服务器端,Eclipse配置Javascript开发环境图文教程

关键词: 千赢国际官网