前端学习
静和澜漪
前端技术学习、总结
展开
-
前端性能优化方法总结
前端性能优化(一)前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2. 从服务商角度而言,优化能够减少页面请求数、或者减小转载 2017-03-20 10:25:37 · 76913 阅读 · 1 评论 -
前端性能优化----yahoo前端性能团队总结的35条黄金定律
除了自己总结:1. 减少http请求,2.压缩并优化js/css/image 3.尽量静态页面,从简原则 4.代码规范(详见:个人知识体系思维导图)从yahoo 新学到的: 网页内容减少http请求次数80%的响应时间花在下载网页内容(images, stylesheets, javascripts, scripts, flash等)。减少请求次数是缩短响应时间的关键!可以转载 2017-03-20 10:52:29 · 8373 阅读 · 0 评论 -
前端性能优化总结(三)
过境迁,Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用,看看哪些可以用来改善延迟,渲染时间以及整体性能吧!更快的 Web 应用优化 Web 应用是一项费劲的工作。Web 应用不仅处于客户端和服务器端的两部分组件当中,通常来说也是由多种多样的技术栈构建而成:数据库,后端组件(一般也是搭建在不同技术架构之上的),以及前端(HTML转载 2017-03-20 10:55:24 · 4960 阅读 · 0 评论 -
【折腾不止】前端工程与性能优化
作为开发,不仅仅是前端,优化总是你绕不开的事,我们的目标就是要产品变得更快。优化的对象不仅仅指产品本身,还有我们日常的开发流程。从加入团队到现在,大概有一半左右的时间花在了优化上,期间遇到了很多问题,回过头看,优化这件事情并不是那么简单,也是些很琐碎的事情,要打造一个无痛的开发流程,并且能够相对轻松的对产品持续优化真的不轻松。没有银弹,任何项目都要花很多时间和精力。但任何值得改善的地方能够有所提升转载 2017-03-20 11:07:12 · 333 阅读 · 0 评论 -
前端性能优化
一、最最基本的CSS顶部, JS底部YUI compressor/GzipCDN 有必要的CSS SpriteAjax可缓存二、CSS渲染、页面重绘以及回流尽量避免类似.a.b{}.list a{}以及其他一些复杂选择器,以提高整站整体CSS渲染。避免某些expression表达式,避免IE6的AlphaImageLoader png透明滤镜,可以试试使用firewor转载 2017-03-20 11:32:39 · 694 阅读 · 0 评论 -
MVC、MVP、MVVM-作者: 阮一峰
MVC(Model-View-Controller)是最常见的软件架构之一,业界有着广泛应用。它本身很容易理解,但是要讲清楚,它与衍生的 MVP 和 MVVM 架构的区别就不容易了。昨天晚上,我读了《Scaling Isomorphic Javascript Code》,突然意识到,它们的区别非常简单。我用几段话,就可以说清。(题图:摄于瓦伦西亚,西班牙,2014年8月)一、MVC转载 2017-03-20 11:41:37 · 1545 阅读 · 0 评论 -
Web Design数据库:最新2017响应式设计断点数值与代码段参考
相信很多网页设计师,对响应式设计还存在很多迷惑。设计稿尺寸?分辨率?CSS样式?等等,这是很正常的,网页发展迅速,电子设备层出不穷,造成了设计工作量大增。一会儿你要兼容PC,一会儿要兼容安卓,一会儿要兼容苹果,一会要兼容平板,一会要兼容智能手表,感觉人都要崩溃了。然而,事实确实如此,单纯的网页界面设计,我们无需考虑太过复杂的响应式,因为响应式靠的还是前端工程师嘛!但是我们可不能忽略这个,如果你是一转载 2018-01-15 11:45:01 · 372 阅读 · 0 评论 -
Ajax学习笔记
一、Ajax发音a杰克斯二、http状态码:xmlhttp.status的值及解释:1xx:信息响应类,表示接收到请求并且继续处理2xx:处理成功响应类,表示动作被成功接收、理解和接受3xx:重定向响应类,为了完成指定的动作,必须接受进一步处理4xx:客户端错误,客户请求包含语法错误或者是不能正确执行5xx:服务端错误,服务器不能正确执行一个正确的请求xmlhttp.readyState==4 &...原创 2018-06-14 09:14:05 · 265 阅读 · 0 评论 -
vue.js之生命周期钩子
beforeCreate在实例初始化前被触发created会在实例初始化之后、被添加到DOM之前触发beforeMount会在元素已经准备好被添加到DOM,但还没有添加的时候触发mounted会在元素创建后触发(但不一定已经添加到了DOM,可以用nextTick来保证这一点)beforeUpdate会在由于数据更新将要对DOM做一些更改时触发updated会在DOM的更改已经完...原创 2019-09-10 13:09:52 · 182 阅读 · 0 评论