chixing1271-优快云博客

转载如何编写快速，高效的JavaScript

https://www.smashingmagazine.com/2012/11/writing-fast-memory-efficient-javascript/ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memo...

2017-04-24 21:53:00 113

转载使用 Web Workers

使用 WebWorkers 在本文章中 Web Workers API 关于线程安全生成 worker 传递数据传递数据的例子例子 #1：创建一个通用的「异步eval()」例子 #2：传输 JSON 的...

2017-04-24 17:17:00 311

转载 “布局边界”

引入“布局边界” “布局”是浏览器在开始绘制像素之前计算文档中每个元素的位置和大小的过程。布局的过程可能是昂贵的，特别是在低功耗移动设备上。作为周到的前端开发人员，我们的工作是将布局保持在最低限度，以确保我们的应用保持畅通。尽管如此，布局必须完成。DOM结构更改，元素的尺寸或位置的...

2017-04-24 13:17:00 855

转载 TCP的构建块

高性能浏览器网络|O'Reilly TCP的构建块介绍三通握手拥塞避免与控制流量控制慢启动拥塞避免带宽延迟产品线路封锁优化TCP 调整服务器配置调整应用程序行为性能检查表目录关于作者提...

2017-04-23 19:57:00 291

转载高性能浏览器网络

hpbn.co 高性能浏览器网络 ©ILYA GRIGORIK 性能是一个功能。本书提供了每个Web开发人员需要了解的各种类型的网络（WiFi，3G / 4G），传输协议（UDP，TCP和TLS），应用协议（HTTP / 1.1，HTTP / 2）和浏览器中可用的API（XHR，We...

2017-04-23 19:56:00 284

转载浏览器预加载器如何使页面加载更快

浏览器预加载器如何使页面加载更快 2013年10月22日预加载器（也称为推测式或预先预分析器）可能是浏览器性能的最大改进。在实施过程中，Mozilla报告说，加载时间有19％的改善，而对Alexa来说，前两千个站点的测试发现，Google发现约有20％的改进。这不是一个新的浏...

2017-04-23 18:56:00 2265

转载分析关键渲染路径性能

分析关键渲染路径性能 ByIlyaGrigorik Ilya is a Developer Advocate and Web Perf Guru 发现和解决关键渲染路径性能瓶颈需要充分了解常见的陷阱。让我们踏上实践之旅，找出常见的性能模式，从而帮助您优化网页。优化关键渲染...

2017-04-23 18:36:00 91

转载优化关键渲染路径

优化关键渲染路径 ByIlyaGrigorik Ilya is a Developer Advocate and Web Perf Guru 为尽快完成首次渲染，我们需要最大限度减小以下三种可变因素：关键资源的数量。关键路径长度。关键字节的数量。 ...

2017-04-23 18:30:00 129

转载响应用户界面

响应用户界面 ByPeteLePage Pete is a Developer Advocate Translated By: ByHenryLim Co-Organizer @ GDG Kuala Lumpur 创建灵活设计，而不是固定的设计,布局。并且能够在任...

2017-04-23 17:10:00 196

转载图像优化

图像优化注：提示：HTML5 Boilerplate 项目包含所有最流行服务器的配置文件样例，其中为每个配置标志和设置都提供了详细的注解。在列表中找到您喜爱的服务器，查找合适的设置，然后复制/确认您的服务器配置了推荐的设置。 (https://developers.google.com...

2017-04-23 16:50:00 1549

转载 HTTP 缓存

HTTP 缓存 https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching ByIlyaGrigorik Ilya is a Deve...

2017-04-23 16:40:00 91

转载优化基于文本的资产的编码和传送大小

优化基于文本的资产的编码和传送大小 ByIlyaGrigorik Ilya is a Developer Advocate and Web Perf Guru 除了避免不必要的资源下载，在提高网页加载速度上您可以采取的最有效措施就是，通过优化和压缩其余资源来最大限度减小总下载大...

2017-04-23 16:35:00 122

转载 udacity 前端进阶项目1 过河游戏

app.js //禁止浏览器滚动条出现，避免在整个游戏未显示完全情况下操作键盘上下左右键出现滚动的情况！ document.body.style.overflow='hidden'; //定义创建积分函数 function createScore(){ ...

2017-04-23 13:01:00 159

转载瀑布流布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>瀑布流</title> <style> *{margi...

2017-04-07 20:21:00 107

转载一个页面布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...

2017-04-07 20:20:00 331

转载小蜜蜂游戏（图片没有上传）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小蜜蜂游戏</title> <style> *{ma...

2017-04-07 20:18:00 159

转载彩色泡泡图

ctx.globalAlpha=0.75; ctx.globalCompositeOperation="lighter"; for (var i = 0; i < 300; i++) { var R=Math.floor(Math.random()*255), G...

2017-03-29 14:58:00 152

转载 canvas绘制圆角矩形

var canvas=document.getElementById("canvas"); var ctx=canvas.getContext("2d"); canvas.width=800; canvas.height=800; //绘制圆角矩形路径 function pathRound...

2017-03-29 11:46:00 470

转载时钟--自学时跟学练习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="htt...

2017-03-28 20:02:00 109

chixing1271的博客