首页
学习
活动
专区
工具
TVP
发布

性能与架构

专栏作者
597
文章
1145914
阅读量
116
订阅数
​17 款程序员神级 Chrome 插件,爱了爱了!
下载链接:https://www.chajianxw.com/themes/18893.html
dys
2021-12-09
6610
用 Docker 搭建高可用 MySQL 集群玩玩儿!
4、创建五个数据卷(pxc无法直接存取宿组机的数据,所以创建五个docker数据卷)
dys
2021-09-09
1.3K0
3种基础的 REST 安全机制
安全是 RESTful web service 的基石,我们主要讨论以下3种主要的方法:
dys
2019-12-30
6390
iptables示例:限制来自某一IP的并发访问
下面模拟一个iptables的应用场景 场景描述 有两台机器 A 和 B A 上运行WEB服务,B 向 A 发送大量请求 A 想限制 B 的并发数量,通过 iptables 配置实现: 当 B 发送的并发数大于10时,拒绝对其提供服务 模拟过程 A 的 IP:192.168.31.158 B 的 IP:192.168.31.207 B 上执行 ab 命令,模拟大量请求 ab -n 10000 -c 20 http://192.168.31.158/test.html 完成后,到 A 中查看负载状况,执行 w
dys
2018-04-03
1.4K0
腾讯开源的非常小巧的JS手势库
腾讯前端团队前几天在Github上发布了一个JS手势库 AlloyFinger 极其小巧,只有几K,但功能很全面,支持缩放、旋转、拖拽、单击、双击、滑动、长按 而且除了Dom对象外,还可以监听Canvas内元素的手势 在腾讯内部的应用已经非常广泛,例如 QQ群、QQ动漫、AlloyTeam 等团队和项目 官方示例 http://alloyteam.github.io/AlloyFinger/ 代码示例 实现对一个图片的移动和缩放 <!DOCTYPE html> <html> <head> <
dys
2018-04-03
3.3K0
高性能流水线页面技术 BigPipe
网站速度是Facebook的重要目标,2009年,Facebook成功的使网站快了两倍,工程师团队为此做了多项创新,BigPipe就是其中的一个秘密武器 BigPipe重新设计了动态网页服务体系,大体
dys
2018-04-03
1.3K0
前端工程 - 静态资源的更新
示例 <html> <head> <link href='a.css' type='text/css'/> <script src="b.js"></script> ... </head> ... </html> 这个页面引用了2个静态资源: a.css、b.js 随着产品的不断发展,简单的静态资源更新也就不再简单 阶段一 产品初期,访问量不大,网络带宽充足,每次用户访问都重新加载静态资源也很快 这种情况下,静态资源的升级就非常简单,用新的文件直接覆盖线上文件即可 阶段二
dys
2018-04-03
1.3K0
影子(Shadow) DOM
什么是 Shadow DOM? Shadow DOM 是一个革命性的新技术,先来看下他是什么样子的 以<video>标签为例非常适合,例如 <video controls autoplay name="media"> <source id="mp4" src="http://xxx.mp4" type="video/mp4"> </video> 用开发者工具查看DOM结构时,就是一个 video 节点,但视频播放器本身有播放/暂停按钮、进度条等按钮,DOM源码这么干净,那实现这些组件的代码是从哪
dys
2018-04-03
1.3K0
CSS选择器是如何确定优先级的?
先看下面的示例 <div id="content"> <p id="title">Hello world</p> </div> 有如下的2个css选择器 #title { color: red; } #content p { color: blue; } 他们都是设置 p 标签内字体的颜色,哪个会生效呢? 这就涉及到了css选择器优先级的积分规则 css为选择器设置了4个级别,值从左到右,左面的最大,一级大于一级,数位之间没有进制,级别之间不可超越 可以把它看成一个4位数:0.0.0.0,数值越大的
dys
2018-04-03
1.1K0
nginx 设置资源过期时间
例如我们现在有一个静态资源 s.css page.html 中引用了 s.css 访问page.html,通过firebug查看网络请求,会看到发送了2个网络请求,正常返回200状态 由于浏览器有默认
dys
2018-04-02
2.8K0
浏览器如何完成网页渲染?
image.png 渲染流程 (1)把HTML代码形成文档对象模型DOM (2)加载并解析样式文件,形成CSS对象模型 (3)在DOM和CSS对象模型基础上,把可见元素组织成一棵渲染树,树上的每一个渲染对象都是对应的DOM对象及其计算过的样式,渲染树就是一个DOM的直观展现,这个过程可以理解为定义每个对象的样子 (4)对渲染树上的每个对象计算坐标,这个过程可以理解为定义每个对象的位置 (5)渲染树上的元素最终展示在浏览器里,这一过程称为“painting” 重绘 Repaint 当改变那些不会影响元素在网页
dys
2018-04-02
1.3K0
HAProxy 配置负载均衡
image.png 准备条件 1. 安装好HAProxy 2. 启动两个web应用服务器,这里启动了两个nginx nginx1 端口 8080 nginx2 端口 8081 都有一个页面 test.html,显示的内容不同,nginx1 里的test.html显示 1,nginx2 里的test.html显示 2 目标 配置HAProxy做为前端的负载均衡服务器,通过HAProxy访问test.html,动态指向nginx1或nginx2,页面显示 1 或 2,多次刷新页面,应看到不同输出 配置文件 在
dys
2018-04-02
1.4K0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档