欢迎各位兄弟 发布技术文章

这里的技术是共享的

shiping1 的头像

在jQuery 1.5中使用deferred对象

三生石上

Make Difference - Javascript, Ajax, jQuery, ExtJS, Asp.Net, C#, Object-C

普通分类: 
shiping1 的头像

通过$.Deferred 实现判断N个图片加载完毕逻辑

     最近,图片分享的兴起,关于图片的JS效果也多了起来,比如自动缩放、自动排版等

普通分类: 
shiping1 的头像

image的加载事件(onload)和加载状态(complete)

image的加载事件(onload)和加载状态(complete)

(2012-05-23 10:20:11)
标签:

普通分类: 
shiping1 的头像

加载中进行等待图像的技术

<div class="rg-image-wrapper">        
   <div class="rg-image-nav">   
    <a style="display: block; width: 50%; cursor: url('/templets/default/images/move-prev-next/bg11.cur'), auto; height: 100%; outline: medium none;" class="rg-image-nav-prev" href="#">Previous Image</a>    
   <a style="display: block; width: 50%; cursor: url('/templets/default/images/move-prev-next/bg12.cur'), auto; height: 100%; outline: medium none; " class="rg-image-nav-next" href="#">Next Image</a>         
     </div>

普通分类: 
shiping1 的头像

图像在div 内垂直居中 绝对ok 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)

一个问题一直困扰着不少前端制作人员(也称前端开发工程师,o(∩_∩)o)。如题,如何实现一张未知宽高的图片在一个Div里面水平垂直 居中呢?相信部分前端Sir首先想的是Table布局,是的,实现起来不是很麻烦,但肯定也有和浩子一样有代码洁癖的人。在这里,浩子忽略Table的实 现方法,有兴趣的也可以去研究一下。下面介绍下用Html和CSS来实现如题效果。

先看看Demo效果:纯CSS实现图片水平垂直居中于DIV(图片未知宽高)

PS:你可以用Firebug或者任意浏览器的开发人员工具修改图片尺寸,测试测试效果。(任何关于本文的问题请留言

再看看代码,主要2部分:

普通分类: 
shiping1 的头像

图像在div 内垂直居中

1)一种方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>无标题文档</title>
<style type="text/css">
.psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; }
普通分类: 
shiping1 的头像

图像加载完毕前 显示 等待的图像

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
img{
width:980px;
height:350px;
background:loading.gif;
}
</style>
<body>

普通分类: 
shiping1 的头像

用JS 判断图片已经加载完成(兼容IE 和 Firefox)

js 判断图片已经加载完成 是一个很常见的问题,网上也有很多的解决方案。但是运行后很多都不兼容,或者
说,存在一些奇怪的问题。一种解决方案是都用onload。因为onload 在ie 下有同步方面的问题。
所以,我用了 onreadystatechange 。 代码和 使用方法如下:

 

普通分类: 
shiping1 的头像

JS判断img图片是否加载完成

