
web前端
文章平均质量分 68
lexinquan
BroadView!
展开
-
推荐好用的Jquery模板插件Jtemplate
jtemplate是javascript的模板引擎。官方网址:http://jtemplates.tpython.com/数据准备:var data ={TotalCount:64,Lists:[{Id:'2001' ,Title:'新闻11',Crea原创 2011-08-09 22:51:39 · 10765 阅读 · 1 评论 -
认识 HTTP/2
HTTP/2 是 HTTP 协议自HTTP 1.1 发布后的升级,主要基于Google 的 SPDY 协议。 HTTP/2标准于2015年5月以RFC 7540正式发表。HTTP/2当前已经被大多数主流浏览器支持,且很多网站已经通过该协议实现。 例如taobao.com使用的是HTTP/2协议。 HTTP/2的基本概念http2和现有的URI结构相同,在使用上没什么区别二进制http2是一个二进原创 2017-09-11 16:20:40 · 530 阅读 · 0 评论 -
前端测试介绍
测试,作为软件工程的一项重要环节,用来保证项目的正确性,完整性,安全性和可靠性。前端测试是前端工程化的重要环节,根据测试的粒度可以分为单元测试,功能测试(E2E测试),集成测试。前端测试框架单元测试 - Mocha - Jasmine - Jest断言库 - chai - Jest - expect.js - should.jsE2E - webdriverio - Nightwa原创 2017-09-11 14:25:31 · 2496 阅读 · 0 评论 -
Html5 系列之:新特性概览
序说到Html5你首先想到的是什么?下一代html标准.新的Form表单元素Canvas绘图离线存储支持音频视频播放其他特性包括新的页面元素,比如 , , , 以及 。。。不错,Html5有很多很酷的新特性,但是现在还只是一个草案标准,加上各个浏览器对每个特性的支持不一,使得目前html5还没有被广泛的使用。 那么和前一个版本相比,html5有哪些变化呢,通过下面的表格你可以清楚的看到。原创 2012-11-16 16:38:29 · 1607 阅读 · 0 评论 -
Html5 学习系列目录
Html5 系列Html5 系列之:技术概览Html5 系列之:新Form表单Html5 系列之:图像Html5 系列之:音频视频Html5 系列之:离线存储Html5 系列之:文件操作Html5 系列之:用户交互Html5 系列之:历史记录Html5 系列之:沙盒SandboxHtml5 系列之:有用工具原创 2012-11-16 16:37:10 · 2543 阅读 · 0 评论 -
Html5 系列之:Canvas绘图
Canvas是什么?它能做什么?简单的说Canvas是一个容器,可以往里面添加各种内容,如图片,绘制图形,甚至添加另外一个Canvas。各浏览器对Canvas的支持对比图:先看一个简单的例子://创建一个canvas对象var canvas = document.createElement('canvas');canvas.height = 100;canvas.width = 300;原创 2012-11-16 16:39:38 · 1650 阅读 · 0 评论 -
Html5 系列之:桌面通知Notification
介绍:桌面通知,我们经常看到的比如QQ,Skype在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能,只是这个消息框中浏览器中。目前浏览器依然是一个严格的沙盒工作模式,这种模式把浏览器和桌面的通信隔离开,但WHATWG下在讨论的一种特性Notification可以跨越沙盒通过桌面向用户发出浏览器的通知。现在在Html5中也可以实现这一功能,目前Notification原创 2012-11-16 16:40:59 · 3830 阅读 · 0 评论 -
Html5系列之:新Form表单
新增的表单类型email输入类型email" value="some@email.com" />此类型要求输入格式正确的email地址,否则浏览器是不允许提交的,并会有一个错误信息提示.此类型在Opera中必须指定name值,否则无效果. url输入类型url" />上面代码展示的文本域要求输入格式正确的URL地址,Opera中会自动在开始处添加http://. 日期时间原创 2012-11-16 16:39:01 · 1722 阅读 · 0 评论 -
Html5 系列之:地理位置Geolocation
简介:Geolocation API用于将用户当前地理位置信息共享给信任的站点,当一个站点要获取用户的当前地理位置,需要通过浏览器请求用户授权。和Geolocation类似的google有个插件Gears,它通过插件安装的方式支持所有浏览器,不过目前google弃用它了。这里我们讨论的是Geolocation,我们来看看如何使用。 一、检测浏览器是否支持:if(!navigat原创 2012-11-16 16:40:14 · 1741 阅读 · 0 评论 -
Html5 系列之:本地存储Storage
简介:WebStorage提供了更强大的客户端存储功能,这样我们可以离线下载网页,存储更重量级的数据到客户端,减少服务器传输等,这些都是可以替代cookie的理由。Web Storage实际上由两部分组成:sessionStorage与localStorage。sessionStorage用于存储一个会话中的数据,随着网页的关闭数据也会销毁;localStorage用于长久的保存数据,除非手动原创 2012-11-16 16:40:35 · 1724 阅读 · 0 评论 -
基于 Node.js 搭建 HTTP/2服务
上文已经提到了HTTP/2主要利用多路复用传输,头部压缩,服务端推送,可以减少网络延迟对性能带来的影响,优化首次访问速度,提高传输效率。本文介绍基于Node.js搭建一个简单的HTTP/2应用,以及实现HTTP/2的Server Push特性,来直观的感受一下HTTP/2的特性。准备SSL证书生成服务器私钥key# 生成密码文件,省去输入密码openssl genrsa -des3 -pass原创 2017-09-11 16:21:39 · 1004 阅读 · 0 评论