经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 HTML5

HTML5椤甸潰鎵撳紑寰俊灏忕▼搴忓姛鑳藉疄鐜癬html5

寰俊缁堜簬鏀寔鐢遍〉闈㈣烦杞嚦灏忕▼搴忓暒 ~ 姝ラ涓€锛氱粦瀹氬煙鍚?/p> 鐧诲綍寰俊鍏紬骞冲彴杩涘叆“鍏紬鍙疯缃?rdquo;鐨?ldquo;鍔熻兘璁剧疆”閲屽~鍐?ldquo;JS鎺ュ彛瀹夊叏鍩熷悕”銆?/p> 姝ラ浜...[2022/11/17]

canvas?中如何实现物体的框选

canvas?中如何实现物体的框选

目录前言框选的实现Group 类的实现小结 前言 虽然这两个月基金涨的还行,但是离回本还有一大大大段距离??。 今天呢,我们要实现的是 canvas 中物体的框选功能,大概就像下面这个样子: 然后话不多说,直接开撸 ??? 框选的实现 先来说下拖蓝选区(鼠标拖拽区域)的实现...[2022/8/3]

前端canvas中物体边框和控制点的实现示例

前端canvas中物体边框和控制点的实现示例

目录前言关于边框关于控制点本章小结 前言 在上一章中我们已经搞定了下层画布,也就是能够对物体进行绘制了,现在就可以开始搞搞上层交互了。 不过在和画布产生交互之前,我们还要做一件事情,就是让物体支持边框和控制点的绘制,亦即物体被选中时的状态,就像下面这样: 这样一来如果要对物体...[2022/8/2]

濡備綍鐢℉5瀹炵幇濂界帺鐨?048灏忔父鎴廮html5

涓€銆佹父鎴忎粙缁?/h3> 鐩镐俊澶у鏁拌鑰呴兘鐜╄繃涓€娆惧皬娓告垙 2048锛岃繖娆炬暟瀛楀皬娓告垙鍦ㄥ嚑骞村墠寰堟槸娴佽銆?048鏄?014骞寸敱Gabriele Cirulli鍒╃敤鍛ㄦ湯鐨勬椂闂村啓鍑虹殑锛屾灉鐒跺ぇ浣氨鏄ぇ浣紝涓€涓懆鏈氨鍐欏嚭浜嗚繖涔堢粡鍏哥殑娓告...[2022/7/19]

浣跨敤HBuilder鍒朵綔涓€涓畝鍗曠殑HTML5缃戦〉_html5

鍐欏湪鍓嶉潰锛氬紑濮嬪叆闂ㄧ綉椤靛埗浣滐紝鍐欎笅绗竴绡囧崥鏂囦綔涓鸿褰曘€傜函绾皬鐧戒竴涓?/p> 鍏堟斁涓婃晥鏋滃浘锛?/p> 浣跨敤HBuilderX缂栬緫鍣ㄥ垱寤轰竴涓?ldquo;鍩烘湰HTML椤圭洰”锛?/p> 鍙屽嚮index.html鎵撳紑椤...[2022/7/4]

HTML5涔嬮珮搴﹀闄烽棶棰樼殑瑙e喅_html5

HTML5涔嬮珮搴﹀闄烽棶棰樼殑瑙e喅_html5

鎵€璋撶殑楂樺害濉岄櫡锛屾剰鍗冲綋缁欏瓙鍏冪礌璁剧疆娴姩鏃讹紝鍏剁埗鍏冪礌楂樺害浼氫涪澶辩殑鎯呭喌銆傞€氳繃瀹為檯浠g爜杩涜婕旂ず锛?/p> <!DOCTYPE html> <html lang="en"> <head&g...[2022/6/6]

html5+瀹炵幇plus.io杩涜鎷嶇収鍜屽浘鐗囩瓑鑾峰彇_html5

html5+瀹樼綉鍦板潃 浣跨敤Hbuilder寮€鍙戝伐鍏峰紑鍙戯細瀹炵幇鍙Android鏈鸿繘琛屾帶鍒跺拰鑾峰彇璧勬簮 璇存槑锛欼O妯″潡绠$悊鏈湴鏂囦欢绯荤粺锛岀敤浜庡鏂囦欢绯荤粺鐨勭洰褰曟祻瑙堛€佹枃浠剁殑璇诲彇銆佹枃浠剁殑鍐欏叆绛夋搷浣溿€傞€氳繃plus.io鍙幏鍙栨枃...[2022/6/6]

HTML基本标签使用