function isImgLoad(){
 

普通分类: 
shiping1 的头像

网站挂马的概述

很多朋友都碰到过这样的现象:打开一个网站,结果页面还没显示,xp系统下载的杀毒软件就开始报警,提示检测到木马病毒。

  网站挂马的概述

  有经验的朋友会知道这是网页恶意代码,但是自己打开的明明是正规网站,没有哪家正规网站会将病毒放在自己的网页上吧?那么,是什么导致了这种现象的发生呢?其中最有可能的一个原因就是:这个网站被挂马了。

普通分类: 
shiping1 的头像

Web安全:基础知识学习之Web安全百问百答

Web安全:基础知识学习之Web安全百问百答

1、什么叫Web应用系统?

   答:Web应用系统就是利用各种动态Web技术开发的,基于B/S(浏览器/服务器)模式的事务处理系统。用户直接面对的是客户端浏览器,使用 Web应用系统时,用户通过浏览器发出的请求,其之后的事务逻辑处理和数据的逻辑运算由服务器与数据库系统共同完成,对用户而言是完全透明的。运算后得到 的结果再通过网络传输给浏览器,返回给用户。比如:ERP系统、CRM系统以及常见的网站系统(如电子政务网站、企业网站等)都是Web应用系统。

  2、Web威胁为什么难以防范

  答:针对Web的攻击已经成为全球安全领域最大的挑战,主要原因有如下两点:

  1. 企业业务迅速更新,需要大量的Web应用快速上线。而由于资金、进度、意识等方面的影响,这些应用没有进行充分安全评估。

普通分类: 
shiping1 的头像

Linux下查看mysql、apache是否安装,并卸载

1,mysql 的守护进程是mysqld

如果已经安装则:

[root@localhost ~]# service mysqld start
启动 MySQL:                                               [确定]

如果没有安装则:

[root@localhost ~]# service mysqld start
mysqld:未被识别的服务

你可以看看你的服务是否已经添加到linux上

[root@localhost ~]# chkconfig --list mysqld
mysqld          0:关闭  1:关闭  2:关闭  3:关闭  4:关闭  5:启用  6:关闭


没有安装则:

普通分类: 
shiping1 的头像

wap 手机发短信代码 有大用

shiping1 的头像

网页loading图像

shiping1 的头像

firefox 报错 Image corrupt or truncated:http://localhost/xxx/xxx/xx/xxx/xxx.jpg

问题找到了,是图片本身的问题,它或许不是一个真正的jpg。

普通分类: 
shiping1 的头像

几个使用jQuery的图片预加载函数

最近项目中用到的一个功能,用户进入网站时显示loading页面,直到主页的几个大图片加载完成才渐隐进入主页。自己写了个插件,看起来结构挺糟糕的,不好意思放到项目里。在网上搜现成的,还挺多。

普通分类: 
shiping1 的头像

JS 图片预加载技术

JS 图片预加载技术

JS 图片预加载技术

项目开发中时常需要用 JS 判断一张图片是否加载成功,

如果图片加载成功,则执行其相应的 onload 绑定事件,

这个就是我们所说的图片预加载技术,先上最终版代码:

普通分类: 
shiping1 的头像

纯CSS图片预加载

有很多种方法来实现图片的预加载,通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧,用CSS你就可以毫不麻烦的预载你的图片。

 

为什么使用预载

你为什么会考虑使用预载呢?你是否曾有个网站,在那个网站你要滚动你的导航然后有个延迟直到图片被加载完……嘿嘿。预载将在这方面帮助你。它将在页面加载的时候加载那些图片并将其存储在浏览器的缓存里面。这样当用户滚动导航的时候,很漂亮而且流畅,没有延迟。

CSS代码

这个概念就是写一个CSS样式设置一批背景图片,然后将其隐藏,这样你就看不到那些图片了。那些背景图片就是你想预载的图片。

这是一个例子:

普通分类: 
shiping1 的头像

用javascript预加载图片、css、js的方法研究

用javascript预加载图片、css、js的方法研究

预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片、css、js这些静态文件可以被缓存),如果用户访问的页面里面的css、js、图片被预加载了,用户打开页面的速度会快很多,提升用户体验。在用到一些大图片展示的时候,预加载大图是很不错的方法,图片更快的被呈现给用户。不多说了,作为一个前端攻城师都懂的,下面分享我做的测试和得到的结果。

先说需要知道的服务器返回的status code:
status-code: 200 - 客户端请求成功
status-code: 304 - 文件已经在浏览器缓存中,服务器告诉客户端,原来缓冲的文档还可以继续使用。
本文测试判断文件被是否被缓存,用的就是判断是否返回304.

普通分类: 
shiping1 的头像

图片预加载技术 这个是ok

1.  图片预加载:在我们浏览网页时,可能会遇到大图片显示慢而影响到了页面其他功能的执行,或是因为网速慢等原因造成。从而我们需要预加载,不能让图片的下载与显示影响到页面其他部分。

通常的解决方案是:

a. 将图片替换成一些固定的某张小图片以实现预加载,然后再在底部的js通过img的onload函数替换已加载好笑图片的src为真正的图片地址。这样的方法可行,但是只适用于已知了固定尺寸图片不是很大可能很多这类图片的情况;

