摘要: 本文使用到nextjs@10作为项目开发,使用lru-cache插件作为直出结果缓存工具。本文所述的ssr缓存效果可以在猎豹影院看到。 如果大家只想知道如何实现,可以直接跳到最后看实现源码,当然如果大家想知道nextjs直出缓存的相关细节可以以此往下阅读。 getInitialProps or ge 阅读全文
posted @ 2021-06-11 18:11 duan777 阅读(1203) 评论(1) 推荐(1) 编辑
摘要: JWT是toke的一种形式。主要由header(头部)、payload(载荷)、signature(签名)这三部分字符串组成,这三部分使用"."进行连接,完整的一条JWT值为${header}.${payload}.${signature},例如下面使用"."进行连接的字符串: eyJhbGciOi 阅读全文
posted @ 2021-03-01 17:20 duan777 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 本文主要过下http生成服务和处理请求的主要流程,其他功能并未涉及。 使用例子 const http = require('http'); http.createServer((req, res) => { res.end('hello word'); }).listen(8080); 例子中从生成 阅读全文
posted @ 2021-02-24 17:12 duan777 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 使用例子 为了让node应用能够在多核服务器中提高性能,node提供cluster API,用于创建多个工作进程,然后由这些工作进程并行处理请求。 // master.js const cluster = require('cluster'); const cpusLen = require('os 阅读全文
posted @ 2021-01-29 16:46 duan777 阅读(414) 评论(0) 推荐(0) 编辑
摘要: Content Security Policy(内容安全策略,简称csp)用于检测并阻止网页加载非法资源的安全策略,可以减轻xss攻击带来的危害和数据注入等攻击。本文讲述的内容主要有如何使用csp和业务接入csp流程这两部分。 简介 csp主要工作是定义一套页面资源加载白名单规则,浏览器使用csp规 阅读全文
posted @ 2020-09-03 19:41 duan777 阅读(1000) 评论(0) 推荐(0) 编辑
摘要: 浏览器允许业务服务向用户客户端推送消息,客户端收到推送消息后以通知的形式展示出来。业务运营人员可以通过这项功能定向给用户推送推荐消息或者重要通知,用于提升用户留存和用户使用时长。 下文demo全部代码可以在news-push-example中看到。 简述 消息推送效果如下(当用户没有打开业务网站时, 阅读全文
posted @ 2020-07-27 10:08 duan777 阅读(1742) 评论(0) 推荐(1) 编辑
摘要: 下面将介绍nginx开源版内置的4种负载均衡策略和2种三方负载均衡策略,他们分别是: "轮询" "最少连接数" "ip_hash" "hash" "fair" "consistent_hash" 本文只是展示了部分nginx实现负载均衡时可以使用的策略模块,另外在nginx商业版中还存在其他内置的策 阅读全文
posted @ 2020-03-28 11:06 duan777 阅读(897) 评论(1) 推荐(0) 编辑
摘要: 前言 目前视频播放平台弹幕几乎都是使用js操作dom的方式实现,由于篇幅的原因这次只展示js操作dom的实现方案。 下文代码展示使用的是react 16.2版本库。 大家可以在npm中安装 "page construct template_component_barrage" 这个插件来直接使用。 阅读全文
posted @ 2020-03-28 10:42 duan777 阅读(415) 评论(0) 推荐(1) 编辑
摘要: 编写本文时,使用的nginx版本为nginx/1.17.9和nginx/1.16.1 路由匹配规则 location路由匹配的大致规则: 如果大家对这块内容比较熟悉了,可以直接到 "优先级疑惑点" 这里看一个比较奇怪的匹配逻辑。 精确匹配(=) location配置的path和客户端请求的path完 阅读全文
posted @ 2020-03-27 18:37 duan777 阅读(2701) 评论(0) 推荐(3) 编辑
摘要: 我们在平常做项目的时候,float这个css属性经常会用到。元素浮动会让元素脱离文档流,从而不能撑开父级的内容。今天我将展示常见的清除浮动的方法。 什么是浮动 浮动元素 脱离文档流 并且向左或者向右移动,直到浮动元素的边缘碰到父级框或者另一个浮动元素的边框为止。 浮动的影响 浮动元素会使得父级元素高 阅读全文
posted @ 2018-05-02 19:55 duan777 阅读(286) 评论(0) 推荐(1) 编辑