H5技术

最新推荐文章于 2025-03-21 15:24:56 发布
原创 最新推荐文章于 2025-03-21 15:24:56 发布 · 1.2k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#html5
本文详细介绍了H5技术的应用，包括适配布局、移动端事件、拖拽操作、cookie与本地存储等核心内容，并补充了如React、Vue、Angular等前端框架的使用，以及Express、Echarts、Webpack等工具的介绍。

H5技术
一、包括：
1、H5适配布局
2、H5移动端事件
3、H5拖拽
4、cookie与本地存储（面试考题）
5、离线存储
6、Canvas
7、多媒体地图（多媒体是发展趋势以及地图是数据可视化）
二、补充其余知识点
1、三大框架：reat搭配Ant Design使用； vue 搭配PC端：element使用，移动端搭配Vant Weap使用； angular搭配
2、原生js使用在网页比较好
3、Express是基于node.js的
4、Echarts统计图（常用）
5、Webpack(打包工具)
6、SVN.Git(小乌龟)

1-H5端技术栈-移动端布局
金霖海的博客
07-14 1061
可以根据不同的屏幕大小，设置rem和px之间换算比列，但是媒体查询实现比较繁琐,没办法考虑所有的设备尺寸。我们可以自己写一段js脚本，根据屏幕尺寸大小来动态设置html标签的font-size。语义化标签是H5新增的标签，主要用于网页布局,类似DIV标签,主要是为了提高可读性。(3)px to rem这个插件默认换算比例为 1rem = 16px。手机端屏幕尺寸太多了，无法以某个品牌为标准，最好是以苹果来参考。当你的原稿是750px，换算单位 1rem = 75px。页面字体大小默认是16个像素。
H5技术详解
alankuo的专栏
11-29 2430
HTML从最初的简单文档标记语言发展而来。随着互联网应用的不断复杂和多样化，对网页功能和性能的要求也越来越高。HTML5在这种背景下应运而生，它的开发工作始于2004年，经历了多年的草案阶段，众多浏览器厂商和网络开发者共同参与其中。2014年10月，HTML5标准最终完成制定并发布，为现代网页开发提供了全新的标准和强大的功能。H5（HTML5）是超文本标记语言（HTML）的第五次重大修改版本。的视频，并带有播放控制按钮。开发人员可以通过设置属性来控制视频的自动播放、循环播放等功能。
H5的重要知识技术点
wanggang_512的博客
12-14 5945
H5的重要知识技术点 SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？ SGML（标准通用标记语言）是一个标准，告诉我们怎么去指定文档标记。他是只描述文档标记应该是怎么样的元语言，HTML是被用SGML描述的标记语言。   因此利用SGML创建了HTML参照和必须共同遵守的DTD，你会经常在HTML页面的头部发现“DOCTYPE...
H5技术介绍
zz6880817的博客
11-17 1万+
HTML简介HTML（Hyper Text Mark-up Language ）即超文本标记语言，是用于描述网页文档的一种标记语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。HTML最基本的语法是<标记符>内容HTML语法<html> <head>
h5页面原理以及实现h5页面的几种方法
最新发布
zwh0681的博客
03-21 5799
video><audio>从以上可以看出H5页面是，通过标准化、响应式设计和丰富的API，实现了跨平台的轻量化应用体验。无论是企业营销、工具开发还是数据展示，H5已成为连接用户与服务的核心载体之一。
一句话概括H5项目开发技术路线
weixin_48226213的博客
04-24 2579
采用HTML5+CSS3+JavaScript作为主要技术栈，
H5封装技术
Truemiss的博客
12-30 1073
H5封装是一种将HTML5网页应用通过特定技术打包成移动端原生应用的过程。通过封装，开发者能够将网页中的内容、交互效果和功能等移植到移动应用中，实现与原生应用相似的用户体验。这意味着，开发者只需开发一个H5网页，便可通过封装的方式生成多个平台的原生应用，节省了开发多个版本的时间和成本。H5封装作为一种高效、经济、跨平台的解决方案，已成为许多开发者快速推出移动应用的首选技术。无论是企业应用、电商平台，还是小游戏，H5封装都能帮助开发者提高开发效率、降低成本，并快速响应市场需求。
H5本地存储技术
qq_43201350的博客
05-17 226
H5本地存储技术 1、sessionStorage(会话存储) -生命周期：浏览器打开到关闭的过程 -大小： 5M -保存的位置：浏览器端 -setItem(‘key’,value) -getItem(‘key’) -removeItem(‘key’) 2、localStorage(永久存储) -生命周期：永久、除非人为删除 -大小：5M甚至更大 -setItem(‘key’,value) -getItem(‘key’) -removeItem(‘key’) 3、cookie 作用：用于浏览器和服务器进行通
深度解读如何在H5中完美融入VR技术
热门推荐
H5游戏开发
04-21 1万+
VR技术，应该是当下最人们的技术了，各大硬件厂商接连推出VR硬件，也对VR未来进行畅想，仿佛VR已经真的融入到我们身边了。 　　然而，VR设备也是五花八门，有牛人“纸制”，也有“大厂”生产，我们从技术角度来举例说明下VR，3D全景技术怎么用H5来武装自己的营销。 先百度百科下，VR是什么？ 　　曰：综合利用计算机图形系统和各种现实及控制等接口设备，在计算机上生成的、可交互的三维环境中提
h5 端技术点收集
qq_32265719的博客
05-14 347
h5canvas 实现签名
H5相关概念，网页组成部分、HTMLY的语法、标签
Code_yb的博客
02-12 4073
一、H5相关概念： 1：什么是H5： H5是HTML的第五个版本，它也是一门技术的总称 2：H5能干些什么： 网页开发（只要浏览器看到的都需要用到前端） 小程序、公众号（微信、支付宝、头条等好多都用前端语言进行开发） 桌面应用开发（电脑软件） 游戏开发（像微信小游戏，大型游戏：比如王者荣耀、但是这也是有好有坏的。它的优点：功能强大，给人预言能打败传统app。缺点：现在开发难度大，开发成本比传统高。） 二：网页组成部分： 1：WEB（网页）的组成部分： HTML结构：（w3c制定了结构HE
H5+APP的几种实现形式
huangzhixin1996的博客
09-04 5453
如何实现H5+App
H5核心技术-笔记（1）
qq_42798905的博客
07-01 1036
H5核心技术-笔记（1）H5概述Html5Html5优势Html5特性H4 and H5语义化标签 H5概述 Html5 HTML5 是定义 HTML 标准的最新的版本。 该术语表示两个不同的概念： 它是一个新版本的HTML语言，具有新的元素，属性和行为， 它有更大的技术集，允许更多样化和强大的网站和应用程序。 这个集合有时称为HTML5和朋友，通常缩写为HTML5。 HTML5 约等于...
HTML5详解
weixin_33928137的博客
02-06 540
本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1（严格的html） 2002 Tableless Web Desig...
H5和web前端的区别
qq_38224014的博客
03-04 3385
H5是一种超文本传输协议 html5与web前端技术他们是一种从属的关系，html5是属于前端web开发的一部分，但web开发所包含的技术就很广阔了。除了html5还需要学习其他的技术如：CSS、div、Java、jQuery、网站性能优化、SEO、PHP基础和服务器端的基础知识。 ...
写给后端开发工程师的H5前端开发知识
SmartCodeTech的博客
03-16 2840
一、引言 web发展到目前为止已经有将近30年的历史，在web兴起的早期，并没有前端这个概念。最初所有的开发工作都是由后端开发工程师完成，随着业务越来越复杂，工作量逐渐的增加，项目中的可视化部分和一部分交互功能的开发工作逐渐从业务中剥离出来，形成了前端开发。大约在2000年左右，雅虎等公司开始设立前端工程师职位，从2005年开始，正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要，前端领域的技术发展也越来越快，各种新的思想、设计模式、工具和平台都快速发展
你真的了解ui-h5前端页面技术吗？
不积跬步，无以至千里；不积小流，无以成江河。
12-23 1185
“H5即Html5，这恐怕是很多人的误解，事实上，两者并非对等的意思” 在2015年上半年，随着H5的火爆，同时也引起了技术阵营与营销阵营的定义争锋，当时在互联网上两方大打口水之战，对定义展开了一场博弈，结果虽然是技术阵营妥协，但也有利的证明了 HTML5 和 H5 根本不是一个层面的东西! H5=微信网页是否可以成立? 从切身体验来说，H5 似乎是基于微信的网页，但实际并非如此，大多数情况下，我们是通过朋友圈和微信群观看H5的，但实际上我们利用任何浏览器都可以观看H5......
H5移动端介绍
qq_45656036的博客
12-09 1435
一 移动端布局规则 1.固定布局 静态页面(设置固定的px) 2.流式布局 高设置固定值,宽为百分比,例用media 3.Flex box布局 弹性盒子 4.响应式布局 less/sass rem media 5.Bootstrap 框架布局 二 viewport头部设置声明 1.打开移动端的视图, 如果不设置viewport移动端的宽度默认为980 2.Css中的1px并不等于设备的1px window.devicePixelRatio 用于查看设置的DPR, 设置物理像素与
h5基础简介
Almee211的博客
07-13 1872
1.什么是h5：html的第五代；是一类技术的总称； 2.h5可以干什么？所有人机交互的界面 3.一个项目的组成 a.产品经理【根据用户需求，制作需求文档】 b.ui设计【页面的切图】 c.前端【实现ui设计图的界面，与后端的交互】 d.后端【实现相对应的功能:登录】 e.测试【测试程序是否存在bug】 4.一个界面的构成：html【骨架】+css【样式】+js【行为】 遵循的标准：w3c ECMA 5.关于前端的发...
html5页面设计技术,H5页面设计技巧有哪些？-鱼爪网
weixin_33977572的博客
06-07 1637
在现今这个信息交互时代，H5的交互性深受用户的喜爱，同时H5的可嫁接性，H5可以很好的被各个平台所接纳，比如微信平台、移动互联终端等。那么H5的作用有哪些呢？如何才能设计出美观且吸引用户的H5页面呢？下面鱼爪设计将为大家介绍，关于H5页面设计的技巧有哪些，帮助大家进行H5页面设计。一、H5页面的作用有哪些？1、吸引用户主动分享：H5的交互设计往往赋予用户一种沉浸感和代入感，让用户更加直观主动的去了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值