suibobuzhuliu的博客_JavaScript,PHP,Web开发,CSS,网络,服务器,Linux,linux应用,linux运维相关,web开发原创

我的友情链接

51CTO博客开发南非蚂蚁皮皮书屋腾讯CDC菜鸟吧RPM Search淘宝UED西邮网络科技协会个人站点阮一峰的博客

原创 2017-11-22 23:10:48 633 阅读

自适应/响应式网页设计

Responsive Web Design，翻译为自适应网页设计或响应式网页设计。今天，智能手机和平板电脑等移动设备的普及程度令人难以置信，智能手机都白菜价了，几百块钱就能入手一部功能强劲的Android手机。人们通过这些移动设备来浏览网页的频率和时间大有赶超传统桌面设备的趋势，这些设备已经成为了互联网的最常见的终端。不同尺寸和分辨率的屏幕给了网站开发设计者不少麻烦。很多网站的解决方法，是

自适应网页设计

原创 2013-05-05 18:15:51 1026 阅读

DOM 2级事件模型跨浏览器处理

一。捕获、添加事件由于有着W3C和微软两种捕获、添加事件的方法，所以在涉及较多事件且要实现跨浏览器兼容的情况下，会重复的输入if。。。else。。。语句。一个好的方法就是创建一个可复用的事件处理函数，例如： function catchEvent(eventObj, event, eventHandler){ if(eventObj.addEventListener){//W3C模型

JavaScript

DOM2

高级事件处理

原创 2013-04-20 15:33:28 1900 阅读

微软模型事件捕获可能的内存问题

JavaScript开发人员被鼓励使用新的、基于规范的事件模型，即DOM LEVEL 2的事件模型。但是这种模型又分为W3C和微软两种模型。老事件模型和新的DOM LEVEL 2事件模型之间，最主要的区别在于：新事件模型并不依赖于特定的事件来处理属性；你可以对任何一个对象的任何一种事件注册多个事件句柄函数。用来代替事件句柄属性的是每个对象提供的3个方法：addEvent

JavaScript

事件处理模型

原创 2013-04-20 14:28:48 606 阅读

IE6双边距BUG

在IE6下如果某个标签使用了float属性，同时设置了其外补丁: float:left; margin:10px 0 0 10px 可以看出，上边距和左边距同样为10px，但第一个对象距左边有20px。如果向右浮动右边距设置为10px，则最靠近右边的浮动元素的右边距为20px。即边距方向和浮动方向一致时，靠近浮动方向一侧的元素

CSS

双边距bug

原创 2013-04-20 09:41:58 1343 阅读

CSS hack

内部属性Hack CSS内部属性级Hack 语法：selector{<hack>?property:value<hack>?;} 取值： _：选择IE6及以下。连接线（中划线）（-）亦可使用，为了避免与某些带中划线的属性混淆，所以使用下划线（_）更为合适。 *：选择IE7及以下。诸如：（+）与（#）之类的均可使用，不过业界对（*）的认知度更高。

css hack

原创 2013-04-19 09:45:50 821 阅读

JavaScript继承机制

由于JavaScript语言设计者Brendan Eich所处的时代（1994年）面向对象编程兴盛，他也受到了影响，JavaScript里面的所有数据类型都是对象，但是他想要的是一个简易的脚本语言不想使其复杂化，因而他没有引入“类”，设计了“继承”机制来将所有对象联系起来。 JavaScript中没有“子类”和“

JavaScript

继承

原创 2013-04-18 17:45:05 442 阅读

JavaScript定义类或对象

JavaScript的各种书籍说的可能会有点凌乱，今天看一下ECMAScript对定义类或对象的相关文档。面向对象语言不仅能够使用预定义对象还能够创建自己专用的类和对象。原始方式 var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function(

JavaScript

定义对象

原创 2013-04-18 13:44:47 592 阅读

JavaScript闭包

Normally, when the function terminates, the scope is released because it's no longer necessary. However, in the case of an inner function that's returned to the outer application and assigned

JavaScript

JavaScript闭包

原创 2013-04-17 15:14:10 520 阅读

HTTP协议

万维网使用超文本传输协议HTTP(HyperText Transfer Protocol)来实现各种链接。 HTTP报文格式 HTTP请求报文和响应报文都是由三个部分组成的。 1. 开始行，用于区分是请求报文还是响应报文。请求报文中开始行叫“Request-line”，响应报文中叫“Status-

HTTP

状态码

原创 2013-04-12 14:46:29 1018 阅读

可选择输入框

从网上找了份web前端的面试题，有一道题是设计出既能在文本框中输入，又能在下拉框中选择的组件（如下图）。稍微一想没有思路，但是这种组件还算经常见到。参考了一下网上别人的代码，自己也搞了个。思路：隐藏或者说是遮住下拉菜单的按钮左侧的部分，在按钮左侧该位置放上输入框。然后利用Javascript，将用户从下拉菜单选择的选项的值赋给输入框。 html代码： <body>

Javascript

可选择输入框

原创 2013-03-28 09:55:08 1616 阅读

浏览器兼容性问题总结

浏览器兼容性问题是令我等搞前端人很头疼的问题，虽然目前的浏览器对web标准支持的较好，但是还是有不少的人固守着XP,当然XP上自带的浏览器会令人疯掉。以前看书摘录的一些兼容性问题，今天想起来给找了出来，还是放在博客里不停补充吧，免得哪天找不到这个文件。 Windows XP自带浏览器为IE6 不同的操作系统具有不同的结束符号，基于UNIX的系统使

浏览器

原创 2013-03-24 22:17:34 910 阅读

CSS继承机制&使用相对单位设置字体大小

CSS要对准的所有标签都包含在body中。由于CSS的继承机制，如果我们为body标签添加如下字体样式： body {font-family:verdana, helvetica, sans-serif; color:blue; } 整个文档中所有文本元素的文本都会继承这些样式，无论该元素在文档层次中多么靠近底部。

css

css继承机制

原创 2013-03-24 22:03:32 1356 阅读

PHP/web开发乱码问题解决方法

一。Mysql数据库在建立数据库时，“整理”选择utf8_bin或utf8_unicode_ci。在表格甚至每个项都可以指定编码即“整理”。如下图二。PHP与mysql交互过程设置字符集在连接数据库成功后，要加上 $conn->query("set names 'utf8'&quo

php

乱码

原创 2013-03-21 21:55:05 565 阅读

Javascript事件

Javascript

事件

原创 2013-03-20 16:39:16 610 阅读

Javascript面向对象相关知识总结

“Everything” in JavaScript is an Object. 讨论Javascript肯定离不了上面这句话“在Javascript中一切都是对象”。 Javascript对象和原型 Javascript对象通常有一个构造函数，以及相应的方法和属性。此外，Javascript中的所有

Javascript

prototype

面向对象

原创 2013-03-18 22:13:39 385 阅读

XML学习笔记

what？ XML指可扩展标记语言（EXtensible Markup Language） XML的设计宗旨是传输数据，而非显示数据 XML的标签没有被预定义。需要自行定义标签 XML与HTML的主要差异 XML不是HTML的替代，它们是为不同的目的设计的 XML被设计为传输和存储数据，其焦点是数据的内容，旨在传输信息 HMTL被设计用来显示数据，其焦点是数据的外观，

XML

web

原创 2013-03-17 17:13:21 530 阅读

Javascript位运算

Javascript支持位操作，如 & ，| ， ^ , ~，分别为与、或、异或、非操作。此外还有移位操作。这里主要对移位操作进行说明。在看书学习Javascript的过程中多次把位操作尤其是移位操作给略过，今天做一套笔试题，发现里面有不止一道位操作的题，潜下心看了看。位运算符是在数字底层（即表示数字的32个数位）进行操

Javascript

Javascript位运算

原创 2013-03-10 17:22:32 643 阅读

Ajax应用——自动补全表单字段（Google Instant）

像百度、Google等搜索引擎在搜索框中输入一些内容后，在搜索框下方会出现一个包含很多匹配信息的提示框。这些推荐关键字极大的方便了我们的搜索，因为我们有时候使用的关键字并非很合适，Ajax在这里的应用增强了用户体验。相当于弱化的Google Instant（谷歌实时）。下面的一个例子中，在表单的输入框进行输入时，会显示与输

Ajax

Javascript

Google instant

原创 2013-03-09 19:44:07 1047 阅读 2评论

Ajax(二)

把Ajax（一）中的例子改为，使用http请求为post方式一、返回数据格式为xml格式。 registerProcess.php页面 <?php header("Content-type:text/xml; charset=GBK"); header('Cache-Control:no-cache');&nb

Ajax

Javascript

原创 2013-03-07 18:23:57 459 阅读

AJAX（一）

Ajax = Asynchronous JavaScript and XML(异步的Javascript和XML)。 Ajax不是新的编程语言，而是一种使用现有标准的新方法。 Ajax的历史。2005年2月Jesse James Garret在他的文章中首次提出了Ajax这个术语。Gmail、Google Maps和Flickr等web应用程序

php

Ajax

Javascript

原创 2013-03-06 21:04:36 389 阅读

制作CSS下拉菜单

下拉菜单是很常见的，它们大部分由Javascript实现的，但是比较复杂。利用HTML和CSS也可以制作出下拉菜单，并且不必前者逊色。需要做的就是编写一组无序列表，然后，将它们相互嵌套起来构成菜单的不同级别；接着把嵌套起来的列表包装在一个div中，再为这个div添加一个类，以便将HTML与CSS关联起来。下面是一个制作二级菜单的过程：从顶级菜单开始： <body>

HTML

CSS

下拉菜单

原创推荐 2013-01-23 22:25:34 3562 阅读 2评论

新浪SAE小试身手

首先，不得不提这样一个站点——“免费资源部落”。www.freehao123.com 一看导航便中的各种免费就让人激动，深入查看会发现其中的文章也图文并茂很实用。这个网站是我搜免费空间时发现的。最近，一直想搞个个人站点，抽了风似的，开着电脑听音乐都会忍不住打开浏

建站

wordpress

新浪SAE

原创 2013-01-12 22:32:24 1161 阅读 1点赞

聚集函数Avg（）小数显示问题

先来看问题这是选课表sc中的所有条目，注意看课程号cno为2的有两条分别为： 95001 2 88 95002 2 93 上图中的查询是为了获得，选修了课程号cno为2的课程的所有同学的平均成绩。由第一张图知此平均为90.5，这里却没显示小数部分。。。。我百度了一下

sqlserver

AVG

小数

聚集函数

原创 2013-01-02 19:23:10 2392 阅读

网络协议模拟与分析

协议模拟 Ø 工具：NS2，awk，shell，perl等； Ø 要求：掌握NS2网络模拟的基本流程； Ø 内容：NS2网络模拟基本流程编写TCL脚本，搭建如下图所示的一个网络，共6个节点，其中2、3节点用做ftp服务器和客户端，4、5节点用做cbr流量的源和目的，而0、1节点用做转发设

perl

TCL

ns2

十全十美

网络模拟

原创 2012-12-31 19:48:01 3425 阅读

JavaScript制作浮动窗口

HTML&CSS: <style type="text/css">body { background-color:#FFF; }#annoyingAdvert { position:absolute; z-index:2; display:none;

隐藏

JavaScript

十全十美

浮动窗口

原创 2012-12-21 13:19:22 1751 阅读

JavaScript学习之24/12小时制切换

JavaScript以24小时制提供时间。不过，许多人不喜欢这种格式，希望转换为12小时制。下面的代码给出了一种解决办法。页面中有两个重要元素<h2>标签和单选按钮。脚本将时间写入前者，使用单选按钮进行选择。 HTML&CSS代码： <style type="text/css"> &nb

JavaScript

十全十美

24小时制

原创 2012-12-21 11:31:01 3045 阅读

JavaScript学习之表单验证

在填写表单时，我们经常见到指定用户必须填写某些字段（比如注册邮箱等），然后才能提交表单。可以使用JavaScript检查某些或所有字段是否已经填写了。在下面的例子中，我们使用HTML、CSS和JavaScript通过红色的边框和黄色的内部颜色突出显示未填写的字段。检查在表单提交时进行。检查方法的基本原理如下：HTML中

JavaScript

label

表单验证

十全十美

原创 2012-12-16 21:34:58 1366 阅读

使用wireshark分析网络流量实例

工具：Wireshark（Windows或Linux），tcpdump（Linux）要求：使用过滤器捕获特定分组；用脚本分析大量流量数据（建议用perl）。内容：Web流量分析清除本机DNS缓存（ipconfig /flushdns），访问某一网站主页，捕获访问过程中的所有分组，分析并回答下列问题：（1）简述访问web页面的过程。（2）找出DNS解析请求、应答相

TCP

流量分析

wireshark

三次握手

十全十美

原创 2012-12-12 15:01:31 10000+阅读 12点赞 3收藏 9评论

web标准中的可用性和可访问性

Web开发界经常被提及的三个词：可用性（usability）、可访问性（Accessibility）和可维护性（Maintainability）。（本文对可维护性不做说明）可用性指的是：产品是否容易上手，用户能否有效率完成任务，以及这个过程中用户的主观感受可好，是从用户的角度来看产品

可用性

web标准

可访问性

十全十美

原创 2012-12-10 21:02:16 1287 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

开心菠菜