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

这里的技术是共享的

shiping1 的头像

JS 图片预加载技术

星期六, 2013-08-10 18:58 — shiping1

JS 图片预加载技术

15 Dec 2011-JavaScript

18

JS 图片预加载技术

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

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

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

普通分类: 
javascript
shiping1 的头像

纯CSS图片预加载

星期六, 2013-08-10 18:56 — shiping1

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

 

为什么使用预载

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

CSS代码

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

这是一个例子:

普通分类: 
div+css
shiping1 的头像

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

星期六, 2013-08-10 18:52 — shiping1

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

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

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

普通分类: 
javascript
shiping1 的头像

图片预加载技术 这个是ok

星期六, 2013-08-10 18:36 — shiping1

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

通常的解决方案是：

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

普通分类: 
javascript
shiping1 的头像

embed noembed 例子

星期六, 2013-08-10 18:23 — shiping1

普通分类: 
div+css
shiping1 的头像

ie6 背景

星期六, 2013-08-10 15:32 — shiping1

为什么这里 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'); }

普通分类: 
div+css
shiping1 的头像

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

星期六, 2013-08-10 13:06 — shiping1 
在config.js加入如下配置： config.start
普通分类: 
javascript
shiping1 的头像

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

星期六, 2013-08-10 08:46 — shiping1
源代码见 附件 jiang.rar
普通分类: 
jquery
shiping1 的头像

联想 G470开启无线开关

星期六, 2013-08-10 08:31 — shiping1

分几步 顺序可以不一致

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

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

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

这样子应该就可以上网了

普通分类: 
其它
shiping1 的头像

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

星期五, 2013-08-09 19:50 — shiping1

 

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

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

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

　　使用Ping　　

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

普通分类: 
其它
shiping1 的头像

tracert工作原理&路由原理

星期五, 2013-08-09 19:37 — shiping1 
请各位大哥给解决以下几个问题：
1：tracert工作原理，tracert具体是怎么实现的，也就是tracert编码（delphi）等问题。
2：路由原理：路由器是怎么样工作的，怎样发包的？数据包是怎么样正确地到达目的地址的？

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

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

谢谢！！！

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

ICMP

星期五, 2013-08-09 19:28 — shiping1

ICMP

百科名片

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

telnet命令的详细用法？

星期五, 2013-08-09 19:21 — shiping1 
Telnet用法
一：简介
普通分类: 
其它
shiping1 的头像

telnet 命令

星期五, 2013-08-09 19:11 — shiping1

telnet ip 端口号

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

 

 

telnet ip  此时默认端口是23

 

普通分类: 
其它
shiping1 的头像

telnet 命令使用详解

星期五, 2013-08-09 18:59 — shiping1

分类： WINDOWS

 

普通分类: 
其它
shiping1 的头像

关于Ping和Tracert命令原理详解

星期五, 2013-08-09 18:51 — shiping1

本文只是总结了两个常用的网络命令的实现原理和一点使用经验说明。这些东西通常都分布在各种书籍或者文章中的，我勤快那么一点点，总结一下，再加上我的一点理解和使用经验，方便大家了解。这些也是很基础的东西，没什么高深的。 

Ping 
这个应该大家都会用的吧，最主要的就是检测目标主机是不是可连通。Ping程序实际就是发送一个ICMP回显请求报文（就是请求别人收到这个报文之后回显）给目的主机，并等待回显的ICMP应答。然后打印出回显的报文。Ping不通一个地址，并不一定表示这个IP不存在或者没有连接在网络上，因为对方主机可能做了限制，比如安装了防火墙，因此Ping不通并不表示不能使用FTP或者TELNET连接。 
C:\Documents and Settings\snoopy> ping 202.103.176.22 /t

Pinging 202.103.176.22 with 32 bytes of data:

Reply from 202.103.176.22: bytes=32 time=6ms TTL=58

Reply from 202.103.176.22: bytes=32 time=6ms TTL=58

普通分类: 
windows
shiping1 的头像

TRACERT命令详解

星期五, 2013-08-09 18:49 — shiping1

普通分类: 
windows
shiping1 的头像

如何使用 TRACERT

