加载中…
个人资料
草民麦克
草民麦克
  • 博客等级:
  • 博客积分:0
  • 博客访问:123,931
  • 关注人气:181
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
搜博主文章
招收学员
荣幸您能访问我的博客,如果有关于本博内容想与本博沟通、交流,请在我博客首页选择 "关注我",如转载请注明“王锋老师博客”字样及博文超级链接!

本博主 Mike Wang 近期将
招收网站前端开发学员,主要课程如下:DIV+CSS初级、
DIV+CSS技巧中级、DIV+CSS浏览器兼容性深入高级部分、jquery网页特效制作、JoomlaCMS内容管理系统,学时为1个月。学费2000-3000不等,视学生人数而定!

 
相册专辑
加载中…
评论
加载中…
留言
加载中…
好友
加载中…
访客
加载中…
博文
标签:

浏览器加载和渲染html

杂谈

分类: 前端开发-技术分享

一、浏览器加载和渲染html的顺序

1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。
2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)
3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。
4、并且在下载后进行解析,解析过程中,停止页面所有往下元素的下载。阻塞加载
5、样式表在下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染。
6、JS、CSS中如有重定义,后定义函数将覆盖前定义函数
二、JS的加载

2.1 不能并行下载和解析(阻塞下载)
2.2 当引用了JS的时候,浏览器发送1个js request就会一直等待该request的返回。因为浏览器需要1个稳定的DOM树结构,而JS中很有可能有代码直接改变了DOM树结构,比如使用 document.write 或 appendChild,甚至是直接使用的location.href进行跳转,浏览器为
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2012-09-12 11:37)
标签:

css的渲染

渲染效率

杂谈

分类: 前端开发-技术分享
总结了部分所学、所听、所看、所问的一些CSS写作经验,它们与渲染效率及所占用消耗的资源有一定的关联。部分为自己理解所写,不排除会有错漏,欢迎提供更好的意见。
备注:第7~11题的理解来自原文:Writing_Efficient_CSS译文:书写高效的CSS


   1.
      十六进制的颜色值对位数与大小写

      编写十六进制颜色值时你可能会用小写字母或省略成
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

变量未定义

it

分类: JavaScript开发

1、第一种

 

if(typeof sInvoiceDate == 'undefined')
{
 alert('变量未定义!请检查!');
}
else
{
 alert(sInvoiceDate);
}

 

 

2、第二种

 

if(window.sInvoiceDate)
{
 alert(sInvoiceDate) 
}
else
{
 alert('变量未定义!请检查!')

}

 

后面这种:因为所有变量的对象都是window,所以也可以这样判断!

这种做兼容时用的比较多,如ajax封装时。

 

 

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

动态生成、

onclick失效、

k事件失效、

jquery

live

it

分类: JavaScript开发

最近朋友在做一个项目的时候,遇到动态加载微博内容,然后点击“展开评论”后获取该微博的所有评论。这里使用了动态加载的<span mid=’123456789′ class=’get_comment’>点击加载评论</span>。

然后再写

$(“.get_comment).click(function(){

//响应事件逻辑

})

,发现click事件并不会触发,使用控制台侦听也木有错误。百思不得其解时,

因为我在以前做搜狐家居商城的运费管理时,也曾遇到,因此将焦点落在动态加载上。


记得当时本人用的是行内事件,在动态加载时用的是行内事件。如 var oBtn = '<a onclick='Freight.delete_curr_citys();' href='javascript:void(0);'>删除</a>'; 其实Freight为对象.delete_curr_citys为此对象的一个方法。

当然也可以使用jquery的live()函数,重写响应逻辑:

$(“.get_comment”).live(‘click’, function() {
var mid = $(this).attr(“mid”);
alert(mid);
});

这时候,jquery可以响应span 的click事件了。这里用到live函数委派事件,主要用于动态生成的HTML的事件响应

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

labjs使用、

动态加载

js

杂谈

分类: JavaScript开发

