FED实验室 - 专注WEB端开发和用户体验

 分类:前端开发

前端开发相关

单页面应用中实现“前进/后退”功能的解决方案

前言: 基于 Ajax 的 Web 应用最为明显的特征在于使用了浏览器内部原生支持的 XMLHttpRequest 对象与后台服务器进行数据通信,由于这种通信方式不需要页面的刷新动作,因而无论与后台发生了多少次通信,浏览器的 URL 会一直保持在初始地址不变。这随之而来的一个问题便是不断变化的页面状...

煦涵 4年前 (2014-07-09) 8392℃ 0评论 6 喜欢

javascript本地存储解决方案

本地存储的主要方案有: Flash SharedObject、Cookie、LocalStorage、SessionStorage、UserData、Silverlight、Open Database等。 1.Cookie:在web中得到广泛应用,但局限性非常明显,主要有以下几点: a)容量太小(4...

煦涵 4年前 (2014-07-06) 2914℃ 0评论 0 喜欢

单页Web应用

一、定义 单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,SPA不会因为用户的操作而进行页面的重...

煦涵 4年前 (2014-06-30) 5518℃ 0评论 2 喜欢

前端Code规范之JS

一、缩进,分号,单行长度 1.缩进一律使用2个空格 2.Statement 结束一律以分号结束, 不可以省略 3.单行长度,理论上不要超过80列,不过如果编辑器开启 soft wrap 的话可以不考虑单行长度,如果需要换行,存在操作符的情况,一定在操作符后换行,然后换的行缩进4个空格。 二、添加空行...

煦涵 5年前 (2014-06-01) 2806℃ 0评论 0 喜欢

实时web第一弹:Comet服务器推技术

Comet是一种服务器向页面推送数据的技术,Comet能让信息近乎实时的被推送到页面上。实现Comet有两种方式: 方式一:长轮询 1)轮询与长轮询 轮询:也称定时轮询,客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并关闭连接。 优点:后端程序编写比较容易。 缺点:请求中有大半...

煦涵 5年前 (2014-05-28) 3888℃ 0评论 1 喜欢

深入javascript(六):instanceof 运算符

instanceof运算符可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。 实例一:普遍用法 A instanceof B :检测B.prototype是否存在于参数A的原型链上. function Ben() { } var ben = new Ben...

煦涵 5年前 (2014-05-27) 11274℃ 0评论 8 喜欢

window.onbeforeunload事件

当窗口即将被卸载时,会触发该事件。此时页面文档依然可见,且该事件的默认动作可以被取消。 1)该函数应当将一个说明字符串赋值给Event对象的returnValue属性(兼容旧版浏览器),并且返回该字符串。 2)在Firefox4及其后续版本中,返回的说明字符串并不向用户显示,也就是无法自定义说明字符...

煦涵 5年前 (2014-05-17) 2638℃ 0评论 0 喜欢

前端Code规范之CSS

一、基本语法 1.使用2个空格soft tabs 2.为选择器分组时,将单独的选择器单独放在一行。 3.为了代码的易读性,在每个声明块的左花括号前添加一个空格。 4.声明块的右花括号应当单独成行。 5.每条声明语句的冒号后应该插入一个空格。 6.为了获得更准确的错误报告,每条声明都应该独占一行。 7...

煦涵 5年前 (2014-04-21) 2227℃ 3 喜欢

前端Code规范之HTML

一、基本语法: 1.用2个空格soft tabs,这是唯一能保证在所有环境下获得一致展现的方法,一般的编辑器都可以调整 2.嵌套元素应当缩进一次(即四个空格)。 3.对于属性的定义,确保全部使用双引号,绝不要使用单引号。 4.不要在自闭和(self-closing)元素的尾部添加斜线 -- HTML...

煦涵 5年前 (2014-04-21) 2526℃ 0评论 1 喜欢

javascript 冒泡排序和快速排序

/** * 基本思路:比较相邻元素,如果一个元素比另一个元素大(小),交换位置,然后依次循环 * [bubbleSort 冒泡排序] * @param {[type]} arr [待排序数组] * @param {[type]} sort [默认升序,asc,desc] *...

煦涵 5年前 (2014-04-17) 2833℃ 0评论 0 喜欢

javascript 数组二分查找

二分查找: 优点:比较次数少,查找速度快,平均性能好; 缺点:是要求待查表为有序表,且插入删除困难。 因此,二分查找方法适用于不经常变动而查找频繁的有序数组。 基本思路:数组中间位置对应的值与需要查找的值比较,如果两者相等,则查找成功;否则利用中间位置记录将数组分成前、后两个子数组,如果中间位置记录...

煦涵 5年前 (2014-04-16) 5966℃ 0评论 2 喜欢

兼容的File上传域

由于各浏览器的<input type="file">兼容性差异很大,在涉及多语言的项目中,浏览二字无法翻译,虽然有可能随着系统语言环境的不同而不同,但是论证一番还是觉得不靠谱,于是写个兼容的东东,方便使用,效果图及代码如下: <!doctype html> <htm...

煦涵 5年前 (2014-04-14) 2564℃ 0评论 0 喜欢