快捷搜索:

标签

0

HTML5最新版本介绍

HTML5是HTML4.01和XHTML1.0之后超文本标记语言的最新版本,由一群自由思想者设计,最终实现了多媒体支持、交互性、更智能的表单和更好的语义标注。 HTML 5不只是 HTML规范的最新版本,它是用于生成现代 Web内容的一系列相关技术的总称,其中最重要的三个技术是:HTML5核心规范(table)、 CSS (class style)和 JavaScript。一.HTML5 的历史 HTML在1993年第一次作为互联网草稿发布,随后经历了2.0、3.2和4.0,直到1999年 HTML4.01版本稳定下来。慢慢地,随着发展,越来越严格的 XHTML取代了它。XHTML 的兴衰史 ...

阅读全文>>

0

如何设计一份体验好的表单?来看这篇超全总结

说到表单其实在生活中可以接触到各种各样的表单,主要目的就是让用户填写来「收集用户信息」。初看这些表单,你可能觉得很简单,就是一些标签、非常基础的小组件,但是在实际业务中,想要将这些小组件组合拼装成合适的表单却需要推敲非常多的细节,常常会让设计师陷入无限的纠结中,比如:文字标签是左对齐还是右对齐?确定按钮是放左边还是右边?控件颗粒长度是整齐划一还是与输入预期一样错落有致?反馈内容怎么显示……等等所以针对这些问题,我从「框架」>「细节」的逻辑与大家一起探讨「如何设计一份体验好的表单」。表单拆分在UX Collective,作者Taras Bakusevych 进行了详细的阐述,对表单的组成部...

阅读全文>>

0

QRCanvas - 动态生成二维码的开源优秀 js 库

简单调用就能满足网址扫码预览和分享、登录扫码认证等二维码功能。QRCanvas 能用来做什么动态生成带二维码的海报是业务型产品中很常见的需求,之前分享过如何通过 html2canvas 将html+css写出来的布局生成海报,而今天分享的 QRCanvas 则是专门满足如何在前端生成动态二维码的需求。QRCanvas 功能特性API 非常简单,简单到只需要一个文本参数就能生成二维码虽然调用简单,但也提供了强大的定制化功能零依赖,只需要浏览器支canvas,兼容性极佳支持 vue / react 等框架以及 cdn 引入的方式在前端使用,也支持 node.js 后端调用开发使用体验多年以前,前端...

阅读全文>>

0

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

上传文件的能力是许多Web和移动应用的关键需求,从将照片上传到社交媒体上到将简历发布到工作门户网站上,文件上传无处不在。作为一名Web开发人员,我们一定知道HTML提供了原生文件上传的支持,并借助于JavaScript的一点帮助。在HTML5中,File API被添加到DOM中。利用它,我们可以读取 FileList 和其中的 File 对象,这就解决了文件的多种用例,即在本地加载文件或通过网络发送到服务器进行处理等。在本文中,我们将讨论HTML文件上传支持的10种用法,希望你觉得它有用。在任何时候,如果您想使用这些文件上传功能,都可以在这里找到:HTML文件上传演示:https://html...

阅读全文>>

0

「Linux命令」-Java程序员需要掌握的10个命令

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

阅读全文>>

0

这一款开源免费的富文本编辑器,是值得推荐的——Quill

介绍Quill是一个所见即所得的富文本编辑器,是一个集兼容性和可扩展性于一体的优秀编辑器,Githubhttps://github.com/quilljs/quillQuill特点开发友好通过简单的API可以细粒度地访问编辑器的内容,更改和事件。使用JSON作为输入和输出一致且确定性的工作兼容性好支持台式机,平板电脑和手机上的所有现代浏览器。体验相同的一致行为,并跨平台生成HTML。自定义内容和格式在过去,评估富文本编辑器就像比较所需格式的清单一样简单。一个好的RTF编辑器的标志就是它支持多少种格式。虽然这很重要,但是如果能够自定义内容和格式,那其扩展性将是无限的。使用方便所有这些好处都包含在...

阅读全文>>

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/:400:39) at Image.localTest (http://canvas/:351:9) 字面翻译为“未能执行‘getImageData‘方法,由于这个canvas已经被污染了”。在...

阅读全文>>

0

适用于现代Web开发的超高性能专业级动画库——GSAP

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

阅读全文>>

0

使用canvas在前端实现图片水印合成

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

阅读全文>>

0

超强 H5直播/点播播放器LivePlayer

之前有给大家分享2个超棒的视频播放器。今天继续分享一款高质量的H5视频播放器插件LivePlayer。HTML5 开源视频播放器DPlayerVue 视频播放组件Vue-CoreVideoPlayerliveplayer 一款集m3u8、rtmp、hls、flv于一身的H5视频流媒体播放器。使用简单,功能强大,免费使用。功能特点支持MP4播放;支持m3u8/HLS播放;支持HTTP-FLV/WS-FLV播放;支持RTMP播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自带的flash支持极速和流畅模式;自带的flash支持HTTP-FLV播放;自动检测I...

阅读全文>>