Web

让web app更快的HTML5最佳实践
JavaScript

让web app更快的HTML5最佳实践

42 0

简介本文重点关注如何充分利用HTML5和CSS让web app运行更加流畅.Tip 1: 使用web storage代替cookiecookie最大的缺陷是在每一次HTTP请求中都会携带所有符合规则的cookie数据.这会增加请求响应时间,特别是XHR请求. 在HTML5中使用sessionStorage和localStorage代替cookie是更好的做法.这另种方法可以将数据永久或者以session时间存储在用户本地.数据不会随着HTTP请求传递.所以我们优先使用web storage,仅仅使用coo

优秀WEB前端UI框架推荐
JavaScript

优秀WEB前端UI框架推荐

140 0

Bootstrap  官网:http://getbootstrap.com/  目前最受欢迎的前端UI框架,最新正式版3.x,4.x预览版正在开发中。  Foundation  官网:http://foundation.zurb.com/  世界领先的响应式前端框架,最新正式版6.x.本站基于6.x设计的!  Semantic UI  官网:http://semantic-ui.com/  UI框架的后起之秀,UI动画效果很棒。最新正式版本2.x  uikit  官网:http://getuikit.co

html5的web存储
JavaScript

html5的web存储

30 0

以前我们在本地存储数据都是用document.cookie来存储的,但是由于其的存储大小只有4K左右,解析也很复杂,给开发带来了诸多的不便.不过现在html5出了web的存储,弥补了cookie的不足,而且开放起来也是相当的方便web存储分两类sessionStorage容量大小约为5M左右,该方式的生命周期为关闭浏览器窗口为止localStorage容量大小约为20M左右, 存储的数据不会随着用户浏览时会话过期而过期,但会应用户的请求而删除。浏览器也因为存储空间的限制或安全原因删除它们.而且类型存储的数

JavaScript

HTML5 VideoAPI,打造自己的Web视频播放器

89 0

一、基础知识  1.用法<video src="./video/mv.mp4">video>  注意:audio和video元素必须同时包含开始和结束标签,不能使用  2.重要HTML属性  controls:ontrol:如果出现该属性,则向用户显示控件,比如播放按钮。每个浏览器中的播放控件都不太一样,但用途都一样,都可以控制开始和结束,跳到新位置和调节音量  autoplay:au

做web响应式设计(不用媒体查询)实例
JavaScript

做web响应式设计(不用媒体查询)实例

50 0

(0)写在前面  讲述知乎上看到的一篇文章中的一个案例,让我脑洞大开,佩服至极,特意第二天找到原文赞赏了5元,原文地址,案例用了很多css3的属性。(1)效果演示(2)知识点及效果12345678910111213141516171819202122<div class="trunc-list-wrapper" id="mylist"> <ul class="trunc-

JavaScript

WEB前端规范命名的介绍

49 0

头部 header ----------------用于头部主要内容 main ------------用于主体内容(中部)左侧 main-left -------------左侧布局右侧 main-right -----------右侧布局外套 wrap ------------------用于最外层导航条 nav -----------------网页菜单导航条内容 content ---------------用于网页中部主体底部 footer -----------------用于底部网页公共命名

WebSocket+MSE――HTML5 直播技术解析
JavaScript

WebSocket+MSE――HTML5 直播技术解析

163 0

作者 | 刘博(又拍云多媒体开发工程师)当前为了满足比较火热的移动 Web 端直播需求,一系列的 HTML5 直播技术迅速的发展起来。常见的可用于 HTML5 的直播技术有 HLS、WebSocket 与 WebRTC。今天我向大家介绍WebSocket 与 MSE 相关的技术要点,并在最后通过一个实例来展示具体用法。文章大纲WebSocket 协议介绍WebSocket Client/Server API介绍MSE 介绍fMP4 介绍Demo 展示WebSocket通常的 Web 应用都是围绕着 HTT

vue全分析--Vue+Vue-router+Vuex+axios
JavaScript

vue全分析--Vue+Vue-router+Vuex+axios

210 0

Vue有多优秀搭配全家桶做项目有多好之类的咱就不谈了,直奔主题。一、Vue  系列一已经用vue-cli搭建了Vue项目,此处就不赘述了。二、Vue-router  Vue的路由,先献上文档()。  路由在全家桶里面定位是什么呢,创建单页应用!简单!我们知道Vuejs是一系列的组件组成应用,既然是组件那么就需要组合起来,将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们!  我们一般在APP.VUE文件里面使用router-view来告诉router在