04 2017 档案

响应式布局
摘要：http://www.runoob.com/css/css-rwd-viewport.html http://www.cnblogs.com/2050/p/3877280.html https://classroom.udacity.com/courses/ud893/lessons/3533879 阅读全文
posted @ 2017-04-20 18:56 wling 阅读(229) 评论(0) 推荐(0)
javascript 设计模式
摘要：模板 http://files.cnblogs.com/files/wlinglinux/pizza-template.js mvc http://files.cnblogs.com/files/wlinglinux/app.js 重构是使其更容易阅读，更容易维护，但是不改变其功能。也就是说，可能需 阅读全文
posted @ 2017-04-17 17:24 wling 阅读(165) 评论(0) 推荐(0)
浏览器渲染优化4(styles and layout)
摘要：你已经学会了查找和解决问题。希望你的js能正常运行了，但这只是制作帧的一小部分。在这节课里，你将处理样式，也就是像开发工具里标记的那样，重新计算样式。学完这节课后，你将学会从样式计算过程中找到性能问题并学会解决这些问题。请记住，对于我们将要介绍的问题，经常可能是由js触发的，但并不一定是js的问题， 阅读全文
posted @ 2017-04-16 15:58 wling 阅读(614) 评论(0) 推荐(0)
浏览器渲染优化3
摘要：我们之前已经学到并非所有样式更改都是对等的，某些会触发布局，绘制和渲染层合成流程，某些只会触发绘制和渲染层合成流程，而某些仅触发渲染层合成流程，在这节课里，你将学习如何优化渲染管道的最后两个阶段，及绘制和渲染层合成。如果你想详细了解样式是如何影响到渲染管道的，请看https://csstrigger 阅读全文
posted @ 2017-04-16 10:51 wling 阅读(199) 评论(0) 推荐(0)
网站性能优化（website performance optimization）2
摘要：我们先研究下构建渲染树前的几个步骤：也就是DOM和CSSOM，通常这些步骤的效果最差使你的网页呈现速度非常慢，我们是讨论尽可能快的将HTML流式传输给客户端，使浏览器能够开始构建DOM，还有其他注意事项吗？有一个HTML的尺寸呢？我想应该尽可能小，我们来看看实现这一目的一些策略，假设我想要优化这个H 阅读全文
posted @ 2017-04-13 18:17 wling 阅读(265) 评论(0) 推荐(0)
网站性能优化（website performance optimization）
摘要：提高代码运行速度，或许我们从来没有优化这些页面来提高速度 想要开发优秀的网站，你必须了解你的用户，知道他们想要达到什么目的，同时还要明白浏览器的工作原理，从而能够打造快速良好的体验，我最近在PageSpeed Insights 中运行了我的网页，得分最低，该工具给出了一些建议，但是我不太明白，例如如 阅读全文
posted @ 2017-04-12 15:11 wling 阅读(653) 评论(0) 推荐(0)
浏览器渲染优化2
摘要：我们已经做好获得良好性能的准备了，你明白为何我们力求达到60帧/秒的目标，创建帧涉及哪些内容，并且知道更改属性，会以不同的方式影响到性能。在应用的生命周期的某些阶段问题更大，你需要把时间和经历投入到用户最关心的领域。 我们第一节课学习了html，css，js来渲染像素，理解这一流程是优化应用性能的关 阅读全文
posted @ 2017-04-12 14:43 wling 阅读(274) 评论(0) 推荐(0)