• 10个有用的HTML文件上传技巧

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

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

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

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

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

    HTML5 2020年10月17日 154 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日 179 0
  • 适用于现代Web开发的超高性能专业级动画库——GSAP

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

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

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

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

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

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

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

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

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

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

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

    HTML5 2020年04月25日 461 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日 2707 0
  • Html5调用手机摄像头并实现人脸识别的实现

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

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

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

    HTML5 2020年04月11日 630 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日 945 0
  • HTML5 的JavaScript 客户端PDF解决方案——jsPDF

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

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

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

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

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

    HTML5 2020年03月26日 2738 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日 665 0
  • H5网页布局+css代码美化,零基础参考

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

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

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

    HTML5 2020年02月26日 352 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日 432 0
  • HTML、HTML5重难点

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

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

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

    HTML5 2019年12月31日 519 0
  • H5和HTML5的区别,小白们必须清楚哦

    注意注意:H5不=HTML5H5 是一个产品名词HTML5是一个技术名词对于知乎多个相关问题里批判H5的叫法,我只想说:图样图森破,上台拿衣服打个比方,如果有个人跟你说:“我要做个网站,H5的”。那他是想让你用header、footer、nav、section等标签?让你用Geolocation、localStorage、WebWorker等API?都不是,他想要的功能你用HT...

    HTML5 2019年12月31日 484 0
  • WebSocket的优点

    WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455,并由RFC7936补充规范。WebSocket API也被W3C定为标准。HTML5开始提供WebSocket协议的支持。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket A...

    HTML5 2019年12月28日 530 0
  • html5网页特效-canvas实现火焰跟随鼠标

    效果:逼真的火焰跟随鼠标,还冒出火花,照亮背景文字使用canvas绘制使用javascript,但并无复杂逻辑。上手程度:简单笔记:google字体第一步:很简单的初始化函数。var oCanvas;init = function(){ oCanvas = new Fire(); oCanvas.run();}window.onload = init;第二步:初始化canvas...

    HTML5 2019年12月28日 517 0
  • html5网页特效-水墨动画

    效果鼠标触碰按钮,出现水墨风格动画屏幕自适应一份html文件,一份css文件,无javascript,上手程度:很简单笔记:root这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示元素,除了优先级更高之外,与 html 选择器相同。box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素。content-box:在宽度和高度之外绘制元素的...

    HTML5 2019年12月19日 736 0
  • Web端文件上传从未如此简单,但却很强大——bootstrap-fileinput

    介绍对于文件上传,我们并不陌生,HTML自带了上传文件表单,但是我们都知道,那些真的满足不了我们的大多数需求,诸如多选、预览、删除、拖拽等各类繁杂的功能,原生的文件上传Input确实很难满足我们的需求,因此就诞生了很多第三方的上传组件,比如大家熟知的百度WebUploader、之前我也有介绍过类似的组件,功能都非常丰富,大家可以根据自己的需求酌情选择,符合自己的需要才是最好的,...

    HTML5 2019年12月19日 900 0
  • 浏览器语言家族添加一新成员WebAssembly

    WebAssembly初出茅庐万维网联盟(W3C)最近宣布,WebAssembly核心规范现已成为正式的Web标准。因此,在HTML,CSS和JavaScript之后,WebAssembly正式成为第四种在浏览器中本地运行的语言。WebAssemblyWebAssembly核心规范将WebAssembly描述为一种安全,可移植的低级代码语言,目的在于高效执行和紧凑表示。 Web...

    HTML5 2019年12月11日 452 0
  • 是时候拯救我的 HTML 技术了

    和 JavaScript、CSS 相比,HTML 经过三十多年的发展,似乎逐渐走进无人问津的角落,如何才能让 HTML 再次回到人们视野的中心。作者 | Yaser Adel Mehraban译者 | 谭开朗,责编 | 屠敏出品 | CSDN(ID:CSDNnews)以下为译文:有多少次,身为开发者的你编写了一个HTML块而没有意识到可能编码得并不理想?为什么HTML一直处于无...

    HTML5 2019年10月31日 639 0