普通分类: 
shiping1 的头像

embed noembed 例子

普通分类: 
shiping1 的头像

ie6 背景

为什么这里 src不对

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_close.png', sizingMethod='scale'); }

为什么这里 src是对

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/shipingzhong/style/fancybox/fancy_close.png', sizingMethod='scale'); }

普通分类: 
shiping1 的头像

ckeditor IE7 IE6报错 c.getselection()为空或不是对象

在config.js加入如下配置: config.start
普通分类: 
shiping1 的头像

抽奖程序 jquery+php 幸运大转盘

源代码见 附件 jiang.rar
普通分类: 
shiping1 的头像

联想 G470开启无线开关

分几步 顺序可以不一致

1)Fn + F几(无线的图标)

2)电脑侧边的无线开关 (触屏左边一点点的垂直面有一个开关)  扳(开启)一下

3)查看无线指示灯是否正常

这样子应该就可以上网了

普通分类: 
shiping1 的头像

如何使用ping和tracert命令检测丢包

 

  我如何测试丢包?我知道ping一个网站的信息和跟踪路由的信息。但是,我曾经听一些人说他们的宽带网连接上有丢包的问题。我怀疑我也许遇到了丢包的问题,因为当我进行速度测试的时候,速度比以前慢了。我没有改变硬件或者使用任何新的应用软件。

  从家里测试宽带网连接的丢包是一项非常困难的工作。丢包可以发生在从你的计算机到你在互联网上正在连接的目的地之间的线路上的任何一个地方。引起丢包的原因包括:网络阻塞、路由器或者交换机超过工作负荷、信号往返时间缓慢以及服务提供商或者托管你访问的网站的公司使用的通信优先等级。

  没有主动测量实际重复传输的TCP流量(对于家庭宽带网连接来说,这类产品太昂贵了),很难确定是否真的发生了重复传输。你指出的机制ping和跟踪路由对于帮助家庭用户确定互联网上哪里的速度慢是最有用的工具。Ping测量你的计算机和你要连接的IP地址之间的信号往返时间。跟踪路由是测量路由器在你的计算机和你正在跟踪的路由的IP地址之间的通道的反应时间。  

  使用Ping  

  使用Ping测量丢包的最佳方法是向一个IP地址发送大量的Ping命令,然后检查没有应答的那些Ping命令。如果你快速地发出了50次Ping命令,  

普通分类: 
shiping1 的头像

tracert工作原理&路由原理

请各位大哥给解决以下几个问题:
1:tracert工作原理,tracert具体是怎么实现的,也就是tracert编码(delphi)等问题。
2:路由原理:路由器是怎么样工作的,怎样发包的?数据包是怎么样正确地到达目的地址的?

举一个简单的例子:
在本地机器执行  tracert www.sina.com。
本地数据包是怎么样经过网络找到目的地址的,本地机器怎么样找到其下一跳的,每一跳又是怎么样找到其下一跳的?
麻烦各位给一个详细的答案,如果有好的链接地址也可以。

如果哪位有tracert的delphi源码,请共享一下。

谢谢!!!

谢谢下面的仁兄的回答!
  以下所说我都晓得,感觉好像粗略了一点,我想要的是最详细内容。比如说,ICMP返回包内容
普通分类: 
shiping1 的头像

ICMP

ICMP

百科名片

ICMP是(Internet Control Message Protocol)Internet控制报文协议。它是TCP/IP协议族的一个子协议,用于在IP主机路由器之间传递控制消息。
普通分类: 
shiping1 的头像

telnet命令的详细用法?

Telnet用法
一:简介

普通分类: 
shiping1 的头像

telnet 命令

telnet ip 端口号

如 telnet 121.198.20.256 80 就可连到这台电脑
然后 随便按什么键 (比如按ctrl+c) 敲回车 就可以看到 index.html(或index.htm 或index.php)的信息

 

 

telnet ip  此时默认端口是23

 

普通分类: 

页面

Subscribe to 个人技术网_前端_后台_php_div_css_linux_javascript_seo RSS