随笔分类 - 前端思想
摘要：上周，我参加了公司的一门课程《网站性能优化》，讲师提出了一个问题：一张图片优化后减少5K，1年内可以大概省下多少宽带成本呢？非常好奇，仔细听完讲师分析，计算出来的数据让小伙伴们都惊呆了，仅仅5K，看起来真的没什么，一年内大概节省540元~1440元，这说明一个问题，用户数庞大的网站中，一点优化可能会带来巨大的带宽成本节省，表现出价值是特别高的，不容忽视小小优化带来的意义。相信很多同学也好奇这个数据是怎么计算的，公司的内部数据不好透露，给大家重新举个例子：这个例子只是图片的优化，对于实际工作中，还有很多节省宽带成本的方法，如果要去算，那这个影响会放大10倍，100倍甚至是1000倍以上的数量级。
阅读全文
摘要：如何优化网页加载速度是每个前端开发工程师需要了解的，也是前端开发工程师需要具备的基本条件。优化网站加载速度的原理主要是减少网站文件的大小，减少HTTP请求数。网站文件越小，浏览器加载页面会比较轻松，打开页面的速度也会提升；一个HTTP请求，对页面打开速度造成的延时大概是0.01秒，HTTP的请求数越多，网站打开的速度就会越慢。那么如何减少网站文件的大小，减少HTTP请求数呢？笔者做前端(重构方向)有2年多了，这里分享3项优化网站加载速度的方法，希望能给有需要的同学以及刚接触前端的初学者带来帮助~comm on！一起来优化你的网站~1、优化图片使用Css Sprites（适用于大流量的网站）其原
阅读全文
摘要：重构工程师们在设计代码时，有喜欢手动删除行内元素之间产生的额外空隙，并通过设置margin或padding来获取想要间距吗？如代码：<div class=“”><span class=“bgr”>去掉了间距</span><span class="bgr">去掉了间距</span><span class="bgr">去掉了间距</span><span class="bgr">去掉了间距</span><span class=&
阅读全文
摘要：大概是2010年听说过webrebuild，一直想见识下，找不到机会，这次深圳站（8.16），终于让我遇见了。星期6早上来到腾讯大厦二楼，在现场的看了大牛们的分享，本来脑海里多数想法是分享技术，可能带有枯燥，但是比想象中得要好得多，不会枯燥。 今年的主题是“泰然”，我对这2个词，自己的理解是做事做人的稳重心态。在现场的看到鬼哥等的分享，从技术上的创新求新、工作中的优秀方法和稳重心态体现了“泰然”。佩服大牛们的厉害之处，同时深深认识到自己不足，在技术上、见识上都需要不断的提升，有种激励，一股冲动想好好学习来给自己补充知识。 对此次年会，我对职业的感想是：精一行，懂多行。 精一行：作为一位...
阅读全文
摘要：记得在读大学期间，去找实习，面试时被问到“什么是标签的语义化”，一头汗水，也忘记那时是怎么瞎扯了，后来回宿舍，上网查“标签语义化”，当时的网络对标签语义化的解释并不多，在找了很多网络资料和书籍后才对语义化有一定的了解。现在标签语义化这个专业名字，在前端开发的领域中已经不陌生了。 什么是标签语义化？为什么要标签语义化？如何语义化标签？这是一名合格的前端开发工程师需要思考的。《HTML标签语义化对照表》解释了HTML标签的语义，有助于大家理解语义化，《(X)HTML嵌套规则》说明了标签的嵌套规则，也是语义化标签需要认识的。关于语义化的好处，就笔者的理解有两点：一是对搜索引擎友好，良好的结构和...
阅读全文