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

这里的技术是共享的

shiping1 的头像

延迟加载JS代码的几种方法

延迟加载JS代码的几种方法

2012-12-21 08:27:12 | 【
 
 

本文介绍了如何延迟javascript代码的加载,加快网页的访问速度。

 

 

普通分类: 
shiping1 的头像

JS延迟加载百度分享代码,提高网页速度

JS延迟加载百度分享代码,提高网页速度

返回脚本百事通

相信大家经常在一些网站上看到有快捷分享到各大流行网站的按钮,目前流行的有JiaThis、百度分享、Bshare等,目前用百度分享的居多。

发现很多网站在放置百度分享代码的时候,简单的将分享代码放置到固定的网页位置就完事了,这是非常致命的方式。因为,我经常打开一个网页的时候,发现在网页加载到分享代码的时候,有时候花上几秒的时候来请求百度的服务器,最后展示分享按钮。

其实,像这样对网页来说不是非常重要的功能,我们大可以用JS来延迟加载,从而提高网页主要内容的快速加载显示。

这里分享下我的放置方式。

一、copy百度分享代码,如下:

 

普通分类: 
shiping1 的头像

jquery 动态加载js三种方法

jquery 动态加载js三种方法

www.111cn.net  2010-08-31  编辑:netuser
这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getScript(\"test.js\");就OK了。
 
 

<!-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了。

普通分类: 
shiping1 的头像

Javascript 加载性能优化

阻塞特性

浏览器对javascript的处理主要有2部分:下载和执行

  • 下载在有些浏览器中是并行的,有些浏览器中是串行的,如IE8、Firefox3、Chrome2都是串行下载的
  • 执行在所有浏览器中默认都是阻塞的,当js在执行时不会进行html解析等其它操作

阻塞特性:

javascript有个阻塞特性,当浏览器执行javascript代码时,不能同时做其它任何事情。无论当前javascript代码是内嵌还 是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。浏览器在下载和执行脚本是进出现阻塞的原因在于,脚本可能会改变页面或 javascript的命名空间,它们对后面页面内容造成影响。

一、脚本位置

浏览器在碰到一个引入外部javascript文件的<script>标签时会停下所有工作来下载并解析执行它,在这个过程中,页面渲染和用户交互完全被阻塞了。例:

普通分类: 
shiping1 的头像

在服务端合并和压缩JavaScript和CSS文件

Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有 合并JavaScript和CSS文件、CSS Sprites、图像映射(Image Map)和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题,这项技术尚未大量使用。目前大部分网页中的JavaScript和CSS文件数量和开发时一致,少量的网页会根据实际情况采取本地合 并,这些合并中相当多的是有选择地手动完成,每次新的合并都需要重新在本地完成并上传到服务器,比较的随意和繁琐,同样文件的压缩也有类似的情况。而利用 服务端的合并和压缩,我们就可以按照开发的逻辑尽可能让文件的颗粒度变小,利用网页中URL的规则来自动实现文件的合并和压缩,这会相当的灵活和高效。

普通分类: 
shiping1 的头像

使用jQuery插件实现图片延迟加载以及对SEO的影响

shiping1 的头像

ie7 bug

有的时候 position:absolute 下面 还有 position:absolute的层时

如果 ie7的话 里面的 position:absolute的层 就不会显示,也就是不会在最上面,

我们给它个背景就可以了 background:#fff;
 filter:  alpha(opacity=1);//ie

  opacity: 0.01;//firefox

同时 让它的透明度为 一点点

普通分类: 
shiping1 的头像

js 垂直滚动代码 有大用

<div id="demo2" style="overflow:hidden;width:100px;height:200px;border:1px solid red;">
<table cellpadding="1" cellspacing="1">
 <tr>
    <td valign="top" id="marquePic21">
          <table width="100%" border="1" cellspacing="0" cellpadding="0">
         <tr align="center">
          <td><img src="img.gif" width="70" height="70" border="0"></td>
          </tr>
           <tr align="center">

普通分类: 
shiping1 的头像

水平滚动代码

<div id="demo" style="overflow:hidden;width:550px;border:1px solid red;">
<table cellpadding="1" cellspacing="1">
 <tr>
 <td valign="top" id="marquePic1">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr align="center">
 <td><img src="img.gif" width="70" height="70" border="0"></td>
 <td><img src="img.gif" width="70" height="70" border="0"></td>
 <td><img src="img.gif" width="70" height="70" border="0"></td>

普通分类: 
shiping1 的头像

New XAMPP security concept: Access to the requested directory is only available from the local network. This setting can be configured in the file “httpd-xampp.conf”.

New XAMPP security concept:
Access to the requested directory is only available from the local network.
This setting can be configured in the file “httpd-xampp.conf”.

 

解决办法:

打开httpd-xampp.conf(/xampp/apache/conf/extra/httpd-xampp.conf)

 

普通分类: 
shiping1 的头像

php 设置时区

普通分类: 
shiping1 的头像

PHP 日期转换为时间戳 strtotime 与 mktime 函数

普通分类: 
shiping1 的头像

ie6 png 透明的各种方法

普通分类: 
shiping1 的头像

一般情况下浏览器使用firebug

在html页面中加入以下代码,然后再搜狗浏览器中即可看到firebug小图标了。点击即可激活firebug。

普通分类: 
shiping1 的头像

搜狗浏览器firebug 调试工具


普通分类: 
shiping1 的头像

让文本框 只能输数字 不能输字母

<input type="text" name="tel" onkeyup="value=value.replace(/\D+/g,'')" check="2" id="tel">

普通分类: 
shiping1 的头像

别的电脑不能访问我电脑的apache服务器

1)防火墙 杀毒软件关掉 

