Web push 浏览器推送

Web push 是PWA的关键技术之一,最近详细了解了一下 Web push 的原理及实现。原理借用W3C Push api文档上的一张图:上图中的 web page、serice worker、user agent 为浏览器端;浏览器端...

关于小程序的思考

最近的做的一些项目和各种国内小程序有关,把国内主流的小程序(微信、百度、头条、快应用、支付宝)都体验一遍,自己有一些感想。小程序降低了开发门槛?记得在微信小程序刚出来时,标榜的优势之一就是降低开发门槛,一个产品经理即可完成开发。但是作为一个...

对编写JavaScript代码的理解

前言从14年7月开始从事前端开发至今已经有4年多的时间,从入行的很长时间里,觉得自己都还没入门。直到最近的某个时间回想,觉得现在的自己可能算是入门了。期间参与过多家互联网(科技)公司的前端开发工作,经历过10w+ JavaScript 项目...

本地开发启用HTTPS

现在众多网站或者浏览器的API都需要启用HTTPS,本地如果无法启用HTTPS就会有诸多开发的不便。其实本地开发启用HTTPS只需要简单几步就可以搞定:生成加密证书对执行以下命令openssl req -x509 -out localho...

Nginx 开启支持 HTTP2

/
HTTP2的好处Server Push 主动推送资源 (目前nginx还不支持,新版本nodeJs可以配置实现)用帧二进制编码传输数据,连接可以承载任意数量的双向数据流 (所以不用关心,请求的数量了)头部压缩,减少请求时间版本要求Nginx...

BFC、IFC

参考w3c visual-model-intro 章节, 9.4 Normal flowBFC 块级格式上下文形成BFC的情况浮动的元素绝对定位的元素overflow不为visible的元素 (除非该值已经被传播到视口, 比如body元素设...

基于JWT的登录验证系统实现

概述基于JWT的简单登录认证流程图:JWTJSON Web token(JWT)是一种开放标准(RFC 7519),它定义了一种紧凑且独立的方式,用于将各方之间的信息安全地传输为JSON对象。该信息可以通过数字签名进行验证和信任。使用密匙 ...