标签使用 标题标签 为了使网页更具有语义化,我们经常会在页面中使用到标题标签HTML共提供了6个等级的网页标题,即-为1到6级标题 标题的重要性为一级标题最重要,依次递减。单词head的缩写,意为头部,标题。 特点是:加了标题的文字会变得加粗,字母的字号也会依次变大,且一个标题独占一行。 ...[2022/1/17]

HTML表格标签

html表格标签 表格标签 主要作用:表格主要用于显示、展示教程,因为他可以让数据显示的非常完整,可读性非常好、特别是后台展示数据的时候,能够熟练的运用表格就显得非常重要。一个清爽简约的表格能够把繁杂的数据表现的很有条理。 所以表格不是用来布局的,是用来展示数据的。 基本语法 <ta...[2022/1/17]

HTML表单标签

列表标签 表格是用来显示数据的,那么列表就是用来布局的 列表最大的特点就是整齐、整洁、有序,它作为布局会更加的自由和方便。 列表可以分为无序列表,有序列表,自定义列表。 无序列表 ul标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用li标签定义。 基本语法 ...[2022/1/17]

H5应用转换快应用

1. H5应用及快应用介绍 H5应用 第五代 Html 标准开发的 web 应用,浏览器通过解析 HTML,就可以把网页内容显示出来; 跨平台性; 浏览器上运行。 快应用 提供原生体验的免安装应用; 行业标准,现在有超过12家智能手机厂商支持; 需要在快应用...[2022/1/17]

FileReader()读取文件、图片上传预览

前言 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。 其中File对象可以是来自用户在一个<input>元素上选择文...[2022/1/17]

html5调用摄像头截图

关于html5调用音视频等多媒体硬件的API已经很成熟,不过一直找不到机会把这些硬件转化为实际的应用场景,不过近年来随着iot和AI的浪潮,我觉得软硬结合的时机已经成熟。那我们就提前熟悉下怎么操作这些多媒体硬件吧,首先图像识别是其中最热门的应用场景,首先实现调用摄像头以及截图。 demo的效果...[2021/12/31]

Html5鑾峰彇鐢ㄦ埛褰撳墠浣嶇疆鐨勫嚑绉嶆柟寮廮html5

鍓嶈█ 鍓嶆鏃堕棿鍐欏埌H5鑾峰彇鐢ㄦ埛褰撳墠浣嶇疆锛岀櫨搴︿簡濂藉绉嶅姙娉曢兘娌″疄鐜帮紝鍖呮嫭H5鑷甫鐨勬柟娉曪紝鍏蜂綋闂涓嶇煡閬撳嚭鍦ㄥ摢閲屼簡锛屽熀鏈兘鏄姤閿欏暐鐨勶紝涓嬮潰涓€璧风湅鐪嬪惂~ 涓€銆佷娇鐢℉5鑷甫鐨勮幏鍙栦綅缃?/h3> 鍏堜娇鐢╪avigator...[2021/12/31]

html5璋冪敤鎽勫儚澶存埅鍥惧姛鑳絖html5

鍏充簬html5璋冪敤闊宠棰戠瓑澶氬獟浣撶‖浠剁殑API宸茬粡寰堟垚鐔燂紝涓嶈繃涓€鐩存壘涓嶅埌鏈轰細鎶婅繖浜涚‖浠惰浆鍖栦负瀹為檯鐨勫簲鐢ㄥ満鏅紝涓嶈繃杩戝勾鏉ラ殢鐫€iot鍜孉I鐨勬氮娼紝鎴戣寰楄蒋纭粨鍚堢殑鏃舵満宸茬粡鎴愮啛銆傞偅鎴戜滑灏辨彁鍓嶇啛鎮変笅鎬庝箞鎿嶄綔杩欎簺澶氬獟浣撶...[2021/12/31]

成理21点开发笔记Day2:开始程序实现

成理21点开发笔记Day2:开始程序实现

