koa-helmet

Koa-helmet 确保 koa 安全最强中间件!

官网: https://helmetjs.github.io/

无论前端还是后台,对安全都是极其重视的。前端同学在面试的时候常常被问到 XSS 黑客攻击手段。面试答案也很固定,其实安全防御的重点还是在服务器, koa-helmet 这个中间件能有效的防御 XSS 等攻击。这个中间件使用起来非常方便。Helmet 从14个方面守护着用户的安全,能抵挡大多数黑客攻击。本文简略的说明14种攻击类型,帮大家理解这个安全的中间件。

一: Content Security Policy(内容安全策略): 简称CSP,实质就是白名单制度,开发者明确告诉客户端,哪些外部资源可以加载和执行,等同于提供白名单。它的实现和执行全部由浏览器完成,开发者只需提供配置。

koa-jwt 全面解析,安检利器

学习 Koa 不易,今天学习到了 koa-jwt 这个登陆验证必不可少的中间件。本文会说明 jwt是什么、token怎么来的、如何验证token。

一反常态,先上代码!(本代码由 koa-generater 生成,安装 koa-jwt, jsonwebtoken 两个 npm 包 )

文件名: app.js

红色框:jwt 相关的代码

rich editor(富文本编辑器)

今天我们来介绍5个前端富文本编辑器

1.vue-quill-editor

地址:https://github.com/surmon-china/vue-quill-editor

这款富文本编辑器,能搞定 vue 的 SPA 和 SSR 富文本编辑问题。使用起来很方便。文档易懂,要深入了解就要详细的看看quill的文档了,和quill一样可以通过注册组件来扩展功能。不过quill目前的release版本是1.3.6,vue-quill-editor依赖的是1.3.4 部分扩展组建用起来可能会有隐藏的bug。如果想深入了解推荐看1.3.4版本的quill。目前的版本改动较大。不过,这款编辑器和quill一样,对table的支持不太友好。扩展quilljs-table有蛮多bug,全选删除会留下一行表格,怎么都删不掉,该起来源代码也不那么容易。如果需要用到table功能,不建议使用quill系列的编辑器。


node generate pdf solutions(pdf 解决方案)

当当当,今天分享下如何生成pfd一个高效的解决方案。在管理系统中,我们需要将页面的内容打印 PDF 和 excel。HTML 打印 PDF 有很多方法,比如先将页面转换成canvas,然后打印canvas等。今天我们介绍2个 npm包,来帮助我们打印出来我们想要的PDF。其实打印pdf这个事儿主要工作在后端,众所周知前端能够做的东西有限,有限,,,

思路

1.在页面上点击打印,把需要打印的内容传送给后台

2.在后端生成对应页面的template(或者是先生成好的)

3.向template中填充前端传来的数据

关于windows系统滚动条占位置的相关总结

这是一个很蛋疼的问题,在window下会出现table出现滚动条,且把table-content的内容挤歪了,,,和浏览器无关,这个和操作系统有关系。网上有一些解决方案。在此不一一列举,或者写死columns的宽度,或者把滚动条width设置为0。不同的场景,需要调整的样式不同,所以在此仅总结相关知识。

1.判断window系统

这个window对象通常我们都 navigator.userAgent 用来判断浏览器类型,例如

//IE浏览器

if (userAgent.indexOf('NET') != -1 && userAgent.indexOf("rv") != -1) {

isIE = true;

/*broName = 'IE浏览器'; */

strStart = userAgent.indexOf('rv');

strStop = userAgent.indexOf(')');

temp = userAgent.substring(strStart, strStop);

broName = temp.replace('rv', 'IE').replace(':', '版本号');

}

koa-static静态文件

一直很想学后端技术,就是不知道如何提起兴趣,找到一个突破点。一日突然想从npm包和 koa 的中间件着手学习后端,看下后端同学思考和关心的点是什么。于是我就从npm包和中间件入手,来扒一扒后端的知识。Koa 是目前很火的 nodejs 框架,使用起来快捷方便。 如果懒的一点点窜架构,可以直接用 koa-generator脚手架很快就能搞到一个简易的框架。

1.全局安装 koa-generator
npm install -g koa-generator
2. 生成框架
koa2 /yourFolder
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×