24 天前 / Fundebug
也许你有听过一个问题，你这款 web 应用性能怎么样呀？你会回答什么呢？是否会优于海量 web 应用市场呢？本文就来整理下如何进行 web 性能监控？包括我们需要监控的指标、监控的分类、performance 分析以及如何监控。但是，如何进行 web 性能监控本身是一个很大的话题，文中只会侧重一部分进行研究，某些内容不是很全面。 前言：为什么需要监控？web 的性能一定程度上影响了用户留存率，Google DoubleClick 研究表明：如果一个移动端页面加载时长超过 3 秒，用户就会放弃而离开。BBC 发现网页加载时长每增加 1 秒，用户就会流失 10%。 我们希望通......
34 天前 / DuQi_NKU
本文阅读时间大约8分钟。 1. WebSocket简介WebSocekt协议诞生于2008年，在2011年成为国际标准，目前所有的浏览器都已经支持WebSocket协议了。WebSocket协议属于服务器推送技术的一种，它最大的特点就是可以实现服务端和客户端的双向通信。 WebSocket协议和HTTP协议一样，也是在TCP协议层之上的应用层协议，刚接触WebSocket协议的人通常会有个疑问：都有HTTP这个应用层协议了，为啥还要再搞出一个WebSocket协议？ 事实上，HTTP是无状态的，并且只能支持单向通信，即都是浏览器向服务端发送HTTP请求，然后得到一个响应。 在实际应用中，还......
40 天前 / 静逸秋水
这应该是目前写的最为完整的关于 Web 视频播放的文章。从简单的 Video 元素到 MSE 直播的应用，作者给出了具体的代码，文章由浅入深，普及现代 Web 播放技术的前前后后。五星推荐阅读。 @Paul Berberian 原文地址: https://medium.com/canal-tech/how-video-streaming-works-on-the-web-an-introduction-7919739f7e1 注意：本文是JavaScript视频流的介绍，主要针对Web开发人员。这里的大部分示例都使用HTML和现代JavaScript（ES6）。如果您对它们还不够熟悉，那么您可能会发现很难继续学习，尤其是代码示例。 原生视频 API从2000年代初期到后期......
42 天前 / 涂伟忠2018
本文节选自书籍《Django开发从入门到实践》第二章。 本节列出这么多内容不是为了打击初学者的信心，而是让大家在学习过程中有一个清晰的脉络，如果想在Web后端开发这条路上走得更远，需要修炼好自己的内功，这些基础知识是非常重要的。 前端知识 最好能了解一些前端知识（HTML，CSS，JavaScript等）。但在一些分工非常明确的公司，有些开发人员只做后端开发，不懂前端的知识也是可以的，这时需要前后端的开发人员进行配合。毫无疑问，前端开发人员掌握一些后端的知识或者后端开发人员了解一些前端的知识，能使项目联调过程更顺畅、效率更高......
44 天前 / 冷星1024
编者按：本文作者Berwin，W3C性能工作组成员，360导航资深前端工程师。《深入浅出Vue.js》作者。 测量与排查网页的性能瓶颈，是一名专业Web性能优化者的基本功。本章将详细介绍Web性能领域的一些专业术语，通过这些术语也可以侧面了解是哪些因素在影响加载性能。 背景衡量网页的性能是一个比较琐碎的事情，因为没有某一个指标或数字可以直接告诉我们网页的性能怎样，因为加载网页不是一瞬间的事，准确地说，它是一个过程，不存在某个单独的 “时间点” 可以完全体现出网页的性能，因为在网页加载的过程中，有很多个比较关键的 “时间点” 可以影......
47 天前 / 楼外青山
项目背景春天的时候花椒做了一个创新项目， 这是一个直播综艺节目的项目，前端的工作主要是做出一个PC主站点，在这个站点中的首页需要一个播放器， 既能播放FLV直播视频流，还要在用户点击视频回顾按钮的时候， 弹出窗口播放HLS视频流；我们开始开发这个播放器的时候也没有多想， 直接使用了大家都能想到的 最简单的套路，flv.js和hls.js一起用！在播放视频时，调用中间件video.js来输出的Player来实现播放，这个Player根据视频地址的结尾字符来初始化播放器：new HLS 或者 flvjs.createPlayer， 对外提供一致的接口，对HLS.js和FLV.js创建的播......
47 天前 / 读芯术
全文共4545字，预计学习时长13分钟 图源：Unsplash 想象一下，你正安逸地躺在家里刷公众号，突然，你的手机嘀嘀嘀，一笔又一笔巨款从你的卡里不翼而飞，急得你惊起直跺脚，咋回事啊？！ 突然你想到了刚刚在“读芯术”看到的有关“JSON Web Token”的文章。 你恍然大悟，哦~原来是有人伪造token来冒充自己登录银行网站取款呀，原来如此。 弄明白，安心了……个鬼，赶紧报警啊。 接下来，小芯就带你看看这篇JWT的文章，共同探讨使用JWT（和一般的基于签名的token）的安全隐患，以及攻击者利用这些隐患绕过访问......
50 天前 / 涯之叶
安全行业的技术人员大多数都是从 web 安全学起的，一路走来成为大佬之后也会建议初学者先学习 web 安全，那么为什么会出现这样的情况呢？ 我认为一方面是因为前些年，互联网时代爆发，大量的 web 应用出现在大众视野，由于发展速度极快加上安全意识不足，导致大量存在安全问题的应用上线，web 安全问题大量涌现，这一批的安全从业人员都是从黑站开始自己的安全职业生涯。 后面又出现了移动互联网时代、5 G 时代、IOT 时代，安全问题的主体发生了变化，大家也越来越感觉到 web 安全问题越来越少，做渗透测试的人员，挖到漏洞的数量越来越少，工作......
56 天前 / 37丫37
欠下的债迟早是要还的，查文档，重验证，出结果，不误导 文章勘误在上一篇文章Asciinema：你的所有操作都将被录制中有两个地方表述有错误或瑕疵，这里更正一下 第一个地方为录制时的参数--stdin，参数的意思是启用标准输入录制，原文中说看不到效果，可能官方还未支持，实际上官方已经支持了，且查看录制文件内容时可以看到区别，以下两个对比的例子来说明 例一：执行下方的命令进行录制，录制开始之后执行ssh命令输入密码连接另一台主机 asciinemarecops-coffee.cast 执行asciinema cat命令查看执行命令 #asciinemacatops-coffee.cast root......
63 天前 / yiHui
本篇可以归纳在性能调优篇，虽然内容非常简单，但效果可能出乎预料的好； 分享一个真实案例，我们的服务部署在海外，国内访问时访问服务时，响应有点夸张；某些返回数据比较大的接口，耗时在 600ms+上，然而我们的服务 rt 却是在 20ms 以下，绝大部分的开销都花在了网络传输上 针对这样的场景，除了买云服务商的网络通道之外，另外一个直观的想法就是减少数据包的大小，直接在 nginx 层配置 gzip 压缩是一个方案，本文主要介绍下，SpringBoot 如何开启 gzip 压缩 I. gizp 压缩配置 1. 配置SpringBoot 默认是不开启 gzip 压缩的，需要我们手动......
65 天前 / ytao
前言WebSocket 是HTML5开始提供的一种在浏览器和服务器间进行全双工通信的协议。目前很多没有使用WebSocket进行客户端服务端实时通信的web应用，大多使用设置规则时间的轮询，或者使用长轮询较多来处理消息的实时推送。这样势必会较大程度浪费服务器和带宽资源，而我们现在要讲的WebSocket正是来解决该问题而出现，使得B/S架构的应用拥有C/S架构一样的实时通信能力。 HTTP和WebSocket比较HTTPHTTP协议是半双工协议，也就是说在同一时间点只能处理一个方向的数据传输，同时HTTP消息也是过于庞大，里面包含大量消息头数据，真正在消息处理中很多数......
69 天前 / vivo互联网技术
vivo web service是开发团队围绕奇点内核打造出的基于vivo手机平台的web服务引擎，该服务引擎从浏览器产品线中经过多年迭代而出。除了提供可靠的基础Web服务，服务引擎还集成了非常强大的扩展功能。本文从架构方面对该服务引擎进行一次简单剖析，帮助读者对vivo web service有一个整体了解。 1. 奇点内核 在多年的浏览器开发工作中，开发团队逐渐迭代出一款有竞争力的内核产品–奇点内核。从架构上讲奇点内核已经不是一款单纯的系统 WebView 替代产品，它集成了丰富的扩展功能，同时具备高性能、稳定性强的特点。 奇点内核架构示意......
82 天前 / Mohuishou
不知道大家在使用 Gorm 的时候，是否有遇到过复杂类型 ( map, struct…) 如何映射到数据库的字段上的问题？ 本文分别介绍通过实现通用接口和 Hook 的方式绑定复杂的数据类型。 一、GORM 模型定义123456789101112type User struct { gorm.Model Name string Age sql.NullInt64 Birthday *time.Time Email string `gorm:"type:varchar(100);unique_index"` Role string `gorm:"size:255"` // 设置字段大小为255 MemberNumber *string `gorm:"unique;not null"` // 设置会员号（member number）唯一并......