以图明志

Web设计理念

浏览器User-agent String里的历史故事

为啥User-agent总是有Mozilla字样?
你是否好奇标识浏览器身份的User-Agent,为什么每个浏览器都有Mozilla字样? 因为网站开发者可能会因为你是某浏览器(这里是 Mozilla),所以输出一些特殊功能的程序代码(这里指好的特殊功能),所以当其它浏览器也支持这种好功能时,就试图去模仿 Mozilla 浏览器让网站输出跟 Mozilla 一样的内容,而不是输出被阉割功能的程序代码。大家都为了让网站输出最好的内容,都试图假装自己是 Mozilla 一个已经不存在的浏览器……

Web设计理念

浏览器渲染过程中的reflow是什么

浏览器渲染原理
浏览器每天就这么来来回回跑着,要知道不同的人写出来的html和css代码质量参差不齐,说不定哪天跑着跑着就挂掉了。好在这个世界还有这么一群人——页面重构工程师,平时挺不起眼,也就帮视觉设计师们切切图啊改改字,其实背地里还是干了不少实事的。

PHP服务器脚本

[专题] PHP安全编程:主机文件目录浏览

数据库信息数据保存
除了能在共享服务器上读取任意文件之外,攻击者还能建立一个可以浏览文件系统的脚本。由于你的大多数敏感文件不会保存在网站主目录下,此类脚本一般用于找到你的源文件的所在位置。攻击者可能会首先察看/etc/passwd文件或/home目录以取得该服务器上的用户名清单;可以通过语言的结构如include或require来发现保存在网站主目录以外的源文件所在位置。

Web设计理念

网页宽度设计的选择

网页宽度选择的一些依据
几乎所有的大型网站都是采用比较保守的网页宽度设计,目前且都已不再考虑800*600分辨率的用户的全屏浏览问题,目前网页宽度设置的主流标准仍然是950/960/980像素宽度,最大980像素也大都是国外网站。固定宽度只适合功能型网站,不适合希望用户认真阅读的浏览型网站。浏览型网站,它的定位是“知识库”,希望你停留在这里认真浏览和阅读。

JavaScript

几个JavaScript的浏览器差异处理问题

处理和了解浏览器差异一个重要问题
JQuery确实是个很好用的库,你可以不用考虑很多细节方面的事情。但很作为一个web前端,处理和了解浏览器差异一个重要问题。下面将介绍一些总结,先介绍没有使用js库的情况。这篇文章的目的也就是介绍浏览器差异的同时使前端的朋友们了解如果用最有效的方法去解决问题。

Web设计理念

简单配置.htaccess就可以实现的10个功能

防止盗链,防止目录浏览等
那些盗用了你的内容,还不愿意自己存储图片的网站是很常见的。你可以通过以下配置来放置别人盗用你的图片:……有时候目录浏览是有用的,但大部分情况会有安全问题。为了让你的网站更安全,你可以通过htaccess文件来禁用这个功能:……

Web设计理念

各浏览器加载资源的方式区别

各浏览器是如何下载资源来打开页面的
这个总结来源于一次优化的请求,最初某个页面的加载十分缓慢,load事件迟迟无法触发,因此希望可以通过对静态文件分域名等方式对页面的外部资源进行优化,拿得load事件尽可能早地触发。本篇文章就使用几种流行的浏览器,针对同一个页面的外部资源加载过程进行分析,推测各浏览器加载外部资源的策略、特征,并最后给予一定的比较和总结。

Web设计理念

IE浏览器与IE内核浏览器有什么区别

navigator.userAgent
很多人一谈到浏览器就会想到 Internet Explorer,我们简称它为IE。确实在生活中用到最多的就是这个浏览器了,很多人只用这个浏览器,甚至有些人在意识里只有这个浏览器。但是Internet Explorer只是浏览器里的一个。也许是因为IE的市场太过于广阔,或许是因为网页提供商已经习惯IE的标准进行制作网页,甚至一些网站还必须使用IE才能识别。

Web设计理念

优化js脚本设计,防止浏览器假死

解放你的浏览器
Nicholas C. Zakas认为不论什么脚本,在任何时间、任何浏览器上执行都不应该超过100毫秒,否则一定要将脚本分解成若干更小的代码段。那么我们该如何来做呢:第一步,优化你的循环,循环体中包含太多的操作和循环的次数过多都会导致循环执行时间过长,并直接导致锁死浏览器。

互联网时代

浏览器内核及渲染过程介绍

不同浏览器内核引擎区别
浏览器可以分为两部分,shell+内核。其中shell的种类相对比较多,内核则比较少。Shell是指浏览器的外壳:例如菜单,工具栏等。主要是提供给用户界面操作,参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。

JavaScript

JavaScript正则表达式的浏览器的差异

不了解这些差异在开发时会浪费很多时间
JavaScript中的正则表达式在不同的浏览器中得到的结果可能会有差异,下面把正则表达式在五大主流浏览器(IE、Firefox、Chrome、Safari、Opera,以当前版本为准)之间的差异整理一下罗列出来。

Web设计理念

分析用户的网页浏览行为与习惯

用户是如何浏览你的网站的
事实上,互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面,扫视一些文字,并点击第一个引起他兴趣的链接。在这过程中,页面上有大量的区域用户甚至根本没有看过。大部分用户在页面上寻找他感兴趣且可点击的内容,一旦发现目标,点击行为就会发生,但如果页面不符合期望,后退或关闭按钮也将马上被点击。

CSS

IE的CSS渲染跟其它浏览器有什么不同

浏览器兼容需要对IE的工作模式有所了解
由于IE系浏览器对标准的支持不够好,导致Web开发中经常需要去处理浏览器兼容性问题,特别有些莫名其妙的问题很让人头疼。如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。之所以说是一般情况是因为可以使用!important来改变这种顺序,比如外部样式如果某个样式项使用了!important来提高优先级,其优先级将比内联样式高。

互联网时代

目前主流浏览器的内核

了解主流浏览器都是用什么内核的
浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。

JavaScript

JavaScript在Firefox与IE下的差异

虽然JS跨浏览器的问题很烦人,但这就是现实
尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去,偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。下面介绍一些在IE和Firefox中不同的JavaScript句法。

HTML

防止浏览器假死的一个HTML5方案

HTML5 webWorker的使用
在Web开发的时候经常会遇到浏览器不响应事件进入假死状态,甚至弹出“脚本运行时间过长“的提示框,如果出现这种情况说明你的脚本已经失控了。一个浏览器至少存在三个线程:js引擎线程(处理js)、GUI渲染线程(渲染页面)、浏览器事件触发线程(控制交互)。
1 / 2 首页 < Prev 1 2 Next > 尾页 页码: