好程序员技术分享html5和JavaScript的区别-低调大师

好程序员技术分享html5和JavaScript的区别

2019-04-25 691

好程序员技术分享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() transaction() executeSql
本地存储	web 应用程序能够在用户浏览器中对数据进行本地的存储	window.localStorage window.sessionStorage
Canvas	HTML5 <canvas> 标签通过JavaScript绘制图像	createLinearGradient() fillRect() stroke() bezierCurveTo() transform() drawImage()
文件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编程，服务端渲染，前端架构等等。

小白入门，一时间还真有点无从下手。如果基础好，自学能力强，自制能力强，可以买些书籍或视频学习，如果想系统的短期速成，可以考虑报个培训班。

希望能帮到你，祝你早日炼成前端达人。

微信关注我们

原文链接：https://yq.aliyun.com/articles/700201

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道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

2019-04-26

1912

参考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文件中添加程序部分, ...

2019-04-27

634

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。