HTML&CSS相关
文章平均质量分 77
silentime
百度IDC运维平台项目经理,负责百度IDC资源管理平台、大规模自动化运维平台、IDC供应链管理平台、IDC数据统计分析和数据挖掘平台开发,愿与大家共进步,同发展!
展开
-
IE下诡异的注释报错——条件编译
昨天QA的同事提了一个bug,在IE下功能不正常,去IE下看了,报xxx行错误,IE还是一如既往的报告不准确的错误行数,于是只要使用人肉回车定位法(加回车之后看IE报的行数是否有变化,如果有变化,说明错误在加回车行的后面,如果没有变化,说明在加回车行的前面),最终定位到一行注释上去,自己看了半天都不知道哪儿错了,还是怀疑附近代码的错误导致的,于是乎使用人肉加注释定位法(将某个代码块注释,如...2011-01-27 20:34:38 · 121 阅读 · 0 评论 -
Javascript面向对象之五工厂模式-《javascript设计模式》笔记
工厂模式和单例模式(http://blog.sina.com.cn/s/blog_550ffb0b0100nv4p.html)应该是设计模式中应用最多的模式了,工厂模式的定义:提供创建对象的接口(来自百度百科:http://baike.baidu.com/view/1306799.htm),意思就是根据领导(调用者)的指示(参数),生产相应的产品(对象)。1.简单工厂模式 简单工厂也就是按照...2012-01-13 11:31:19 · 80 阅读 · 0 评论 -
Javascript面向对象之七组合模式-《javascript设计模式》笔记
关于组合模式的定义:组合模式(Composite Pattern)有时候又叫做部分-整体模式,它使我们树型结构的问题中,模糊了简单元素和复杂元素的概念,客户程序可以向处理简单元素一样来处理复杂元素,从而使得客户程序与复杂元素的内部结构解耦。来自百度百科:http://baike.baidu.com/view/3591789.htm其实从面向对象之五之后,与javascript本身关系不是很大,更重...2012-01-17 14:42:55 · 97 阅读 · 0 评论 -
Javascript面向对象之八门面模式-《javascript设计模式》笔记
关于门面模式的定义:门面模式为了系统提供一个 统一的高层接口供外部客户使用。也是提供一个更高的层次的接口,使得子系统更容易使用。来自百度百科http://baike.baidu.com/view/4949561.htm门面模式有两个作用:一是简化类的接口;而是消除类与使用它的客户代码之间的耦合。对于实现,javascript和其他语言并无不同,概念也很好理解,这里就不赘述了。...2012-01-17 14:43:44 · 103 阅读 · 0 评论 -
Javascript面向对象之九适配器模式-《javascript设计模式》笔记
关于适配器模式的定义:适配器模式(有时候也称包装样式或者包装)将一个类的接口适配成用户所期待的。一个适配允许通常因为接口不兼容而不能在一起工作的类工作在一起,做法是将类自己的接口包裹在一个已存在的类中。来自百度百科:http://baike.baidu.com/view/3371585.htm适配器模式的概念也很好理解,为了适应不同的场合将类或者接口改装成适用于当前环境的形式,比如某个接口的输入是...2012-01-18 14:58:42 · 98 阅读 · 0 评论 -
Javascript面向对象之十装饰者模式-《javascript设计模式》笔记
装饰者模式的含义是将要装饰的对象作为一个成员放在装饰者的内部,通过装饰者的方法来调用要装饰的对象的方法,通常的wrapper也是这种形式。组合模式和装饰者模式的区别是,组合模式组合的是一类对象,而装饰者是对某一个对象进行包装。...2012-01-18 14:59:16 · 87 阅读 · 0 评论 -
[转]YouTube架构学习体会
原文地址:http://www.itivy.com/ivy/archive/2011/3/6/634350416046298451.html 这几天一直在关注和学习一些大型网站的架构,希望有一天自己也能设计一个高并发、高容错的系统并能应用在实践上。今天在网上找架构相关的资料时,看到一个被和谐的视频网站YouTube的架构分析,看了以后觉得自己又向架构走近了一步,于是赶快拿出来与大...原创 2011-11-22 10:15:10 · 125 阅读 · 0 评论 -
[转]优酷网架构学习笔记
原文地址:http://www.itivy.com/ivy/archive/2011/8/13/the-architecture-of-youku.html 记得以前给大家介绍过视频网站龙头老大YouTube的技术架构,相信大家看了都会有不少的感触,互联网就是这么一个神奇的东西。今天我突然想到,优酷网在国内也算是视频网站的老大了,不知道他的架构相对于YouTube是怎...原创 2011-11-22 10:22:40 · 113 阅读 · 0 评论 -
Yii分析13:Yii核心组件之AssetManager
我们通过使用来讲解CAssetManager的使用和工作机制,可以直接看yii自带的demo-blog,打开blog的首页,会看到如下的引入js的html代码: <link rel="stylesheet" type="text/css" href="/yii/demos/blog/assets/d6bb6ebe/highlight.css" /> <...2012-04-10 00:37:07 · 144 阅读 · 0 评论 -
【转】漫谈社区PHP 业务开发
原文地址:http://stblog.baidu-tech.com/?p=1954 在当前这个互联网业务飞速发展时期,新的产品如雨后春笋般涌出,老产品线新业务也在不断突破和尝试。这就对快速开发迭代提出了更高的要求。一、基础运行环境针对新产品的开发,必须能够快速搭建一套LAMP架构。那么无外乎选择一个webserver,选择一个php版本,选择一个mysql版本,再选择一个PH...原创 2012-11-19 10:07:34 · 113 阅读 · 0 评论 -
【转】javascript中的urlencode
原文地址:http://www.cnblogs.com/baibaluo/archive/2011/03/03/2071250.html javascript可以使用的内置函数有encodeURI()encodeURIComponent()他们都是用utf-8的编码方式 encodeURI(),用来encode整个URL,不会对下列字符进行编码:+ : / ; ?...原创 2012-09-20 23:04:58 · 334 阅读 · 0 评论 -
IE系列不支持圆角等CSS3属性的解决方案
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好,如何解决这个问题呢? 一种比较传统的方案是放弃CSS3,使用背景图,但是这种方式也会有诸多问题,对页面结构改动较大,需要对自适应大小进行控制等,成本较高。 另外一种是百度了一下,发现有个开源的插件可以解决此问题:http:/...2013-07-23 23:38:16 · 157 阅读 · 0 评论 -
《高性能PHP应用开发》读书笔记
注:只记录了一些关键点,部分知识点/内容请看到的朋友自行百度orG。注2:虽然叫高性能,但大部分内容都是概述,不算太高阶,适合有一定基础并且面临类似问题的同学阅读。 1. 使用AB进行性能测试2. 使用浏览器插件(Firebug、YSlow)排查问题3. 使用require而不是require_once(进行更多的操作系统调用)4. 提前计算循环长度$coun...原创 2014-12-24 09:20:26 · 184 阅读 · 0 评论 -
Javascript面向对象之四链式调用-《javascript设计模式》笔记
1.链式调用:jquery可能是目前大家最常用到的js框架了,也习惯了如下的调用方式:$('.someclass').show().css('xxx','xxxx').click(function(){}).xxx……这种调用方式就叫做链式调用,也就是说在调用一个方法之后,可以使用方法的返回值来继续进行方法调用。2.如何实现链式调用:了解了什么是链式调用,我们再来看如何实现链式调用,从1中所述我们...2011-12-30 14:22:55 · 148 阅读 · 0 评论 -
Javascript面向对象之三单例模式-《javascript设计模式》笔记
1.单例模式概述源自百度百科对于单例模式的定义:单例模式的意思就是只有一个实例。单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例。这个类称为单例类。在javascript的世界里,其实没有严格的对象和类定义,“一切皆对象”使得javascript中都是对象,不能像java,c++或者php使用特定的方法返回一个实例来实现,因此对javascript来说,我们要创造的是一个“...2011-12-30 14:21:29 · 79 阅读 · 0 评论 -
[转]获取动态加载的图片大小的正确方法
原文地址:http://www.ideawu.net/blog/2011/07/%E8%8E%B7%E5%8F%96%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD%E7%9A%84%E5%9B%BE%E7%89%87%E5%A4%A7%E5%B0%8F%E7%9A%84%E6%AD%A3%E7%A1%AE%E6%96%B9%E6%B3%95.html 有一些很容易...原创 2011-07-04 11:15:47 · 260 阅读 · 0 评论 -
[转]web开发中合理动用图片格式
转自:http://blog.suiyidian.cn/?post=86 从某种程度上说,判断一个网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道图片存在GIF,JPG和PNG等格式,但并非所有人都知道它们之间的具体区别和使用技巧。接下来,代码吾爱将给大家介绍:WEB开发中几种最受欢迎图片格式的前...原创 2011-09-29 14:21:58 · 149 阅读 · 0 评论 -
[转]Javascript和CSS浏览器兼容总结
原文地址:http://www.ued163.com/?p=1698 这是我总结多年的一个小文档,主要内容是Javascript和CSS浏览器兼容总结,最近看见有人咨询浏览器兼容的问题,就贡献出来。并不一定全,有的也可能不准确,比如新出的IE8、Chrome等都没有太多涉及,虽然最近做的一些项目也兼容了IE8、Chrome等,但都没来的及总结进去,后来就忘了…汗。大家一起慢慢完善吧。...原创 2011-07-14 11:12:49 · 93 阅读 · 0 评论 -
JQuery的each函数
JQuery的each函数是用于遍历一个DOM元素集合的,值得注意的是如何控制遍历的继续(continue)和停止(break),参考JQuery的手册: 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。 请注意,返回'false'并不是整个each返回,而是作为内部...2011-07-26 01:07:00 · 122 阅读 · 0 评论 -
[转]10种方式实现跨域资源的共享
原文地址:http://www.ued163.com/?p=1800 同源策略在客户端编程语言中,如JavaScript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?当两个域具有相同的协议(如ht...原创 2011-07-27 10:50:13 · 102 阅读 · 0 评论 -
[转]交互设计师如何做交互
原文地址:http://www.ued163.com/?p=1804 下面的原则很受用,我觉得或许业务平台更需要设计原型及用户测试和评估。发现用户需要,建立明确需求提出设计方案制作设计原型用户测试和评估 交互设计师到底是需要做什么?尽管很多谈及交互的书上都已经回答过了:发现用户需要,建立明确需求提出设计方案制作设计原型用户测...原创 2011-07-27 11:35:04 · 212 阅读 · 0 评论 -
Yii分析7:runController的执行
在《Yii分析4:run的执行》一文中,介绍了Yii的app在执行run()方法时的主要步骤,在处理请求的方法processRequest()中首先通过路由管理类(参考《Yii分析5:路由管理类》)获取这个请求的route,之后将这个route作为参数传递给方法runController,接下来我们就来看看这个runController是如何执行的。 RunControl...2011-10-20 17:28:37 · 287 阅读 · 0 评论 -
[转]深掘XSS漏洞场景之XSS Rootkit
转载顿神大作:http://www.80sec.com/%E6%B7%B1%E6%8E%98xss%E6%BC%8F%E6%B4%9E%E5%9C%BA%E6%99%AF%E4%B9%8Bxss-rootkit-%E4%BF%AE%E8%AE%A2.html 深掘XSS漏洞场景之XSS Rootkit[完整修订版]EMail: rayh4c#80sec.comSite: htt...原创 2011-10-21 12:22:45 · 166 阅读 · 0 评论 -
[推荐]基于PHP和MySQL的开源点击统计软件Piwik
刚刚发现一款基于PHP和MySQL的开源点击统计软件Piwik,类似google analytics,生成一段JS,然后部署在网站所有页面的尾部,就可以进行pv,来源,ua等等的统计,支持中文,强烈推荐! 官方地址:http://piwik.org/...2011-08-10 11:50:08 · 108 阅读 · 0 评论 -
[转]JavaScript类型总览(图)
原文地址:http://blog.csdn.net/aimingoo/article/details/6676530 这个图来自于《JavaScript语言精髓与编程实践》第三章P184页。最近在改第二版,这张图重做了,需要的可以对照着看。关注这个体系的朋友可以参考如下:再谈JavaScript的数据类型问题http://blog.csdn....原创 2011-08-12 10:23:08 · 118 阅读 · 0 评论 -
Javascript面向对象之一对象成员的定义-《javascript设计模式》笔记
序: 刚接触javascript的时候,觉得这语言有点儿摸不着门道,感觉这玩意儿太难学了,没什么规范,没什么像样的手册,而且还跟html,dom,css打交道,更觉得一团糟,代码可读性也很差,面向过程的勉强能看懂,看面向对象的代码简直就是杯具,各种括号啊,后来了解ajax,了解了jquery,知道了很多网页特效都是用javascript写的,才慢慢有了好感,来了bd以后写javascript...2011-12-29 10:48:09 · 160 阅读 · 0 评论 -
Javascript面向对象之二继承-《javascript设计模式》笔记
1.关于继承:百度百科对继承的解释是:继承是指一个对象直接使用另一对象的属性和方法。(话说百科对于计算机概念的继承的解释也太简略了)继承的好处,优点学过面向对象的同学都知道,就不赘述了。javascript中的继承有三种(不同的书上对这三中的名称翻译都不一样,我按照我的理解来命名吧):a.构造函数继承(类式继承,组合继承,伪经典继承)b.原型继承c.原型赋值(遍历)继承(寄生式继承)2.构造函数继...2011-12-29 10:49:35 · 85 阅读 · 0 评论 -
【转】npm用法及离线安装方法
原文转自:https://cnodejs.org/topic/51c908f873c638f370d02985 暂未验证基本的用法查看某个模块的全部信息,或者可以查看单个信息npm info namenpm info name versionnpm info name homepageinstall支持多种手段,包...原创 2015-06-15 14:44:24 · 1329 阅读 · 0 评论