2)用别的电脑 ping 我的电脑ip 看不行

3)

apache 里       把

<Directory />
    Options FollowSymLinks
    AllowOverride None
    Order deny,allow
    Deny from all
</Directory>

改成

<Directory />
    Options FollowSymLinks
    AllowOverride None
    Order deny,allow
    Allow from all
</Directory>

4) 看80 端口是否关闭

通过 http://tool.chinaz.com/port/ 来查看

或者 telnet ip 80 看是否能连上

5)不行的话 把 80端品换成其它端口 如 8888

 

 

普通分类: 
shiping1 的头像

HTML <th> 标签 HTML <thead> 标签

HTML <th> 标签

普通分类: 
shiping1 的头像

css中指定tr边框 正常情况下tr边框好像不起作用

你可能发现在css中指定的tr边框不起作用,而如果指定td的边框又会有间断的现象出现。这种情况下可以参照下面的代码:

 

普通分类: 
shiping1 的头像

text-indent 首行缩进 的用法

允许使用负值。如果使用负值,那么首行会被缩进到左边。

 

text-indent:2em 就是首行缩进2个字

text-indent:10px 就是首行缩进10个像素

 

text-indent:-9999px; 隐藏文字,

普通分类: 
shiping1 的头像

php运行时间长了, nginx就报错了

php运行时间长了, nginx就报错了
可能 是 nginx 配置问题,比如连接php超时时间的设置
 
 
如果是apache + php 就不会报错了
 
但是ngix 的最大的优点就是   并发数大了很多
普通分类: 
shiping1 的头像

PHPMailer 发送邮件(含详细介绍及使用方法说明)

shiping1 的头像

phpmailer发送邮件失败 SMTP Error: Could not connect to SMTP host 有大用

最后了解到,除了google的smtp服务器收到请求smtp会接受,其他服务器比如qq 163什么的必须要收到SMTP请求(大写),超郁闷。。。。。
解决方法:
搜索

普通分类: 
shiping1 的头像

PHP APACHE PHP 500错误显示,PHP错误调试

PHP APACHE PHP 500错误显示,PHP错误调试

1、php.ini 的display_errors =on

2、500 错误,IE Internet选项 高级 里面 “显示友好HTTP错误” 勾 去掉

来自 http://hi.baidu.com/akaoman/item/ada8d8f383abab4a922af229

 

普通分类: 
shiping1 的头像

firefox 缓存文件位置 缓存文件路径

你在火狐的地址栏输入这个:about:cache

然后点Disk cache device的链接,里面有个Cache Directory的路径
普通分类: 
shiping1 的头像

ico知识 及制作ico网址 在线生成 转化 转换 生成 有大用

遇到一个很奇怪的现象 就是景安服务器对于ico不起作用 .非要把ico放到其它服务器上才起作用

ico要清空缓存 ,这个切记,否则会不显示 或显示以前的 (它的缓存好像与普通缓存在不一样的地方)

制作ico的网址

http://www.ico.la/

http://www.kubiso.com/ico/

http://www.bitbug.net/

http://www.uupoop.com/ico/

http://free.logomaker.cn/tools/icoMaker.aspx  (现在不行)

普通分类: 
shiping1 的头像

在photoshop (ps)中使用快捷键ctrl+alt+箭头 屏幕却翻转了,这个常用快捷键被winxp先占用了,请问如何修改winxp快捷键

系统托盘区那个显卡图标里,或者是在

普通分类: 
shiping1 的头像

CSS letter-spacing 属性 字间距

CSS letter-spacing 属性

定义和用法

letter-spacing 属性增加或减少字符间的空白(字符间距)。

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。

注释:允许使用负值,这会让字母之间挤得更紧。

普通分类: 
shiping1 的头像

电脑开机后到自动硬盘启动等待的时间太长了,要等待30秒时间,才开始正常硬盘启动,怎样设置较短的时间? 秒数 多少称 有大用

1)下面的方法是好的 

普通分类: 
shiping1 的头像

苏州人的 cutftp的安装方法

1)双击 ftpte.exe,cuteftppro.exe

一般会关闭

2)先完全退
   出CuteFTP 程序,包括系统托盘中的传输引擎图标。

运行patch 先点 “Patch”按钮,然后点“Register”,再

3)再打开 ftpte.exe或 cuteftppro.exe

选择菜单“Tools--Global Options--Display--
   Language”,选择 Chinese.lng,确定,然后退出程序再启
   动,就是中文了。

如要其他更改字体
   ,请在“工具”-“全局选项”-“常规”-“日志”中更改。

普通分类: 

页面

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