HTML5_web_https_http_etc
bamboolsu
技术总监,产品经理,开发经理,项目经理,PMP, Scrum master, CM
丰富的java,HTML5,python, C/C++开发开发经验,
motorola, google, 第九城市等公司工作经验
跨境电商相关(进出口商城,erp等)产品规划,研发
丰富的产品管理,项目管理,需求管理,技术开发管理敬仰
linux,windows, wxworks等多平台开发
展开
-
html 转义
http://blog.csdn.net/wusuopubupt/article/details/8817826常用表:No.文字表記10進表記16進表記文字 Comment001""""""原创 2016-03-03 17:26:11 · 598 阅读 · 0 评论 -
IETF HTTP2草案(draft-ietf-httpbis-http2-13)
IETF HTTP2草案(draft-ietf-httpbis-http2-13) 摘要本规范描述了一种优化的超文本传输协议(HTTP)。HTTP/2通过引进报头字段压缩以及多路复用来更有效利用网络资源、减少感知延迟。另外还介绍了服务器推送规范。本文档保持对HTTP/1.1的后向兼容,HTTP的现有的语义保持不变。 1 介绍The Hypertext Transfe转载 2015-04-08 09:28:17 · 829 阅读 · 0 评论 -
http2-基本概念
HTTP 2.0 中文版原创 2015-04-07 20:12:27 · 516 阅读 · 0 评论 -
HTML5-桌面式web应用-地理定位, webworker, 会话历史
地理定位: web worker: 后台程序会话历史:原创 2015-04-06 18:33:21 · 795 阅读 · 0 评论 -
HTML5-桌面式web应用-与web服务器通信( XHR, 服务器发送事件, Web Socket:)
XHR: XMLHttpRequest服务器发送的实现: server-sent event, 让服务器能够定时给网页发送消息;web socket框架: 让浏览器与服务器能够随心所欲地双向通信。向服务器发送消息: XHR, Ajax 技术, 是一对一的; 不属于HTML5的 最新 部分 XMLHttpRequest对象:原创 2015-04-06 11:44:27 · 1414 阅读 · 0 评论 -
HTML5-桌面式web应用-离线应用
通过描述文件 缓存资源: 创建描述文件: manifest file 是一种特殊文件, 告诉浏览器保存什么文件, 不保存什么文件, 以及用什么文件代替其他文件; 修改网页, 应用描述文件; 浏览器在请求页面时 就会下载描述文件; 配置web服务器: 更新描述文件:原创 2015-04-06 11:25:56 · 502 阅读 · 0 评论 -
HTML5-桌面式web应用-数据存储
数据保存: 1,服务器: 安全, 可靠, 高效 2, 客户端: 不太重要的信息; 用户偏好和应用状态放在用户本地比较合乎逻辑; cookie, local storage 本体存储功能(HTML5支持), web存储简介: 本地存储: 对应localStorage对象, 用于长期保存整个网站的数据原创 2015-04-06 00:16:59 · 820 阅读 · 0 评论 -
HTML5-canvas 绘图
富应用: 漂亮的图片, 人机互动功能, 以及炫目的动画效果;Canvas 画布: canvas 独特的地方是 需要javascript 来操作, 不使用javascript 就无法绘制图形, 也不能画出图画。 这意味着canvas 是一个编程工具, 而这已然超出了web基于文档的设计初衷。Canvas 并在其中绘制线条,曲线 和 简单的图形,Can原创 2015-04-05 21:33:41 · 587 阅读 · 0 评论 -
HTML5-javascript
javascript 参考资料: javascript &jQuery: the missing manual原创 2015-04-05 21:53:46 · 6701 阅读 · 0 评论 -
HTML5-使用CSS3
制作现代网页, 不使用CSS3, 几乎是不可能的!!!!!!!!!!!!!CSS: 布局页面, 构建交互按钮和菜单, 美化界面, CSS都是最基本的工具!!!CSS 设计者们 把下一代CSS拆分成一组独立的标准, 每个独立的标准交模块, 所有新的模块总结起来叫做CSS3. 大约50个模块!!!!!!!!!!!!!!CSS3, 是web样式设原创 2015-04-05 23:17:56 · 522 阅读 · 0 评论 -
HTML5-video and audio 音视频
最早的音视频表现: ......之后插件支持: silverlight 和 flash 三方插件播放音视频video and audio tag支持:原创 2015-04-05 09:31:20 · 841 阅读 · 0 评论 -
HTML5
HTML------XHTML 1.0 ----XHTML 2.0-------HTML5 ----- \_____________________________/HTML5 包括: AUDIO/VIDEO(videotag, MSE), CSS3, Canvas绘图, 增强的web表单, 本地数据存储, web socket, 离线应用, 消息传原创 2015-04-03 21:25:18 · 396 阅读 · 0 评论 -
浏览器: HTML5网页 ( 渲染过程 概要介绍)
HTML 网页 是利用 HTML语言 编写的文档,这是一种半结构化的 数据表现形式。结构特性: 树状结构; 层次结构; 框结构;一, 网页 构成:基本元素和树状结构: 现在的语言是动态的语言, 需要CSS 样式语言 与 javascript语言; CSS 是一种样式表语言, 用来描述元素的现实信息。 Javascript原创 2015-04-11 23:48:25 · 2304 阅读 · 0 评论 -
safiri webkit 开发 on linux (ubuntu or fedora)
1, 下载源代码:webkit537.75 : http://nightly.webkit.org/builds/trunk/src/13 http://nightly.webkit.org/builds/trunk/src/1比如下载webkit537.75 r16633029.7 MB2014-03-27 04:18:26 GMT原创 2015-04-08 14:35:08 · 1464 阅读 · 0 评论 -
html5 面试题目汇总
1, 什么是HTML5? HTML5的页面结构同HTML4或者更前的HTML有什么区别?HTML5是最新的HTML标准,他的主要目标是提供所有内容而不需要任何的像flash,silverlight等的额外插件,这些内容来自动画,视频,富GUI等HTML5是万维网联盟(W3C)和网络超文本应用技术工作组(WHATWG)之间合作输出的 一个典型的WEB页面包含头部,脚部,导航,中心区域原创 2016-01-12 16:56:15 · 593 阅读 · 0 评论 -
chrome 调式
下面的链接可以跟踪调用流程:chrome://chrome-urls/webrtc: chrome://webrtc-internals/网站开发调试,chrome是程序员的福音,尤其是对js的调试。http://jingyan.baidu.com/article/4b52d7028b99d2fc5c774b83.html原创 2015-12-25 09:30:18 · 607 阅读 · 0 评论 -
http2. 图解
【交代:时间是在距今的5年后,由于我的智能滑板鞋,还有智能小内内的创业失败,为了在这个先看胸再看脸的时代活下去,我不得不重操旧业,去面试web前端工程师的工作。多年没有接触web开发了,找了个AlloyTeam的老同事晨伯帮我温习一下知识,好让面试通过】 “多年没见,你的女神后来什么样了”晨伯总是这么八卦我的女神,而不是我。 “我给你一个表情,你自己体会一下”原创 2015-11-18 09:04:55 · 877 阅读 · 0 评论 -
移动端前端开发调试
通过移动端使用 Web 服务的比率越来越大,例如淘宝 2014 年双十一,移动端交易份额就达到 42.6%。由此可见,掌握移动端的前端开发和测试是非常有必要的。本文只介绍与调试有关的内容,至于其他移动端开发知识(技巧、坑)太多太大,推荐 Mars 移动前端开发知识库。这个项目很久没有大动静了,欢迎大家猛烈关注,不要让它“太监”了。由于本文较长,如果没有太多时间和精力查看,建议跳转到转载 2015-11-18 00:02:59 · 5635 阅读 · 0 评论 -
Rosin-移动端页面开发调试Fiddler插件
前言随着移动互联网大潮流的到来,移动端H5开发需求也愈加强烈。而移动端页面的调试对开发效率起着重要作用,都有什么调试方法呢?对于Android设备,可通过设备连接Chrome浏览器进行调试(chrome://inspect/#devices)。对于IOS设备,可通过设备连接Mac的Safiri浏览器进行调试(仅Mac可调试)。对于网络,可通过Fiddler连接同一wifi设置代理进转载 2015-11-17 23:03:58 · 2522 阅读 · 0 评论 -
前端开发必备工具-网页调试工具
前端开发必备工具-网页调试工具在前端开发中我们经常会要调试页面,主要html、css调试和js调试,这里整理一些工具:一、firefox网页调试插件1.firefox插件Firebug主要用于html、css的调试和js调试;推荐指数:从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面转载 2015-11-17 23:40:09 · 11749 阅读 · 0 评论 -
Web缓存
Web缓存的作用与类型前言&摘要这段时间的工作内容主要是为一个客户端类型的产品增加文档在线存储和文档在线预览相关特性。由于测试的同事比较细心和专业,发现了项目实现中一些效率低下的环节,比如在线预览图片没有经过压缩、重开打开同一张图片没有有效利用Web缓存等问题。而这些细节问题往往在做项目架构时,容易因为时间紧张等等因素而被忽略。虽然以前也有一些关于Web缓存的意识,但并没有很系原创 2015-11-17 15:01:43 · 4263 阅读 · 0 评论 -
HTML 5 Web 存储 与 应用缓存
HTML 5 Web 存储在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。原创 2015-11-17 13:06:55 · 9385 阅读 · 6 评论 -
nginx平台 (类似Apache 服务器)
nginx平台初探(100%)初探nginx架构(100%)众所周知,nginx性能高,而nginx的高性能与其架构是分不开的。那么nginx究竟是怎么样的呢?这一节我们先来初识一下nginx框架吧。nginx在启动后,在unix系统中会以daemon的方式在后台运行,后台进程包含一个master进程和多个worker进程。我们也可以手动地关掉后台模式,让nginx在前台运行,转载 2015-08-14 12:44:07 · 1418 阅读 · 0 评论 -
WebRTC
1. WebRTC学习1.1 WebRTC现状本人最早接触WebRTC是在2011年底,那时Google已经在Android源码中加入了webrtc源码,放在/external/webrtc/,但是Android并没有用到它,更没有被浏览器使用。当时试图在Android 2.3(Gingerbread)高通平台的手机上用H.264 硬件codec替换掉WebRTC缺转载 2015-07-26 15:03:14 · 736 阅读 · 0 评论 -
node.js 初体验
最近写的文章收到许多朋友的反馈,感谢大家的支持和建议,让我对坚持写博客充满热情,一个月一篇文章确实有点少,所以以后尽力多做分享,做好的分享,希望能对朋友们有用。 到新公司的这段时间学到了很多新东西,有好多东西需要去总结去探索,不过事情得一件一件来,今天咱们先从Node开始。注:以后出现的Node即node.js。先搞点前戏热热场 - 为什么写这篇文章: 1.前段时间单位转载 2015-06-26 10:30:48 · 473 阅读 · 0 评论 -
JavaScript introduction.
一, JavaScript IDE Webstorm, NetBean, Komodo http://server.zol.com.cn/511/5111023_all.html 那我推荐直接用Chrome自带DevTools中的source面板二, 调试 chrome developer tools 非常好用;原创 2015-06-26 10:40:41 · 503 阅读 · 0 评论 -
HTML5 浏览器支持情况 HTML5 秘籍
查询html5支持情况的网站:http://caniuse.com浏览器支持 HTML5的测试网站:http://html5test.comHTML5 秘籍代码:http://www.oreilly.com/pub/missingmanuals/html5tmmHttp://missingmanuals.com/cds/html5mm原创 2015-03-10 12:22:47 · 679 阅读 · 0 评论 -
XHR XMLHttpRequest() progress
progresshttp://www.w3.org/TR/progress-events/http://www.w3.org/TR/XMLHttpRequest/https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequestf原创 2015-03-09 16:53:22 · 4853 阅读 · 0 评论 -
chromium network proxy setup
详解Chrome下最强代理扩展Proxy Switchy!http://www.twamix.com/blog/2010/05/acting-under-the-strongest-expansion-xiangjie-chrome-proxy-switchy.html Google旗下浏览器Chrome自出世以来,备受各方好评,尤其是其速度及更新的转载 2015-01-23 21:12:11 · 1539 阅读 · 0 评论 -
网页开发 html 开发 与资料
html5 规范: http://www.w3.org/TR/html5/html video: http://www.w3school.com.cn/html5/html5_video.asp 使用createElement动态创建HTML对象: http://www.webjx.com/JavaScript/20080220/javascript_js_444原创 2015-01-21 16:14:36 · 440 阅读 · 0 评论 -
让你受益的HTML5教程
1. 五分钟入门HTML5 (Learn HTML5 in 5 Minutes!) By Jennifer Marsman毫无疑问,HTML5是一个热门话题。如果你需要一个迅速了解HTML基础的速成课程,那这就是你需要的。我将介绍新的语义标签(markups)、 使用canvas进行绘制和动画、视频()和音频()的支持, 以及如何在旧浏览器中使用HTML5。可能有点超过5分钟,但我保证我转载 2015-02-06 13:04:08 · 530 阅读 · 0 评论 -
web 开发
未来必然是Web的世界,学习WEB基础的最佳网站是W3School。http://www.w3school.com.cn http://www.w3schools.com 跟完一个名校的网络编程课程(例如:http://www.stanford.edu/~ouster/cgi-bin/cs142-fall10/index.php )不要觉得需要多于一学期时间,大学原创 2015-01-21 16:20:36 · 561 阅读 · 0 评论 -
iframe
1, 父级窗口操作iframe里的domJS操作iframe里的dom可是使用contentWindow属性,contentWindow属性是指指定的frame或者iframe所在的window对象,在IE中iframe或者frame的contentWindow属性可以省略,但在Firefox中如果要对iframe对象进行编辑,则必须指定contentWindow属性,contentWin原创 2015-01-21 16:15:31 · 548 阅读 · 0 评论 -
cookie, sessionStorage and localStorage 之间的区别 与定义; 应用;
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念。原创 2015-01-21 16:07:54 · 1047 阅读 · 0 评论 -
post 和get请求的区别(html)
一个 API 何时用 GET、POST 甚至 PUT 请求。首先引入一个副作用的概念,副作用指当你发送完一个请求以后,网站上的资源状态没有发生修改,即认为这个请求是无副作用的。比如注册用户这个请求是有副作用的,获取用户详情可以认为是无副作用的。再引入一个幂等性的概念,幂等是说,一个请求原封不动的发送N次和M次(N不等于M,N和M都大于1)服务器上资源的状态最终是一致的。转载 2015-02-08 19:05:13 · 656 阅读 · 0 评论 -
2015年Web发展趋势
Web 原来被设想为通用版的应用—可在任何地方运行的最低标准的应用,但这样的应用其“功能”受限于内容。而 App 提供了另一种替代方式,在后台执行代码、进行数据缓存供离线使用,采用推送通告,推出其他功能等,这些都是网站无法做到的。但是 Web 并没有坐以待毙,它也正在发生巨变来应对 app 的威胁。拥有 18 年经验的 Roost CEO Casey Haakenson转载 2015-02-08 19:21:14 · 465 阅读 · 0 评论 -
乔布斯心愿已了,YouTube默认使用HTML5视频播放,替换Flash
今天,YouTube 在官方博客中正式宣布,YouTube 的视频播放将默认使用 HTML5,取代原先的 Flash,目的是增加开发者、视频主以及观众等使用 YouTube 的灵活性。在博客中,YouTube 提到使用 HTML5 它有着技术上的优势。支持 ABR(Adaptive Bitrate,自适应比特率):ABR 能够有效减少缓冲时间,能利用媒体源拓展(MediaSou转载 2015-02-08 19:02:36 · 736 阅读 · 0 评论 -
HTML5将重新定义移动互联,一个全新的黄金时代就要到来!
HTML5像是互联网行业扔下的一颗炸弹,有些人还未反应过来,原先专注的领域也许就将面临彻底的革新。比如像前几年疯狂甚至有点野蛮成长的App。虽然HTML5从出现到去年标准尘埃落定,一直在争议中曲折发展,但是各种H5页面的推广以及H5小游戏在不断的涌现,以HTML5应用为重心的领域也在吸引包括互联网巨头的不断靠拢,甚至有风投也在此领域频频出手,看懂HTML5的未来,会发现一个新的移动互联网黄金时代就转载 2015-02-08 16:46:57 · 1069 阅读 · 0 评论 -
HTML5将重新定义移动互联,一个全新的黄金时代就要到来!
HTML5像是互联网行业扔下的一颗炸弹,有些人还未反应过来,原先专注的领域也许就将面临彻底的革新。比如像前几年疯狂甚至有点野蛮成长的App。虽然HTML5从出现到去年标准尘埃落定,一直在争议中曲折发展,但是各种H5页面的推广以及H5小游戏在不断的涌现,以HTML5应用为重心的领域也在吸引包括互联网巨头的不断靠拢,甚至有风投也在此领域频频出手,看懂HTML5的未来,会发现一个新的移动互联网黄金时代就转载 2015-02-06 21:02:14 · 645 阅读 · 0 评论 -
掌握HTML5中的多媒体--音频(audio)
使用音频标签音频标签的使用和视频是非常相似的:指定多个音频文件,浏览器会播放其中支持的第一个。1. "audio.ogg" controls>2. 你的浏览器不支持标签.3. audio> Figure 5列出了所有可用的属性. 因为不需要像视频播放器那样显示整个控件,所以高、低和预览图(poster)都不再需要了。Fig转载 2015-02-06 13:21:52 · 459 阅读 · 0 评论