随笔分类 - WEB前端技术
摘要：最少化Http请求终端用户80%的响应时间都花在前端(而非服务端处理)。而这其中绝大部分的时间又都花在下载所有的页面“组件”：图片、样式表文件、脚本文件、Flash等。而按需加载，减少http的请求数来呈现页面，是加快页面呈现的关键。而减少页面组件的其中一种方式就是简化页面设计。但有一种既呈现富客户端组件，同时又使页面的响应时间得以加快吗？这里有几种技术能够有效减少http的请求数，并且又能够支持富客户端页面的设计。合并文件：你可以合并多个文件来减少http请求，比如合并脚本文件，简化并合并多个样式文件。当那些脚本或样式文件对各个页面都不尽相同时，这将变得更具挑战，但是把它列入你发布的其中一个
阅读全文
摘要：HTML5正在变得越来越流行。在这个移动设备日益增长的时代，对来自Adobe的Flash插件的改造需求也正在快速增长。因为就在最近，Adobe宣布Flash将不再支持移动设备。这意味着，Adobe自身也认为对移动设备来讲HTML5是一项重要的技术。而桌面系统的改变也是迟早的事。HTML的一大劣势就是对于多媒体技术支持的缺乏。在HTML中，你无法直接显示一个视频或在屏幕上绘画。在HTML5中，随着<video>与<canvas>元素的引进。这些元素给予开发者直接使用“纯粹的”HTML来实现多媒体技术的可能性——仅需要写一些Javascript代码来配合HTML。在多媒体技
阅读全文
摘要：场景一：采用函数引用方式的setTimeout调用闭包的一个通常的用法是为一个在某一函数执行前先执行的函数提供参数。例如，在web环境中，一个函数作为setTimeout函数调用的第一个参数，是一种很常见的应用。setTimeout将要执行的函数(或者一段javascript代码，但这不是我们要讨论的情况)作为它的第一个参数，下一个参数是需要延迟执行的时间。如果一段代码想通过setTimeout来调用，那么它需要传递一个函数对象的引用来作为第一个参数。延迟的毫秒数作为第二个参数，但这个函数对象的引用无法为将要被延迟执行的对象提供参数。但是，可以调用另一个函数来返回一个内部函数的调用，将那个内部
阅读全文
摘要：前几天写js，跟踪调试时，发现误传了参数类型【原本需要的是number类型的，结果传递的实参却是string类型的】。结果居然没有产生异常，仍然顺利地执行了。于是，今天特地做了几个测试。(1)字符串类型数字的自加/* *测试字符串类型数字的自加操作 */ function testStringSelfAdd() { var i = "0"; for (var j = 0; j < 100; j++) { i++; } ...
阅读全文
摘要：Width属性的“收缩”和“扩展”适应所有带width属性的元素都有一个默认的auto值，但在使用auto宽度时并不是所有元素都具有相同的效果。例如,<table>元素只是水平扩展以容纳其中的数据，这种方法称为“收缩适应”。另一方面，<div>元素则尽可能水平扩展其宽度，这种方法称为“扩展适应”。计算选择器的针对性作为对样式表优先级的一个补充，每个样式表中的选择器也存在优先级顺序。这种优先级由选择器的针对性决定。比如,id选择器最有针对性，通用选择器最为一般化。在他们之间，选择器的针对性使用以下公式计算：1、 设一个变量a,若样式是通过(X)HTML的style属性应用
阅读全文
