1

使HTML 5数字输入仅接受整数

这两年我看到很多关于这方面的文章和帖子,这的确是一个非常方便的东西。但是,太多的实现还是有漏洞,残缺不全的实现,等等。整体概念是合理的:使用HTML 5属性来限制可以发送到服务器的内容,然后使用Javascript增强它,以限制用户可以在第一个地方输入的内容。所以让我们来看看这些问题,并更好地实现它。问题1,不好的脚本最常见的缺陷是缺乏适当的降级功能。 如果您要在“electron”或“nw.js”中构建完整的堆栈应用程序,那很好,但是这种形式的东西通常在面向公众的网站中没有位置。就像我经常说的那样,高质量的脚本应该增强已经在工作的页面,而不是用户使用它的唯一方法。解决办法?使用 patter...

阅读全文>>

0

链接是Web的核心元素

链接是HTML的基础元素,因为Web的设计初衷就是想把一组文档彼此链接起来组成信息分享网络。HTML的超文本(Hyper Text)部分定义了链接的类型即:超文本链接(hypertext links),也就是超链接(hyperlinks)。在HTML中,链接是内联元素,使用<a>标签。href(hypertext reference) 属性用来定义链接的目标地址(当点击时跳转或新打开的网页地址)。<p> 要搜索网页动画,请访问 <a href="//www.techbrood.com">Techbrood</a>. </p>要搜索...

阅读全文>>

0

用HTML5构建一个流程图绘制工具

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

阅读全文>>

0

H5聊天video标签和视频文件下载那些怪事

最近在做一个即时聊天项目,用户要求除了可以发送图文,还要发送视频信息。刚开始觉得很简单呐,和普通文件下载不是一样?!谁知联调过程中就垮了,视频加载贼慢,根本无法观看。有的视频还没法加载,你知道的,前端直接裂了!!!<video autoplay loop > <source src="//localhost:8080/gesture.mp4" type="video/mp4"> </video>原来是保存文件时,没有存储文件的content-type,读取的时候都默认成oct-stream文件下载了。但是一个2分钟的视频加载了半天,才能播放。肿么回事...

阅读全文>>

0

一个支持将html转为PDF、图片,且支持PDF加水印的项目

今天给大家推荐的这个开源项目是来自于读者的投稿,我超级喜欢这个开源项目。尤其是做小程序开发的时候,经常遇到将内容生成图片分享到朋友圈。这个开源项目就能够解决你的问题,可以将 html 转为图片,还可以转为 PDF ,还支持加水印。这个开源项目就是:Doctron,它是基于 Docker、无状态、简单、快速、高质量的文档转换服务。目前支持将 html 转为 pdf、图片 (使用 chrome (Chromium) 浏览器内核,保证转换质量)。支持 PDF 添加水印。作者认为目前开源界没有较好的服务器端 HTML 转 PDF、图片的工具,像 wkhtmltopdf、dompdf、mpdf 等这些比...

阅读全文>>

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...

阅读全文>>