星期五, 2013-08-09 18:34 — shiping1

如何使用 TRACERT 实用程序

普通分类: 
windows
shiping1 的头像

PING命令入门详解

星期五, 2013-08-09 18:24 — shiping1

1、Ping的基础知识

普通分类: 
windows
shiping1 的头像

tracert命令详解？

星期五, 2013-08-09 18:23 — shiping1
 

普通分类: 
windows
shiping1 的头像

Linux查看系统当前用户命令

星期五, 2013-08-09 16:48 — shiping1

普通分类: 
linux
shiping1 的头像

linux 查看当前登录的用户

星期五, 2013-08-09 16:46 — shiping1

w 命令 查看当前登录的用户

 

[root@localhost ~]# w

这个命令是用来 查看当前登录的用户

普通分类: 
linux
shiping1 的头像

使用 viewport meta 标签在手机浏览器上控制布局 手机上滑动时 放大 缩小 或固定(让不放大 也不缩小)

星期五, 2013-08-09 15:08 — shiping1
  1. 网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。
普通分类: 
wap
shiping1 的头像

内部服务器500错误的几种可能（Internal Server Error）

星期五, 2013-08-09 12:31 — shiping1

内部服务器500错误的几种可能（Internal Server Error）

时间:12-08-28 栏目:Cpanel 作者:小鳄鱼 评论:2 点击: 25,562 次

本文标签：

普通分类: 
apache
shiping1 的头像

造成HTTP－500错误，可能存在的原因之个人实践总结

星期五, 2013-08-09 12:28 — shiping1

造成HTTP－500错误，可能存在的原因之个人实践总结

1、运行的用户数过多，对服务器造成的压力过大，服务器无法响应，则报HTTP500错误。

减小用户数或者场景持续时间，问题得到解决。

2、该做关联的地方没有去做关联，则报HTTP500错误。进行手工或者自动关联，问题得到

解决。

普通分类: 
apache
shiping1 的头像

HTTP500内部服务器错误的原因和解决方法

星期五, 2013-08-09 12:22 — shiping1

1，您必须首先设置取消友好提示获取详细的错误信息，方法为：请打开浏览器，选择工具，internet选项，高级，在高级中的浏览项目里面有一个\"显示http友好错误提示\"的复选框，请取消该复选框，这样您可以获得正确的错误提示了。
　　2，在获得正确的错误提示之后，您就可以根据该错误提示检查您具体的出错原因了。根据出错的具体原因，再进行相应调试即可解决。

试过这种方法 可能不行

来自 http://www.9410.com.cn/html/82.html

普通分类: 
apache
shiping1 的头像

商桥统计代码使用方法

星期五, 2013-08-09 11:24 — shiping1

1)引入 hm.php

2)在php中

<?php
require("hm.php");
$_hmt = new _HMT("37106c0e0200bc1aebae507oljygbhub");
$_hmtPixel = $_hmt->trackPageView();
?>

3)在模板文件中<body>的下面 增加 <img src="<?php echo $_hmtPixel; ?>" width="0" height="0" />

 

4)在要聊天处 http://qiao.baidu.com/v3/?module=mobile&controller=mobileim&action=index&ucid=901562&type=z&siteid=3...

 

 

普通分类: 
其它
shiping1 的头像

DEDE二级域名(多站点)绑定详解

星期五, 2013-08-09 09:15 — shiping1

点评

普通分类: 
dedecms
shiping1 的头像

dedecms 各种表

星期五, 2013-08-09 09:06 — shiping1

dede_arctype 表

字段 sitepath 表示的是多站点的路径 ,开启多站点时才用到它

普通分类: 
dedecms
shiping1 的头像

dedecms 数据库帮助文档

星期五, 2013-08-09 08:56 — shiping1

http://help.dedecms.com/dbdoc/v57/

http://help.dedecms.com/v53/archives/extend/commontable/




http://help.dedecms.com/develop/2011/0712/160.html



http://help.dedecms.com/dbdoc/v57/  ----有大用

普通分类: 
dedecms

页面

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

友情链接

校园好文网

 www.shipingzhong.cn  个人技术网_前端_后台    备案号:苏ICP备18010659号-2