好程序员技术分享html5和JavaScript的区别
好程序员技术分享html5和JavaScript的区别,HTML5广义上讲是前端开发学科的代名词,包含HTML5、CSS3及JavaScript三个重要的部分,是运行在浏览器上应用的统称。如PC端网站、管理系统、手机网页应用(WebApps)、混合应用(HybridApps)、微信公众号、小程序、小游戏、数据可视化等。
HTML5狭义上讲是指HTML版本5(v5),相较HTML4,增加了很多新的元素(标签)和元素属性,大大增强了HTML的语义化和表现力,这一部分属于页面结构的内容,比如媒体标签video、audio,画布canvas标签,这三个新标直接K.O了flash。另外,HTML5增加了很多API,为移动APP开发奠定了坚实的基础,比如优化了本地存储(WebStorage)、应用的离线缓存(Application Cache)、地理定位(Geolocation)、监听网络状态等。
上述的HTML5新增的API就是通过JavaScript来调用的,或者本身就是JavaScript程序。下面列示一些重要的API:
API名称 | 功能描述 | API举例 |
应用缓存 | web 应用可进行缓存,并可在没有因特网连接时进行访问 | 通过配置Manifest文件实现缓存 |
WebSQL | Web SQL Database概念,它使用 SQL 来操纵客户端数据库的 API | openDatabase() |
本地存储 | web 应用程序能够在用户浏览器中对数据进行本地的存储 | window.localStorage |
Canvas | HTML5 <canvas> 标签通过JavaScript绘制图像 | createLinearGradient() |
文件API | 让前端操作文件变的可能 | FileList、File、Blob、FileReader、URL |
地理定位 | HTML5 Geolocation(地理定位)用于定位用户的位置 | navigator.geolocation.getCurrentPosition(showPosition) |
多媒体 | 在网页里播放音频和视频的新的Api | video,audio系列API |
拖放 | 优化了原生JavaScript实现的拖放 | ondragstart、setData()、ondragover、ondrop |
history | window对象通过history对象提供了对浏览器历史的访问 | pushState()、replaceState() |
网络状态 | HTML5网络状态检测 | window.ononline、window.onoffline |
WebWorker | web worker 是运行在后台的 JavaScript,不会影响页面的性能 | new Worker()、postMessage() |
WebSocket | WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议 | Socket.send()、Socket.close() |
以上可见,HTML5新增的API,是离不开JavaScript的,JavaScript是前端开发的核心,只学HTML5,或者说只学HTML5标签是不能进行前端开发的,或者这样说本来就是不全面的,因为HTML5是包含JavaScript Api的。
目前,大前端的概念已经深入人心,大前端开发的职业前景越发的广阔,Google fluter,人工智能(AI)在前端的应用赋能大前端开发,使这些从业者越来越抢手。
大前端开发包括很多内容: HTML5,CSS3,JavaScript,ES,TypeScript,BootStrap,jQuery,Vue.js, React, RN, Angular, 各类小程序,JavaScript库,前端开发工具,Node.js,状态管理,桌面开发(Electron), 前端单元测试,服务器,Socket编程,服务端渲染,前端架构等等。
小白入门,一时间还真有点无从下手。如果基础好,自学能力强,自制能力强,可以买些书籍或视频学习,如果想系统的短期速成,可以考虑报个培训班。
希望能帮到你,祝你早日炼成前端达人。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
QLExpress代码解读,运行原理解析
本文针对上图的功能详细图,进行逐个的简单介绍:代码入口、代码的主要逻辑和算法。 调用代码实例 //本文以helloworld案例,开启了两个打印日志的参数,实际使用通常不建议打开。 boolean printParseLog = true;//语法分析日志开关 boolean printExecuteLog = true;//每一条指令执行开关 ExpressRunner runner = new ExpressRunner(false, printParseLog); IExpressContext<String, Object> context = new DefaultContext<String, Object>(); String script = "sum=0;for(i=0;i<10;i=i
- 下一篇
2018-04-21 搭建Python官方文档翻译环境
参考PEP 545 -- Python Documentation Translations fork的编译脚本: nobodxbodon/docsbuild-scripts, 添加了zh语言标签, 以及fork的PO文件库nobodxbodon/python-docs-ko, 仅作演示用(更改字段"测试python入门教程": Update index.po · nobodxbodon/python-docs-ko@00b8073) 据非常有限的理解, 大概过程是, PO文件包含了所有翻译的段落, 像打补丁似地附加到原英文文档后生成rEst格式文件, 再编译成HTML文档(html库地址:nobodxbodon/py36zh. 演示: 4. 기타 제어 흐름 도구 - Python 3.6.5 文档) 接下去要解决的是, 如何汉化程序部分, 效果如下. 所有现有的其他语言的翻译文档都没有对程序进行本地化(字符串/命名等) 现在可以通过直接修改rst文件, 但PEP 545的流程是修改PO文件. 问了其他翻译组的作者, 似乎需要修改Sphinx配置才能实现(在PO文件中添加程序部分, ...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- SpringBoot2整合Redis,开启缓存,提高访问速度
- Hadoop3单机部署,实现最简伪集群
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Windows10,CentOS7,CentOS8安装MongoDB4.0.16
- CentOS关闭SELinux安全模块
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- Docker安装Oracle12C,快速搭建Oracle学习环境
- MySQL8.0.19开启GTID主从同步CentOS8