标签 FE 下的文章
前端面试--HTML篇
a标签的安全问题
给博客加上Service Worker
随着 Web 的快速发展,用户对站点的体验期望值越来越高,前端工程师有时候为了几十毫秒的速度优化而费劲心思,消耗大量时间。想要让自己的产品在无数产品中脱颖而出,就必须提升产品的性能和体验。在时间成本高昂的今天,响应速度的提升是开发者不得不面对的话题。
前端工程师有很多性能优化的手段,包括 CDN、CSS Sprite、文件的合并压缩、异步加载、资源缓存等等。其实我们绝大部分情况是在干一件事情,那就是尽量降低一个页面的网络请求成本从而缩短页面加载资源的时间并降低用户可感知的延时。当然减少用户可感知的延时也不仅仅是在网络请求成本层面,还有浏览器渲染效率,代码质量等等。
我们这里要讲到的是一个叫做 Service Worker 的东东。
前端架构的核心
任何一栋建筑都需要稳固的基础、四面墙体和一个屋顶。这些要素都是必不可少的。基础支撑着墙体,墙体支撑着屋顶,而屋顶保证你安全并且免受风吹雨淋之苦。如果一名建筑师不能提供上述要素,那么他必定是不称职的。作为前端架构师,我们在构建新网站时也承担着相似的责任。我们必须驾驭必要的工具和流程,而这两者正是成功构建网站的要素。
前端架构是一系列工具和流程的集合,旨在提升前端代码的质量,并实现高效,可持续的工作流。
前端架构设计开篇
最近在读《前端架构设计》,整书只有148页,薄薄的一本,但是看起来还是很有份量的。这本书展示了一名成熟的前端架构师对前端开发全面而深刻的理解。作者结合自己在Red Hat公司的项目实战经历,探讨了前端架构原则和前端架构的核心内容,包括工作流程、测试流程和文档记录,以及作为前端架构师所要承担的具体开发工作,包括HTML、JavaScript和CSS等。从豆瓣等评论来说,褒贬不一,但是个人感觉读一读还是很有必要的,取其精华去其糟粕即可。
Web Developer in 2018
块级格式化上下文(BFC)
元素的布局?
在 CSS 2.1 中,有三种定位方案——普通流 (Normal Flow) 、浮动 (Floats) 和绝对定位 (Absolute Positioning) ,下面分别对这三种布局简略说明一下。
Web Developer in 2017
转眼2017年就要过完了,今天在GitHub上面才发现,好饭不怕晚,现在开始也不晚!右键新窗口看大图吧……