
HTML5
文章平均质量分 62
fareise
这个作者很懒,什么都没留下…
展开
-
探索HTML5本地存储功能运用技巧(1)
通过实例,我们可以加深对HTML5本地存储的理解,并且可以熟练运用。我们来实现一个简单应用,该应用中用户输入用户名和手机号,相关因袭可以保存到保存到本地,并可以进行查找、展示等基本操作。以下只给我出关键代码,项目结构和基本代码以及CSS样式大家可以自己添加。 我们按照功能进行分布完成。1、 存储功能 这里我们要完成,当用户输入姓名和手机号时,原创 2016-03-02 07:37:49 · 1936 阅读 · 1 评论 -
HTML5规范中的MessageEvent以及SSE
1.MessageEvent接口在HTML5规范中定义的新的通信方式,无论是WebSocket还是SSE,包括实现视频、音频通信的WebRTC,都是基于HTML5规范中定义的一个接口:MessageEvent。这是一个基于消息的事件。首先我们可以看一下在JavaScript中,传统的事件类型有哪些。传统的DOM事件的基类主要包括:(1)UIEvents:一般化的UI事件,其中鼠标事件和键盘事件都继原创 2016-08-14 21:23:53 · 7659 阅读 · 2 评论 -
HTML5 video基础知识总结
一、video标签的基本属性1.autoplay=“autoplay”:规定一旦视频就绪马上开始播放2.control=“controls”:让浏览器为视频播放器提供默认的暂停、进度条等控件。如果设置了这个就不能使用自己定义的控件。3.width=“320” height=“240”:定义视频播放器的宽高。设置这个会让页面对视频播放器部分空间进行保留,入不设置一开始不会保留可能造成页面布局混乱4.原创 2016-09-23 22:01:38 · 2235 阅读 · 0 评论 -
微信小程序入门基础(1)—项目结构及app.json
一、微信小程序项目基本结构微信提供了微信小程序专用的开发者工具必须文件:app.js/ app.json(配置文件) /app.wxss(样式文件)pages文件夹存放所有页面,每个页面的路径都要在app.json文件中配置,写在pages字段中每个页面由四个文件构成.js/.json/.wxss/.wxml,放在pages中的一个文件夹下.wxml是页面结构文件二、app.json文件app.j原创 2016-10-04 22:04:00 · 5626 阅读 · 0 评论 -
微信小程序入门基础(2)—视图层
1.数据绑定使用{{}}即可完成数据绑定,{{}}内也可以进行计算、逻辑判断、字符串运算等也可以为属性进行数据绑定,在引号内使用,如: ,在data中定义id=1,就可以在这里绑定id为item-12.列表渲染使用wx:for后面接需要渲染的数组,示例如下: {{item}} // page.jsPage({ data: { array: [1, 2, 3, 4, 5] }原创 2016-10-06 21:42:53 · 2665 阅读 · 3 评论 -
Highcharts+NodeJS搭建数据可视化平台
前一段时间完成了一个数据可视化项目,由后台NodeJS+Highcharts框架进行搭建。下面分享一下整个开发过程的流程,以及使用Highcharts框架的经验。一、数据的读取 由于数据库使用的是Mysql数据库,在NodeJS中,可以使用NodeJS中的mysql模块进行mysql数据库的相关操作,通过npm安装即可。 1.数据库基本配置 为了方便,我们最好先进行一个原创 2016-12-27 22:21:36 · 15796 阅读 · 1 评论 -
移动端的自适应布局神器—Flex Box(2)
讲解Flex Box 布局方式原创 2017-02-18 20:06:23 · 1025 阅读 · 0 评论 -
入门机器学习,我们都要学什么?
原文链接:http://www.jianshu.com/p/b2fd6ffebb1e 作为一个初学机器学习的人,确定学习目标很重要。这篇文章列举出机器学习中基础的常见算法。机器学习的算法分为监督学习算法和非监督学习算法。是否有监督,就看输入数据是否有标签。输入数据有标签,则为有监督学习,没标签则为无监督学习。一、监督学习算法1.线性回归算法线性回归算法通常用来构建一个预测模型。例如,根据房子年限、原创 2017-03-06 19:57:07 · 1076 阅读 · 0 评论 -
手把手教你Web数据可视化平台搭建
手把手教你Web数据可视化平台搭建原创 2017-03-07 18:27:00 · 20474 阅读 · 1 评论 -
开始为大家回答各种Web前端问题啦~
开始为大家回答各种Web前端问题啦~原创 2017-03-14 08:35:03 · 1249 阅读 · 0 评论 -
WebSocket API HTML5规范翻译(部分)
1.介绍为了让Web应用能够和服务器进程之间保持双向通信,这里介绍WebSocket接口。注意:This interface does not allow for raw access to the underlying network. For example, this interface could not be used to implement an IRC client without原创 2016-08-14 19:55:20 · 2199 阅读 · 1 评论 -
WebSocket协议深入理解
1.WebSocket和HTTP的关系WebSocket只有在建立握手连接的时候借用了HTTP协议的头,连接成功后的通信部分都是基于TCP的连接。总体来说,WebSocket协议是HTTP协议的升级版。2.研究WebSocket的思路服务器端自己实现WebSocket非常复杂。我们虽然不求能够完全自己实现,但是还是应该了解一下后端实现WebSocket的整体思路。WebSocket的实现主要分为两原创 2016-08-11 20:30:43 · 18716 阅读 · 0 评论 -
Web实时通信技术
本周在应用宝前端分享会上分享了Web实时通信技术,分享内容整理如下。一、传统Web数据更新传统的Web数据更新,必须要刷新网页才能显示更新的内容。这是浏览器采用的是B/S架构,而B/S架构是基于HTTP协议的。HTTP协议的工作模式就是客户端向服务器发送一个请求,服务器收到请求后返回响应。所以这种工作模式是基于请求显示数据的。这样的工作方式有其自身的好处,但是也会导致很多问题。在Web应用越来越火原创 2016-08-19 21:11:41 · 8661 阅读 · 2 评论 -
HTML5本地数据库详解
对于复杂的数据库,HTML5使用本地数据库进行操作。这是一个浏览器端的数据库。在本地数据库中我们可以直接利用JavaScript创建数据库,并利用SQL语句执行相关的数据库操作。下面分别介绍本地数据库的各个API及其使用方法。1、利用openDatabase创建数据库我们可以利用openDatabase方法创建数据库。openDatabase方法传递五个参数,分别是:数据库名、数据库版本号原创 2016-03-03 10:37:41 · 12010 阅读 · 3 评论 -
HTML5开发移动web应用—JQuery Mobile(1)
JQuery Mobile是一个简单易用的web移动app开发框架。使用它就像使用jQuery一样,引入必要的文件即可。最基础的jQuery Mobile文件的结构代码如下: 在此处插入标题 在此处插入正文 在此处插入页脚文本 根据上面的例子,我们首先研究一下,基本的JQuery Mobile框架的使用方法。1、da原创 2016-03-06 18:11:52 · 2463 阅读 · 0 评论 -
HTML5开发移动web应用—JQuery Mobile(2)-导航栏和页脚
导航栏部分的代码一般放置在data-role为header的div的内。 首页 欢迎访问我的主页 搜索 一个基本的导航栏代码如上,包含两个按钮和一行文字作为标题。data-icon可以定义按钮对应的小图标。如果希望将按钮放在文本右侧,可以添加class=“ui-btn-right”样式。要注意的是,Jquery Mobile中的导航部分(header内)只能包含原创 2016-03-09 09:18:06 · 3755 阅读 · 0 评论 -
ABAP学习之旅——多种方式建立模块化功能
在ABAP中,有多种方法可以建立模块化的功能。下面依次对其种三种进行介绍。 一、 使用子程序(Subroutine)1. 基本语法:FORM subname. …… ENDFORM. 定义子程序的方式调用的时候使用PERFORM subname.即可2. 关于参数的定义主程序中的子程序可以改变主程序中定义的变量(因为是全局可原创 2016-03-21 16:27:21 · 3144 阅读 · 2 评论 -
HTML5开发移动web应用—JQuery Mobile(3)-列表
Jquery Mobile中提供了制作列表的组建,它的data-view为listview。下面是一个典型的Jquery Mobile列表,代码如下: 有序列表: 列表项 列表项 列表项 无序列表: 列表项 列表项 列表项 上面我们定义了两种类型的列表,一个是有序列表(ul),原创 2016-03-11 12:51:17 · 2481 阅读 · 0 评论 -
学前端的人为什么也要学习一些后端
现在很多招聘前端职位的招聘信息中都有类似的要求:至少会使用一门后端语言/了解后端者优先。但是术业有专攻,学习前端的人只要把前端钻研到极致就可以了,为什么还要分散精力去学习后端知识呢?接下来我想以自身的一个项目经历,说明一下前端开发者学习一些后端的必要性。 当时我的情况是,前端学了一些知识,基本的前端开发没什么问题,但是项目经验很少,对后端以及数据库基本是完全没有接触过。然后我参加原创 2016-04-16 21:19:14 · 18757 阅读 · 5 评论 -
HTML5面向对象的游戏开发简单实例总结
在阅读一本HTML5游戏开发相关书籍时发现一个很好的例子,通过这个例子可以对面向对象的开发进行更深入的理解。这个对象要实现的是:将一个CSS sprite中的图像绘制到canvas中。首先创建一个SpriteSheet对象,代码如下:var SpriteSheet = new function(){ this.map = { }; this.load = function(sprite原创 2016-07-15 22:37:47 · 4445 阅读 · 2 评论 -
WebSocket+node.js创建即时通信的Web聊天服务器
1.使用nodejs-websocketnodejs-websocket是基于node.js编写的一个后端实现websocket协议的库,连接:https://github.com/sitegui/nodejs-websocket。(1)安装在项目目录下通过npm安装:npm install nodejs-websocket(2)创建服务器//引入nodejs-websoc原创 2016-08-07 15:22:56 · 5664 阅读 · 2 评论 -
Web实时通讯技术简介
一、概述1.Web端即时通讯技术即时通讯技术简单的说就是实现这样一种功能:服务器端可以即时地将数据的更新或变化反应到客户端,例如消息即时推送等功能都是通过这种技术实现的。但是在Web中,由于浏览器的限制,实现即时通讯需要借助一些方法。这种限制出现的主要原因是,一般的Web通信都是浏览器先发送请求到服务器,服务器再进行响应完成数据的现实更新。2.实现Web端即时通讯的方法实现即时通讯原创 2016-08-08 09:54:04 · 7848 阅读 · 1 评论 -
书籍推荐——HTML5+JQuery Mobile移动应用开发
原创 2018-03-19 15:05:52 · 1498 阅读 · 3 评论