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

性能与架构

专栏成员
597
文章
1191837
阅读量
116
订阅数
网站 cache control 最佳实践
通常,是因为 cache control 缓存控制策略定义不正确,导致服务端最新部署之后客户端没有接收到最新的更改。
dys
2020-02-12
1.4K0
架构图解
用户点击链接后,浏览器首先会去请求 DNS 服务器(图中的【1】),获得网站的 IP 地址,然后通过 IP 请求网站。
dys
2020-02-12
1.7K0
为什么前端工程师越来越值钱?
前端工程师行情 下面是猎聘和拉勾上北京的前端工程师招聘信息截图 行情是不是很不错 为什么值钱? 因为现在的前端开发工程师需要的技能越来越多了 我所接触的程序员中,有不少对前端开发不重视,认为没啥技术含
dys
2018-04-04
7030
2016前端开发者调查结果
最流行的JS库和框架 主要看绿色柱和橙色柱即可,绿色 相当于 知名度,橙色 相当于 使用程度。 使用最多的库和框架: jquery,underscore,lodash,angular1,react 他
dys
2018-04-04
7790
高性能流水线页面技术 BigPipe
网站速度是Facebook的重要目标,2009年,Facebook成功的使网站快了两倍,工程师团队为此做了多项创新,BigPipe就是其中的一个秘密武器 BigPipe重新设计了动态网页服务体系,大体
dys
2018-04-03
1.4K0
腾讯前端首屏优化案例
下面是对腾讯前端团队优化手Q一个页面案例的总结 优化目标页面:手Q群成员分布的页面 左面是首屏,右面是下拉后到底部 这个页面中,可以划分成四个部份:活跃群成员、男女比例、省市分布、年龄 将前三个
dys
2018-04-03
1.1K0
前端性能优化的常用方法
下面是一些提高网页访问速度的常用方法: (1)合并压缩JS/CSS (2)使用CSS sprites (3)避免使用CSS表达式 (4)精简HTML CSS JS代码大小 (5)避免JS的复杂计算和DOM操作,减少页面的重绘重排 (6)JS尽量放到页面底部 (7)合并AJAX请求 (8)TAB页异步或延迟加载 (9)非关键图片尽量延迟加载,如头像 (10)压缩图片质量 (11)设置较长的客户端缓存过期时间 (12)设置GZIP压缩 (13)cookie隔离 (14)适当使用多域名增加并行加载 (15)重点优
dys
2018-04-03
6270
前端工程 - 静态资源的更新
示例 <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
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
Web前端开发技术栈
前端领域的发展非常迅猛,大前端的时代到来了,据说每隔12-24个月,前端的难度将增加一倍,从下面的技术栈就可以看出前端领域的丰富度和复杂度 核心概念 HTML |-- DOM |-- Element |-- Attribute JavaScript |-- 原型 Prototype |-- 作用域 Scope |-- 闭包 Closure |-- JSON |-- AJAX CSS |-- 选择器 Selector |-- 优先级 |-- 特性 Specificity |-- 盒子模型 渲染引擎 |-- T
dys
2018-04-03
1.9K0
nginx 设置资源过期时间
例如我们现在有一个静态资源 s.css page.html 中引用了 s.css 访问page.html,通过firebug查看网络请求,会看到发送了2个网络请求,正常返回200状态 由于浏览器有默认
dys
2018-04-02
2.9K0
前端构建工具grunt
grunt是什么 grunt是目前非常流行的前端构建工具,支持自定义插件,有丰富的插件帮助我们完成构建任务 自动化完成我们指定的任务,例如压缩、编译、单元测试、linting等 前端为什么需要构建工具 先看下前端的开发场景 小项目中,css文件和js文件并不多,前端部分是很轻的,几乎不需要我们特别的关注 而在一个大项目中,css文件和js文件的数量会达到几十个上百个,一个页面中会引用很多css和js文件,js的开发方式也已经模块化,不再像之前那样 经常把很多函数写在一个文件中,css的开发开始使用SAS
dys
2018-04-02
1.1K0
CSS选择器的性能优化
CSS选择器的性能排名(从最快者开始): (1)识别器:#id (2)类:.class (3)标签:div (4)相邻兄弟选择器:a + i (5)父类选择器:ul> li (6)通用选择器:* (7)属性选择:input[type="text"] (8)伪类和伪元素:a:hover 应该记住,浏览器在处理选择器时依照 从右到左的原则,因此最右端的选择器应该是最快的 div * {...} // bad .list li {...} // bad .list-item {...} // good #list
dys
2018-04-02
1.1K0
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档