Html5 最新文章第1页 | Coder·码农网

之所以去了解了一波nginx，最直接的导火索是我的服务上线后，里面的websocket请求400了，降级成了轮询。网上一查就有解决方案，but 这些配置都是啥意思呢？怎么验证可用性？我该怎么去给我们的运维同事提工单配置？现象：

2018-10-22 11:00 栏目：Html5

公司有个业务需求,要求后台传pdf的base64编码给前端,前端显示到界面上,后来在网上搜索了很多关于base64转pdf的文章,都写的不是非常的详细,在实现的过程中遇到很多坑,经过一天的研究终于实现了这个功能,分享一下我在这个功能中遇到的问题和解决方法要注明的是这里用到的核心插件是pdf.js,原理是动态生成canvas标签,然后通过pdf.js生成一个能渲染出pdf的对象,随后渲染每个canvas,并且生成的pdf是画面的形式,并没有pdf之类的控件这里很多博客都是使用JavaScript原生的方法引

2018-10-20 20:29 栏目：Html5

个人博客2.0 FE

这是我写的第二个博客网站。第一个是在今年(2018年)3月份完成的，用的Bootstrap + Django. 至于为什么写第二版，无非是看到别人的博客太好看了:joy:。

2018-10-19 20:47 栏目：Html5

server-side-events(SSE)开发指南（Node）

SSE是介于websocket、长短轮训之外的一种服务端推送的方式。他的好处有详细对比，这里我选择尝试将一个原本基于轮询的web app转到sse上来。虽然这套技术看上去使用很简单，但可能由于普及程度不高和资料较少的原因，在开发过程中会遇到很多的坑和要面临的新东西。这里帮大家总结一下，后端使用了koa.js（express应该会更简单）。对于一个SSE相应我们需要返回如下一些HTTP头

2018-10-19 20:43 栏目：Html5

HTTP1.X、HTTP/2、websocket、http.Hijacker golang

2018-10-19 20:35 栏目：Html5

html5画布防止线宽缩放

如果我绘制一个长度为linewidth = 2的矩形,然后将其缩放为矩形的大小的两倍,我得到一个矩形,它的边界是初始线宽的两倍.有没有办法将线宽保持为2或原始大小的感觉大小.简而言之,我想只是缩放矩形的大小,但是将线宽保持为大小2.

2018-10-16 09:45 栏目：Html5

javascript – JS如何缓存变量

我想要做的是能够创建一个变量,给它一个值,关闭并重新打开窗口,并且能够检索在上一个会话中设置的值.最简单的方法是什么？欢迎JQuery的回答.http://stackoverflow.com/questions/14266730/js-how-to-cache-a-variable

2018-10-16 09:42 栏目：Html5

javascript – 如何产生偏向一个范围内的一个值的随机数？

http://stackoverflow.com/questions/29325069/how-to-generate-random-numbers-biased-towards-one-value-in-a-range

2018-10-15 16:01 栏目：Html5

JavaScript – 图像暗/光检测客户端脚本

有没有人知道是否有脚本可以使用客户端脚本来检测图像中的黑暗/亮度(包括html)？我基本上想要能够检测到背景中使用的图像类型(暗/亮),并且CSS / HTML / Jquery / JS会根据一个变暗(light of true)来适应页面.我知道有服务器端脚本可用,但不能用于这个特定的开发.

2018-10-15 15:58 栏目：Html5

基于vue2的canvas时钟倒计时组件

今天给大家介绍一款基于vue2的canvas时钟倒计时组件，这个时钟倒计时组件采用canvas动画的炫酷动画效果形式，根据剩余时间的多少变换颜色和旋转扇形的速度，适合抢购、拍卖、下注等业务场景，且对移动端友好。

2018-10-14 12:00 栏目：Html5

实现无缝兼容ajax/websocket网页应用和服务

为了让用户体验更好，页面前端往往是通过ajax来进行数据处理；由于浏览器的设计原因每个域名下的连接有限，这样导致了同时进行ajax数据请求效率无法得到有效地提升，为了提高效率和传统HTTP协议上的限制，因此websocket的应运而生。由于websocket是后期提供的升级协议，所以现有很多WEB服务逻辑无法同时兼容两种协议处理；导致了页面前端就无法更有效地利用websocket优势，更多的是在这两者间做一种选择。为了更好地利用websocket的优势和传统性兼容，FastHttpApi实现无缝兼容Aja

2018-10-12 19:38 栏目：Html5

HTML5 Drag and Drop 的一些总结

注 1: onDragExit (dragexit) 事件只有 Firefox 支持，忽略之注 2: onDragLeave (dragleave) 和 onDrop (drop) 在同一个 drop target component 上只会发生一个，要么 onDragLeave，要么 onDropDrag and drop 的整个生命周期如上所示，在整个周期中，有 drag source 和 drop target 两类 component，需要将 drag source 的 draggable 属性置

2018-10-12 19:26 栏目：Html5

Actix-web 0.7.9/10/11 齐发，新特性、更新/修复等越发完善

添加修复修复

2018-10-11 21:52 栏目：Html5