前端工程师的价值体现在哪里?
这是一个很老的话题“前端工程师的价值体现在哪里?”。有人说:“前端工程师之于网站的价值犹如化妆师之于明星的价值。”一位好的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雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?下面让我们详细的聊聊。 在大家还在拨号上网的“远古时期”,由于网速的限制,页面开发者都…