• 链接是Web的核心元素

    链接是HTML的基础元素,因为Web的设计初衷就是想把一组文档彼此链接起来组成信息分享网络。HTML的超文本(Hyper Text)部分定义了链接的类型即:超文本链接(hypertext links),也就是超链接(hyperlinks)。在HTML中,链接是内联元素,使用<a>标签。href(hypertext reference) 属性用来定义链接的目标地址(当...

    HTML5 2021年02月25日 17 0
  • 用HTML5构建一个流程图绘制工具

    在我们的开发工程中经常会使用到各种图,所谓的图就是由节点和节点之间的连接所形成的系统,数学上专门有一个分支叫图论(Graph Theroy)。利用图我们可以做很多工具,比如思维导图,流程图,状态机,组织架构图,等等。今天我要做的是用开源的HTML5工具来快速构造一个做图的工具。工具选择工预善其事,必先利其器。第一件事是选择一件合适的工具,开源时代,程序员还是很幸福的,选择很多。...

    HTML5 2021年02月14日 62 0
  • H5聊天video标签和视频文件下载那些怪事

    最近在做一个即时聊天项目,用户要求除了可以发送图文,还要发送视频信息。刚开始觉得很简单呐,和普通文件下载不是一样?!谁知联调过程中就垮了,视频加载贼慢,根本无法观看。有的视频还没法加载,你知道的,前端直接裂了!!!<video autoplay loop > <source src="//localhost:8080/gesture.mp4" type...

    HTML5 2021年02月03日 78 0
  • 一个支持将html转为PDF、图片,且支持PDF加水印的项目

    今天给大家推荐的这个开源项目是来自于读者的投稿,我超级喜欢这个开源项目。尤其是做小程序开发的时候,经常遇到将内容生成图片分享到朋友圈。这个开源项目就能够解决你的问题,可以将 html 转为图片,还可以转为 PDF ,还支持加水印。这个开源项目就是:Doctron,它是基于 Docker、无状态、简单、快速、高质量的文档转换服务。目前支持将 html 转为 pdf、图片 (使用 ...

    HTML5 2021年02月01日 117 0
  • HTML5最新版本介绍

    HTML5是HTML4.01和XHTML1.0之后超文本标记语言的最新版本,由一群自由思想者设计,最终实现了多媒体支持、交互性、更智能的表单和更好的语义标注。 HTML 5不只是 HTML规范的最新版本,它是用于生成现代 Web内容的一系列相关技术的总称,其中最重要的三个技术是:HTML5核心规范(table)、 CSS (class style)和 JavaScript。一...

    HTML5 2021年01月18日 147 0
  • 如何设计一份体验好的表单?来看这篇超全总结

    说到表单其实在生活中可以接触到各种各样的表单,主要目的就是让用户填写来「收集用户信息」。初看这些表单,你可能觉得很简单,就是一些标签、非常基础的小组件,但是在实际业务中,想要将这些小组件组合拼装成合适的表单却需要推敲非常多的细节,常常会让设计师陷入无限的纠结中,比如:文字标签是左对齐还是右对齐?确定按钮是放左边还是右边?控件颗粒长度是整齐划一还是与输入预期一样错落有致?反馈内容...

    HTML5 2021年01月04日 485 0
  • QRCanvas - 动态生成二维码的开源优秀 js 库

    简单调用就能满足网址扫码预览和分享、登录扫码认证等二维码功能。QRCanvas 能用来做什么动态生成带二维码的海报是业务型产品中很常见的需求,之前分享过如何通过 html2canvas 将html+css写出来的布局生成海报,而今天分享的 QRCanvas 则是专门满足如何在前端生成动态二维码的需求。QRCanvas 功能特性API 非常简单,简单到只需要一个文本参数就能生成二...

    HTML5 2020年12月26日 205 0
  • 10个有用的HTML文件上传技巧

    上传文件的能力是许多Web和移动应用的关键需求,从将照片上传到社交媒体上到将简历发布到工作门户网站上,文件上传无处不在。作为一名Web开发人员,我们一定知道HTML提供了原生文件上传的支持,并借助于JavaScript的一点帮助。在HTML5中,File API被添加到DOM中。利用它,我们可以读取 FileList 和其中的 File 对象,这就解决了文件的多种用例,即在本地...

    HTML5 2020年11月12日 228 0
  • 「Linux命令」-Java程序员需要掌握的10个命令

    作为服务端开发的同学,经常会与linux服务器打交道,一些用的命令必须要掌握。1.top命令-观察服务端负载情况top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器1.top命令2.free命令-查看服务端内存情况free 命令显示系统内存的使用情况,包括物理内存、交换内存(swap)和内核缓冲区内存2.free...

    HTML5 2020年11月03日 246 0
  • 这一款开源免费的富文本编辑器,是值得推荐的——Quill

    介绍Quill是一个所见即所得的富文本编辑器,是一个集兼容性和可扩展性于一体的优秀编辑器,Githubhttps://github.com/quilljs/quillQuill特点开发友好通过简单的API可以细粒度地访问编辑器的内容,更改和事件。使用JSON作为输入和输出一致且确定性的工作兼容性好支持台式机,平板电脑和手机上的所有现代浏览器。体验相同的一致行为,并跨平台生成HT...

    HTML5 2020年10月17日 509 0
  • The canvas has been tainted by cross-origin data

    在前端调试canvas时,出现下面这个错误:Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. at getImage (http://canvas/...

    HTML5 2020年09月29日 387 0
  • 适用于现代Web开发的超高性能专业级动画库——GSAP

    介绍GSAP是一个JavaScript库,用于构建可在每种主流浏览器中使用的高性能动画。CSS动画,SVG,画布,React,Vue,WebGL,颜色,字符串,运动路径,通用对象... JavaScript可以接触的任何东西!ScrollTrigger插件可让你以最少的代码创建令人叹为观止的基于滚动的动画,GSAP解决了无数浏览器不一致的问题。以下是一个官方简短的视频介绍: ...

    HTML5 2020年09月03日 774 0
  • 使用canvas在前端实现图片水印合成

    图片合成最常见的需求有验证码图片,亦或者图片加水印等,这种实现一般都是后端实现的。随着HTML5发展和现代浏览器的占比越来越高,我们其实也可以在前端直接进行图片的合成。优点在于,响应更快,体验更好;如果是和文字进行合成,我们可以利用客户端字体,视觉展现效果更丰富;同时展示和合成全部都是前端完成,因此更利于维护。这里通过举个例子,演示如何在前端实现多个图片合成的效果,主要是借助H...

    HTML5 2020年09月03日 438 0
  • 超强 H5直播/点播播放器LivePlayer

    之前有给大家分享2个超棒的视频播放器。今天继续分享一款高质量的H5视频播放器插件LivePlayer。HTML5 开源视频播放器DPlayerVue 视频播放组件Vue-CoreVideoPlayerliveplayer 一款集m3u8、rtmp、hls、flv于一身的H5视频流媒体播放器。使用简单,功能强大,免费使用。功能特点支持MP4播放;支持m3u8/HLS播放;支持HT...

    HTML5 2020年09月01日 5483 0
  • ES2020 新特性

    这几年,Ecma TC39一年一次更新 ecmascript 规范标准,截止目前,以下特性已进入 finished 状态。现在带大家体验种草 ES2020 新特性。Promise.allSettledPromise.all 缺陷都知道 Promise.all 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常(reject),所有任务都会挂掉,Promise...

    HTML5 2020年07月29日 524 0
  • HTML5 绘图技术 「Canvas」和「SVG」

    虽然是要Canvas和SVG,但每次提起Canvas,脑海总会想起SVG,因此先做个简单的对比。 *Canvas 和 SVG 对比 Canvas 和 SVG 都是 HTML5 中推荐的也是主要的2D图形绘制技术Canvas 提供画布标签和绘制API,技术比较新,注重栅格图像处理。SVG是一套独立的矢量图形语言,成为W3C标准已经有十几年,发展缓慢。Canvas 基于像素,提供 ...

    HTML5 2020年07月22日 561 0
  • 掌握这8个CSS开发工具让你瞬间成为开发高手!还在等什么!

    CSS是Web开发的基础之一。但是,我们中的一些人却感到非常困惑。这是因为我们没有遵循适当的学习流程,因此我们很难理解CSS的行为。本文旨在通过两种方式为你提供CSS的学习帮助:借助专用工具对CSS进行编码以及通过一些交互环境学习CSS。网上学习制作工具1、 EnjoyCSS地址:https://enjoycss.com/这个工具非常简单,是我们学习使用CSS时的救星。你可以使...

    HTML5 2020年04月25日 624 0
  • 可用于浏览器Web应用的终端组件——Xterm.js

    介绍Xterm.js是一个用TypeScript编写的前端组件,它允许应用程序在浏览器中为用户提供功能齐全的终端。它被VS Code,Hyper和Theia等热门项目所使用。Github(7k stars)https://github.com/xtermjs/xterm.js组件特性终端应用程序正常工作:Xterm.js适用于大多数终端应用程序,如bash,vim和tmux,这...

    HTML5 2020年04月17日 4681 0
  • Html5调用手机摄像头并实现人脸识别的实现

    需求混合App开发,原生壳子+webApp,在web部分调用原生摄像头功能并且在网页指定区域显示摄像头内容,同时可以手动拍照并进行人脸识别,将识别结果显示在网页上。技术栈vue、Html5、video标签、Android、IOS、百度AI分析1、使用navigator.mediaDevices.getUserMedia调用系统原生摄像头功能2、video标签显示摄像头内容3、c...

    HTML5 2020年04月16日 1086 0
  • CSS3动画解析抖音 LOGO制作

    前言“字节跳动”现今也是如日中天,旗下产品,除头条外,还有短视频平台“抖音”,人气也是非常高,据说拥有7亿用户。今天我们就来研究研究抖音的logo,蹭蹭热度。效果预览:CSS3动画解析抖音 LOGO制作主要用css3新增属性mix-blend-mode,混合模式来实现。分解我们先来看看它的组成,由大写的“J”组成,然后有3种颜色,白色、红色、和天蓝色。ok,我们先来完成一个“J...

    HTML5 2020年04月11日 973 0
  • Github非常惊艳的轻量级开源动画引擎——Animejs

    介绍Anime.js是一个轻量级的JavaScript动画库,具有简单但功能强大的API。它与CSS属性,SVG,DOM属性和JavaScript对象一起使用。Github在Github上已收获近35k的star数,可见其非常受广大使用者的热爱!https://github.com/juliangarnier/anime/特性复杂的交错动画变得简单css分层转换在单个HTML元...

    HTML5 2020年04月07日 1361 0
  • HTML5 的JavaScript 客户端PDF解决方案——jsPDF

    介绍和往常一样,jsPDF是一个开源的客户端的PDF解决方案,在之前的文章中已经介绍过几个Web端和PDF相关的库,jsPDF同样是一个不错的客户端PDF引 SDK,你可以通过jsPDF在客户端完成相关操作,它包含了非常丰富的API,帮助你完成一系列的复杂操作!可以说它是相当领先的HTML5客户端解决方案了!Githubhttps://github.com/MrRio/jsPD...

    HTML5 2020年04月05日 868 0
  • 腾讯发布硬件版微信WeChatBox

    2020年4月1日,腾讯公司发布了一个名为WeChat Box的硬件产品,这是腾讯公司成立以来发布的首个硬件产品。WeChat Box采用了一个非常微型的操作系统,操作系统上仅有一个应用程序,即机器版微信。该产品的发布,被认为是腾讯走向操作系统研发的开始。WeChat Box内置了多种自动化产品的驱动,该产品主要市场为机械设备领域,据悉,自动化产品驱动的供应商为美国PTC旗下的...

    HTML5 2020年04月01日 1196 0
  • WebUploader之单个大文件分片上传(前端实现)

    1、组件简介webuploader(官方定义):是一个以 HTML5 为主, Flash为辅的文件上传组件,采用大文件分片/并发上传的方式,极大地提高了文件上传的效率,同时兼容多种浏览器版本;链接: WebUploader官网.2、前端代码实现首先,下载组件,并引入到项目文件;t/wealth_nana/article/details/105051649本例子模拟后台所需参数:...

    HTML5 2020年03月26日 3493 0
  • 2020年,浏览器插件Flash将被HTML5取代,之后是不是IE浏览器了?

    Flash死亡,Adobe推荐大家拥抱HTML5。其实Flash本身也是支持手机端的。一、Flash宣告死亡Adoebe官方网站发布了公告,2020年12月30日起终止支援Flash。目前Chrome、Edge等浏览器都会有提醒。用户默认不开启Flash,如果页面视频采用Flash进行播放,都会收到如下提示:==默认被阻止====阻止了Flash====需要手动开启,才能打开F...

    HTML5 2020年03月17日 930 0
  • H5网页布局+css代码美化,零基础参考

    HTML5的结构化标签,对搜索引擎更友好li 标签对不利于搜索引擎的收录,尽量少用banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li<samp></samp>可用于浅色副标题display:inline-block; 每个导航块存在水平间隙,解决方法是在父元素上添加font-size:0; sublime安装csscomb插件选...

    HTML5 2020年02月29日 511 0
  • Windows 10将抛弃动态磁贴

    对于微软来说,动态磁贴在桌面版系统上显得很无用,所以让这个功能退出也就显得很有必要了。 据外媒报道称,在Windows 10 Mobile系统死亡之后,微软在Windows 10上已经完全停止改进动态磁贴体验。尽管Twitter,Facebook和Instagram等第三方应用程序都支持动态磁贴,但是它们并没有显示任何有用的信息。 报道援引自微软内部消息人士的说...

    HTML5 2020年02月26日 459 0
  • HTML5基础-新增标签+新增属性+布局案例

    html5中常用的结构标签article 文章header 头部nav 导航section 区域aside 侧边栏hgroup 区块的相关信息figure 定义一组内容及标题figcaption 定义figure元素的标题footer 底部dialog 对话框使用习惯:header/section/footer > aside/article/figure/hgroup/...

    HTML5 2020年01月05日 540 0
  • HTML、HTML5重难点

    一、XHTML与HTML的区别文档结构XHTML DOCTYPE 是强制性的<html>中的 XML namespace 属性是强制性的<html>、<head>、<title>以及 <body>也是强制性的元素语法XHTML 元素必须正确嵌套XHTML 元素必须始终关闭XHTML 元素必须小写XHTML 文档必须有一...

    HTML5 2020年01月03日 735 0
  • 实现HTML5网站中常见的拖拽上传文件

    当我们学习了 HTML 提供的原生拖放(drag & drop)后,是时候想一想这个东西可以用来作什么,可以在什么时候使用,使用的场景等等场景分析当我们在注册成功一个账户时,一般网站会让我们上传我们的用户头像,或者在实名认证的时候会涉及到身份证图片上传到等,这时候我们可以使用input提供的file属性进行选择本地文件进行上传。我们再想一下,当在电脑端的情况下,当用户打...

    HTML5 2019年12月31日 690 0