HTML5
文章平均质量分 82
is_Del
希望是个好苗子!
展开
-
HTML5——XMLHttpRequest 2:基于Node.js的用户修改头像
Day13今日份内容:使用XMLHttpRequest 2制作基于Node.js的用户修改头像在HTML5规范中对XMLHttpRequest对象的send()方法进行改良后,其可以发送字符串、document对象、表单数据、Blob对象、文件以及ArrayBuffer对象。XMLHttpRequest 2了解XMLHttpRequest与服务器异步交互使用XMLHttpRequest向服务器提交数据内容配置Node.js环境项目初始化安装body-parser、connect-mu原创 2021-04-20 14:56:45 · 334 阅读 · 0 评论 -
HTML5——WebSocket:基于Node.js的网络聊天室
Day12今日份内容:使用WebSocket制作基于Node.js的网络聊天室WebSocket是一种基于TCP协议的通信技术,与传统HTTP有一定区别。WebSocket了解WebSocket通信机制熟悉WebSocket API接口使用WebSocket技术实现双向通信了解Notification消息提醒机制内容配置Node.js环境项目初始化安装Express、WebSocket、node_uuid框架服务端实现客户端实现代码// index.jsvar ex原创 2021-04-18 19:24:38 · 195 阅读 · 0 评论 -
HTML5——Server-Sent Events:基于Node.js的动态图形报表
Day11今日份内容:使用Server-Sent Events制作基于Node.js的动态图形报表Node.js是一种基于事件驱动、非阻塞时I/O模型,具有轻量、高效的特点,目前广泛得到Web前端开发的使用。在使用Node.js前,需要去官网下载安装包,过程比较简单,网上也有非常多的教程,这里就不多说啦。Server-Sent Events了解Server-Sent Events消息推送机制熟悉MessageEvent、EventSource接口通过服务端向客户端推送消息在客户端使用SSE技原创 2021-04-17 21:35:54 · 441 阅读 · 0 评论 -
HTML5——FileAPI(三):FileSystem API下
Day10今日份内容:FileSystem API的使用学习了文件的创建、修改、删除等操作后,还需要学习目录的相关操作,文件系统的建立离不开目录系统。申请磁盘配额访问本地文件系统目录操作内容创建目录、创建嵌套目录、读取目录、删除目录代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>getDirectory()创建目录</title>原创 2021-04-17 10:53:04 · 992 阅读 · 0 评论 -
HTML5——FileAPI(二):FileSystem API上
Day9今日份内容:FileSystem API的使用当应用程序中需要使用大量的二进制数据或其他非Web程序共享数据时,本地数据库并不能满足用户的需求,可以使用FileSystem API来解决上述问题,将用户的数据临时或永久的存储到计算机中。FileSystem API申请磁盘配额访问本地文件系统文件操作内容创建文件、写入文件、文件追加数据、读取文件、删除文件代码<!DOCTYPE html><html> <head> <meta原创 2021-04-17 10:37:14 · 533 阅读 · 0 评论 -
HTML5——FileAPI(一):FileAPI接口
Day8今日份内容:FileAPI中的一些常用接口。HTML5中新增了FileSystem API,用于将数据永久保存在磁盘的文件系统中,该空间下的数据相对比较安全,必须由用户通过应用程序来删除,而不会在用户不知情情况下清除。FileAPI接口File接口的操作FileList接口的操作FileReader接口的操作URL接口的操作内容File接口、FileList接口、FileReader接口、URL接口代码<!DOCTYPE html><html>原创 2021-04-16 21:19:07 · 696 阅读 · 0 评论 -
HTML5——IndexDatabase(下)
Day7今日份内容:IndexDatabase中Indexed检索在数据检索中,除了使用游标对数据检索外,还可以根据索引对数据进行检索。Indexed检索熟悉IndexedDB API接口熟悉Indexed数据检索内容获得IndexedDB对象;向数据库发送连接请求;获得连接请求对象;获得事务对象获得数据仓库(表)对象;获得数据仓库中指定的索引;通过索引对象的get()和getall()的方法直接获得索引数据。代码<!DOCTYPE html><ht原创 2021-04-15 21:28:16 · 163 阅读 · 0 评论 -
HTML5——IndexDatabase(上)
Day6今日份内容:IndexDatabase中Indexed数据操作IndexDatabase:IndexedDb是一种轻量级NoSQL数据库,在索引、事务处理以及高性能搜索方面更具有优势。Indexed是一种低级API,用于在客户端存储大量结构化数据与关系型数据库操作相似,Indexed数据库操作也分数据修改和数据查询两大类型。熟悉IndexedDB API接口熟悉Indexed数据操作内容获得IndexedDB对象;向数据库发送连接请求;获得连接请求对象;获得事务对象;获原创 2021-04-15 21:19:54 · 241 阅读 · 0 评论 -
HTML5——Web Storage(下)
Day5今日份内容:Web Storage中Local Storage的使用Local Storage:与Session Storage用法基本相同,Local Storage以键值对(key-value)形式存储数据。Local Storage中的数据保存在客户端的存储介质上,无时间限制,不受浏览器关闭影响,用户可以自己清除数据。Local Storage熟悉Local Storage接口使用Local Storage存储数据内容使用Local Storage存储在线用户信息代码&l原创 2021-04-15 21:04:36 · 70 阅读 · 0 评论 -
HTML5——Web Storage(上)
Day4今日份内容:Web Storage中Session Storage的使用Session Storage:将数据保存在Session会话中。Session会话指在用户浏览网站时,从进入网站到关闭的期间,Session对象会保存用户这段时间浏览所保存的任何数据,Session失效时Session Storage也会随之丢失。Session Storage熟悉Session Storage接口使用Session Storage存储数据内容使用Session Storage存储在线用户信息原创 2021-04-15 20:57:22 · 67 阅读 · 0 评论 -
HTML5——多媒体API
Day3今日份内容:多媒体API的使用。HTML5 规定了一种通过 video 、audio元素来包含视频、音频的标准方法。相较于以前的Flash插件,不论是对开发者还是使用者来说,都提高了便利性。多媒体APIH5对多媒体元素的使用使用多媒体API来控制播放内容音视频及封面、视频控制。代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>API&l原创 2021-04-14 21:19:21 · 390 阅读 · 0 评论 -
HTML5——canvas画布
Day2今日份内容:canvas画布——用于在网页上绘制图形。HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canvas绘图原理canvas元素及坐标系曲线的绘制形状与文本的绘制渐变内容字体、图形、线条、柱状图、渐变、像素、风车代码<!DOCTYPE html><html> <head> &l原创 2021-04-14 21:02:11 · 171 阅读 · 0 评论 -
HTML5——form表单
Day1看了VUE官方文档,上面说学习VUE需要H5的基础,那先复习一遍吧~form表单表单控件表单属性表单控件的属性表单验证方法内容内容包含文本框(text、date、time)、列表(select)、按钮(button)、邮箱(email)、滑动条(range)代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>原创 2021-04-14 20:41:59 · 210 阅读 · 1 评论