最近一段时间,我们搜狐家居商城进行优化整理。包括js和css还有后台代码,上传图片等方面。

那么

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

parent、

top、

opener

it

分类: JavaScript开发
      前一段时间在做搜狐家居商城申请入驻时用到了window.parent这一方法。

      由于上传图片的服务器是在另一域名上,和网站服务器是分开的。考虑到跨域。因此上传图片的form表单写到了一个单独的tpl文件中(http://jia.focus.cn/merchantapply/apply/1)页面(A)的上传营业授权资质Button时,打开一个弹层,用Firefox的fireBug查看html代码会发现在其它是弹出了一个带有Iframe的层.一切的图片上传的提交其实是在这个Iframe引入的tpl(B)文件里实现提交完成的。但要想要操作使这个页面父级页面[Iframe所在页面(B)]中的弹层(含有Iframe),使之隐藏.那么这时就要用到window.parent方法了。

       其实上面可以简单理解成这样。在A页面中Iframe引入页面(B)中执行一个表单提交操作,但完成后需要再去页A中做一些DOM函数操作去隐藏这个Iframe层.

所以只能在Iframe的页面B中执行如下js操作, 如下图

<script type='text/javascript'>
    $(window.parent.document).find('#box_business').hide();
<
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

opener、

it

分类: JavaScript开发

window.opener.location.reload() 与 window.opener.location.href=window.opener.location.href

都是弹出窗口关闭时用来刷新父窗口。

今天我们搜狐家居商城登陆加入了第三方登陆。例如可以用QQ直接登陆到我们商城,在login页面A中点QQ登陆时,调用了一个window.open文件打开一个login页窗口B,登陆后callback地址回调成功后,需要关闭当前window.open打开的login小窗口B,再将打开这个小窗口的原窗口页(A)刷新显示正确状态. 这时就用到了这个方法。如下图:

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

继承、extends

it

分类: PHP开发

PHP类的继承性

  类的继承性,一个就是新的子类可以从另一个父类派生出来,并自动拥有父类的全部属性和方法。

  PHP中类的继承性规则:

  1、子类自动继承父类的所有属性和方法。

  2、如果一个子类中的方法与父类同名,那么子类方法自动覆盖父类的方法。

  在使用PHP类的继承性需要注意:

  1.如果新的类中没有自己的构造函数,那么子类会自动调用父类的构函数。在PHP3以前,则什么也不干。

  看一个简单的例子,这个例子什么也干不了,只为了让大家看一下继承中的构造函数的执行过程。

<?

//父类

class a{

  function a(){

    echo 'class a ';

  }

 

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

overflow问题

it

分类: css div布局



以前商品详情页的(商品大图下的)小商品图片列表中的图片是直接在样式设定死的宽和高。如 img{width:45px;height:45px}
但是我们的商品图片是不规则的,因此为了使其商品图片上下左右垂直居中。使结构和样式发生了如下变化

<div class='product-pic album'>
 <div class='thumb'>
  <ul>
  <li>
   <div class='shop-detail-img-outer'>
    <div class='shop-detail-img'>
     <p>
      <a title='' rel='{gallery:'gal1', smallimage: 'http://img1.f.itc.cn/mall/3995/65/12/312x312_39956512.jpg', lar

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

datepicker

it

分类: JQuery插件
jQuery UI Datepicker这个用于日期显示很方便而且提供了多种样式,可以从jQuery UI中选择喜欢的样式和jQuery UI组件随意下载js库,如果只是使用datepicker那么选择时之选UI Core和Widgets中的Datepicker,然后选择喜欢的主题,选择版本,下载即可。

不过下载的jQuery UI库中是没有中文的,我们可以将如下js代码放到一个js文件中,然后在文件中引用即可:jQuery(function($){
     $.datepicker.regional['zh-CN'] = {
        clearText: '清除',
        clearStatus: '清除已选日期',
        closeText: '关闭',
        closeStatus: '不改变当前

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
  

新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有