D2:开始程序实现 程序结构分类 C:client-单机(几乎不和网络关联 S:server-服务器应用(兼容性好,跨平台 C/S:ClientServe-客户端与服务器应用-端应用(功能强,稳定性好,用户体验良好/更新维护成本高,比如双十一,及时性不太好,需要update B/S:Br...[2021/12/17]

鍓嶇鐩戝惉websocket娑堟伅骞跺疄鏃跺脊鍑?瀹炰緥浠g爜)_html5

鏈枃榛樿鎮ㄥ凡鎺屾彙react鐢熸€佸紑鍙戠殑鐩稿叧鎶€鏈紝骞剁啛缁冨簲鐢╱miJS鐨勫師鍒欎笂锛岃缁х画锛? trong> 椤圭洰闇€姹傦細 1銆佹湇鍔′晶鎺ㄩ€佺粰娑堟伅缁欏墠绔紝鍓嶇闇€瑕佸睍绀哄湪鍙充笅瑙?br /> 2銆佹牴鎹笉鍚岀殑娑堟伅绫诲瀷锛屾彁渚涗笉鍚岀殑鎿...[2021/11/23]

HTML5 鏂板鍐呭鍜?API璇﹁В_html5

cla List 灞炴€?/h3> 璇ュ睘鎬х敤浜庡湪鍏冪礌涓坊鍔狅紝绉婚櫎鍙婂垏鎹?CSS 绫汇€?/p> cla List 灞炴€ц繑鍥炲厓绱犵殑绫诲悕锛屼綔涓?DOMTokenList 瀵硅薄锛?/p> <div id="div" cla =&q...[2021/11/22]

Html5同时支持多端sdk的小技巧_html5

需求 在实际项目中,我们通常会需要做一些跨多平台的页面。比如说一个活动页面,需要在微信小程序里展示,也需要在自家公司的app里面展示,还需要在支付宝等平台里面展示。这时候一个h5就是很符合你的需要了。如果这个时候需求再复杂一些,比如说在这个活动页面需要调些扫码功能,或者需要调起支付功能,等原生方...[2021/11/15]

基于HTML十秒做出淘宝页面_html5

十秒钟做出一个网页,可能大家看完会觉得有点标题党,其实不然,把别人的抠过来还是可以的 比如我这次先把淘宝的网页扣过来为例 第一步:先创建一个heml项目,然后加一个iframe标签,把淘宝的网站链接过来 <body> <iframe src=&quo...[2021/10/19]

Canvas绘制像素风图片的示例代码_html5

前言 童年玩红白机。尤其国内的小霸王那段时光还记得么。 那个马里奥大叔还记得么。 因为特别喜欢像素风的游戏从小到大一直都是,像素风本身就是由极度简单的元素构成极度复杂的画面,因此它可以具备无限的创作空间,形成令人过目不忘的独特画风。所以我想借用一张清晰的图片生成出具有像素点阵的图片来...[2021/9/27]

使用canvas对video视频某一刻截图功能_html5

前言 本次使用的是canvas.drawImage()实现截图功能, 关于api支持的dom元素、基本参数,可点击查询下面连接 CanvasRenderingContext2D.drawImage() 处理过程 我本次的需求是多人视频中对某一视频某一刻的截图,展示视频直接用的原生video...[2021/9/22]

Canvas如何做个雪花屏版404的实现_html5

介绍 过往,电视用天线接收信号,没信号出雪花屏,刺啦刺啦作响,然后赶紧扶正想办法让他找到信号。当时电脑还经常连上小霸王打游戏,魂斗罗,超级玛丽,坦克大战。。。时间如白驹过隙,科技进步的飞快,现在都用网络电视了再也不会出现那种情况了,但那真是段令人怀念的时光。 我们今天的主题就是做一个雪花屏版...[2021/9/22]

html5笛卡尔心形曲线的实现_html5

1650年,斯德哥尔摩的街头,52岁的笛卡尔邂逅了18岁的瑞典公主克里斯汀。 那时,落魄、一文不名的笛卡尔过着乞讨的生活,全部的财产只有身上穿的破破烂烂的衣服和随身所带的几本数学书籍。生性清高的笛卡尔从来不开口请求路人施舍,他只是默默地低头在纸上写写画画,潜心于他的数学世界。 一个宁静的午...[2021/9/14]

HTML5 语义化标签(移动端必备)_html5

距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使用低版本浏览器。 但是就我个人而言,因选取一些标签时会比较纠结...[2021/8/26]

html5 录制mp3音频支持采样率和比特率设置

13年的时候做过html5录音,一个问题是保存的wav格式文件很大,当初用了一个迂回的方式,上传到服务器后调用 lame 编码器转换,但由于文件大,上传较慢。不得不说,前端技术发展真是日新月异,有人实现了js版本的lame编码器,可以直接在浏览器端录制MP3音频。 lamejs介绍 最初有个...[2021/7/19]

html5实现点击弹出图片功能

下面给大家分享html5点击弹出图片,分为前台代码和js代码,具体内容如下所示: 前台代码: <a href="javascript:;" onclick="repeat()"> <div id="moda...[2021/7/19]

html5表单的required属性使用

描述 今天无意之中发现form有自带非空判断功能,查了资料发现,required 属性是 HTML5 中的新属性 定义和用法 required 属性是一个布尔属性 required 属性规定必需在提交之前填写输入字段。 如果使用该属性,则字段是必填(或必选)的。 注释:require...[2021/7/12]

html5调用摄像头实例代码

最近在学习在做HTML5的项目,看了博客上html5调用摄像头拍照的文章,但各有瑕疵。于是自己查阅书籍写了一个demo,主要分三步,废话不多说上代码。 HTML代码部分: <!--video用于显示媒体设备的视频流,自动播放--> <video id=&...[2021/6/28]

前端之设计稿二三事

前端之设计稿二三事

导语: 前端作为web项目开发流程中的一个环节,在实际开发过程中,必定要和ui/交互设计师进行沟通协调,以便保证设计稿能够完全代码化,并且是设计师希望的效果。所以,在这里我总结了一些前端开发需要注意的设计稿的一些东西。 目录 设计稿为750px的原理 常用中文字体英文名称 设计稿和代码...[2021/6/28]

跨域访问方法介绍(5)--使用 window.postMessage 传递数据

postMe age 是 HTML5 XMLHttpRequest Level 2 中的 API,可以用于窗口间消息的传递:页面和其打开的新窗口的数据传递、页面与嵌套的frame消息传递、页面与嵌套的iframe消息传递。本文主要介绍通过使用 postMe age 方法来实现不同域下页...[2021/6/28]

HTML5页面音频自动播放的实现方式

HTML5页面音频自动播放的实现方式

最近有这么一个需求,需要在手机加载一个页面的时候,自动播放音乐资源。一般情况下,这个问题也就解决了,但是要保证各种手机上表现一致,那就相当困难了,至少要费点儿周折。 下面有三种常规的方式,可以创建自动播放的audio对象: 第一种:页面上创建一个audio标签,写好相关的属性,如:autopl...[2021/6/28]

跨域访问方法介绍(3)--使用片段识别符传值

跨域访问方法介绍(3)--使用片段识别符传值

片段标识符(fragment identifier)指的是,URL 中 # 号后面的部分,比如 http: example.com/x.html#fragment 的 #fragment。如果只是改变片段标识符,页面不会重新刷新。父窗口可以把信息,写入子窗口的片段标识符。子窗口通过监听 ...[2021/6/21]

跨域访问方法介绍(4)--使用 window.name 传值

浏览器窗口有 window.name 属性。这个属性的最大特点是,无论是否同源,只要在同一个窗口里,前一个网页设置了这个属性,后一个网页可以读取它。这种方法的优点是,window.name 容量很大,可以放置非常长的字符串;缺点是必须监听子窗口 window.name 属性的变化,影响网页性能。...[2021/6/21]

Html5大屏数据可视化开发的实现

项目中需要做一个数据展示用的看板,初接到任务觉得这个没有什么难度,做个漂亮的网页浏览器全屏就可以了。可是实际做的过程中碰见了问题。 第一:浏览器不能有横向和纵向的滚动条,没有鼠标的滚动操作过程。 第二:有各类尺寸的屏,除了在九宫格拼接屏上完美显示,还要同时满足普通用户的电脑端显示。电脑的客...[2021/6/15]

HTML

HTML

参考学习视频 https: www.bilibili.com/video/BV1XJ411X7Ud?t=98&p=44 W3C 1994年 伯纳斯李创建了w3c w3c为了制定网页开发的标准。使用同一个网页在不同的浏览器中有相同的效果 结构、表现、行为三个部分构成一个网页 网页的...[2021/6/15]

跨域访问方法介绍(1)--同源策略

1、同源定义 如果两个 URL 的 protocol(协议)、host(主机)和 port(端口)都相同的话,则这两个 URL 是同源;否则为不同源。 当前页面url 被请求页面url 是否同源 原因 http: www.test.com/ http: www.te...[2021/6/15]

HTML5来实现本地文件读取和写入的实现方法

HTML5来实现本地文件读取和写入的实现方法

最近有这样一个需求,就是在html页面中有个按钮导出,点击它,将构造一个文档并存储到本地文件系统中。另外还有个按钮,点击它,从本地文件系统中读取一个文件并对内容进行分析。 说白了,就是一件事,就是如何读取或写入本地文件系统中的文件。 这件事情在html5以前是一件非常恐怖的,因为浏览器对本...[2021/5/31]

前端常用模板引擎- artTemplate

前端常用模板引擎- artTemplate

  我们在用H5+C 3布局页面的时候,通过接口展示数据到页面的时候,如果数据少还好,有时候ul -> li有多个的时候  只能循环接口返回的数据然后一个一个去展示。   前段时间在无意中学习到一个新东西 art-template 前端模板引擎 这个东西可以像vue展示数据一样...[2021/5/24]

canvas绘制折线路径动画实现

最近有读者加我微信咨询这个问题: 其中的效果是一个折线路径动画效果,如下图所示: 要实现以上路径动画,一般可以使用svg的动画功能。或者使用canvas绘制,结合路径数学计算来实现。 如果用canvas来绘制,其中的难点在于: 需要计算子路径,这块计算比较复杂。...[2021/5/17]

HTML5简单实现添加背景音乐的几种方法

这里推荐两种方法,就是两个标签 <embed> 或者<audio > 常用 <audio > +c 布局 隐藏播放器 做网站比较实用! <!DOCTYPE html> <html> <head> ...[2021/5/17]

Html5生成验证码的示例代码

利用Html5的canvas标签生成画布,在画布上利用随机生成的数字画上验证码,背景为随机生成的颜色和杂乱的直线与点点。 进阶:利用表单插件属性绑定验证码数据(json)可以在发送时候或者异步通信进行后台数据获取与检查。 代码块 <!DOCTYPE html> &...[2021/5/10]

WEB前端第六十九课——viewport、rem单位

1.viewport视口   视口(viewport),是视图窗口的简称。   视口的大小就是HTML元素的实际大小。   但是,在移动端要想展示实际页面大小则必须进行视口的适配设置,   否则,移动端加载页面时,默认视口宽度980px或某个值(布局视口宽度),无法呈现实际大小。   ...[2021/5/10]

简易流程图设计器Vue3

流程设计器主要完成流程定义,为工作流引擎收集元数据,主要包括:流程触发、路径判断、完成条件、用户分配等,配合工作流引擎完成低代码的构建。一个灵活的工作流引擎是离不开写代码的,我们要做的就是尽量封装复杂性,做到定义时直观,能快速完成工作流的定义。前端主要完成以下功能: 快速拖拽节点和路径完成流程...[2021/5/10]

浅谈src与href的区别

src 和 href 都是用来引入外部资源的属性,例如:图片、视频、CSS 文件、JavaScript 文件等。 那么它们两者之间究竟有什么样的区别呢? <link href="style.c " rel="stylesheet" /> <img src="pic.png"...[2021/5/10]

html5中sharedWorker实现多页面通信的示例代码

是这样的,今天玩github,先是在没有登录浏览了一些页面,然后在某一页面进行了登录。这时再切换的其他页面时就看到了下面的提示: 那么这是怎么做到的呢?我们可以想到,一种办法是 localStorage,在某一个页面登录时,修改localStorage 状态,其他页面在显示的时候,读取最...[2021/5/10]

HTML5中 rem适配方案与 viewport 适配问题详解

H5 端 rem 适配方案与 viewport 适配 rem rem 是 CSS3 新增的一个相对单位(root em,根 em) 只根据当前页面 HTML 页面的 font-size 设置,如果根目录的 font-size 为 18px,则 1rem=18px 媒体查询设置 ...[2021/5/6]

Html5通过数据流方式播放视频的实现

本文介绍如何通过H5页面通过数据流的方式播放服务端的视频文件,可以兼容PC、Android和IOS环境。 H5页面可以通过<video> 标签来播放视频。一般的方式如下: <!DOCTYPE HTML> <html> <body>...[2021/5/6]

&lt;button&gt;与&lt;input type =“ button” /&gt;。使用哪个?

查看大多数站点(包括SO)时,大多数使用: <input type="button" /> 代替: <button></button> 两者之间的主要区别是什么? 是否有正当理由使用一个而不是另一个? 是否有使用它们的有效理由? <butto...[2021/5/6]

关于ios配置微信config出现验签失败的问题解决

关于ios配置微信config出现验签失败的问题解决

在开发中,出现了一个关于微信配置的问题。 使用的开发工具以及开发框架为 uniapp , JSSDK为  jweixin 使用uniapp进行公众号开发,需要在进入某个页面时候进行微信配置来达到更改分享信息的效果。   问题描述:   请求后台获取了微信配置参数并配...[2021/5/6]

56
2
记录数:1035 页数:1/2112345678910下一页尾页
 友情链接: NPS
加载更多