前端工程师的价值体现在哪里？
这是一个很老的话题“前端工程师的价值体现在哪里？”。有人说：“前端工程师之于网站的价值犹如化妆师之于明星的价值。”一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度。当然，Web前端工程师并不是设计师，每天接触最多的是代码，代码，还是…
页面结构和javascript的那点事儿
作为微博的页面构建工程师，主要职责就是利用html&css，高质量的完成静态页面的制作，保证项目的按时完成。而页面需要的js效果则交给下游的js前端工程师去做。在微博，这两个岗位是分开的。但在大家的思维定势里可能觉得这两个岗位应由一个人来完成最…
首页优化-图片延迟加载
简介： 为了提高用户体验，多图片的长页面需要使用延迟加载技术，对这方面的论述，Kissy中有很经典的论述，感兴趣的朋友可以去这里了解一下（https://csswang.com/category_2-4/kissy/docs/datalazyload/index），我先简单的介绍一下，然后讨论如何改进并用于…
前端图片优化你都懂哪些?
在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢？下面我就个人经验，来简单介…
一个页面重构工程师眼中的“用户体验”
在工业化设计融入人们生活的现今，用户体验一词就常常出现在人们的视线里，随着互联网web2.0时代的到来，大大小小的网站设计中也都开始关注用户体验的方面，对什么是用户体验（百度这四个字，比我写什么解释都好）就不做详细赘述了，相信大家比我了解的更…
响应式布局设计
在设计中经常遇到这几个问题： 1.想要网站兼容手机、平板电脑、pc，就得为不同的设备定制不同的版本。 2.想要网站的某些页面在宽屏显示器下一行显示更多的内容，又得为宽屏定制一个版本。 3.很多人并不是在全屏的情况下浏览我们的页面，如果让页面随着浏…
构建Web前端异常监控系统–FdSafe
前言： 如果你碰巧是一名前端开发，而又碰巧在维护着一个对可用性有极高要求的站点，那么也许你我有过共同的苦恼：如何在第一时间发现线上出现的前端异常？毕竟前端不是每天都可以过网页裸奔节，线上的JavaScript错误也足以让用户抓狂地拿起他们的投诉电话…
设计师也需要了解的一些前端知识
国画中有句话，“画虎先画骨”。对应到网页上，视觉效果就像一张皮，而前端代码是支撑这张皮的骨，了解骨架是怎么长的，有助于设计出更合理高效的页面。 一、常见视觉效果是如何实现的 关于文字效果 文字自身属性相关的效果css中都是有相对应的样式的，如字…
前端优化-缓存为王
前面我写了一篇快速web app的关键是使用Ajax、优化Javascript和更好的缓存。 使用Ajax可以减少网络流量到只有少量的JSON请求。 优化Javascript（异步下载脚本、分组DOM修改、对UI进程作出让步等）允许请求可以并行然后快速渲染。 更好的缓存意味着web app…
web设计中的5个最具争议性的话题
在 Web 空前繁荣的今天，有关 Web 设计中的各种观点很多会成为话题，有的很快达成一致，有的则一直争议下去，本文讲述 Web 设计中的 5 大经典争议，这些争议从它们诞生的那天起，就被正反两方争得不亦乐乎。 争议之一：链接是否应该在新窗口打开 正方: 外…
前端工程师新手必读
公司招了几个刚毕业的学生，作为重构的新手让我来带。 首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会，对我工作的肯定和认可，让我带这样的一个重构团队，同时我也明白任务的艰巨，但我一定会将工作做好，不负公司对我的期望。（哈哈，好像从…
外边距margin叠加详解
恩，margin叠加一直是个问题，也是我们一直会遇到的问题，很久以前就想把这个知识点整理下，做一个详细的讲解和分析。 外边距叠加的定义 请先阅读w3c关于collapsing-margin的官方介绍： In CSS, the adjoining margins of two or more boxes (which might …
CSS3多背景图、背景大小
背景图片/纹理有很多种使用方式，常常用于为添加网站的最佳的界面美化。现在它在CSS3中被重视，我们可以应用多背景图和背景图片尺寸来实现更完美的效果。 CSS3的背景图片大小可以写成 background-size:Apx Bpx; -Apx = x轴(图片宽度) -Bpx = y轴(图片高度…
前端开发11个让你代码整洁的原则
写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开 始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到…
CSS Sprites技术及其优化
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵 CSS雪碧的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面让我们详细的聊聊。 在大家还在拨号上网的“远古时期”，由于网速的限制，页面开发者都…
