无障碍 Web 开发

无障碍 Web 开发

Web前端 2019-06-04 15

良好的 Web 可访问性,就是把你的网站建设成让尽可能多的人都觉得好用,可以让每一个人受益。语义化 HTML 也是确保 Web 良好访问性的关键。

font-display 的使用

Web前端 2019-04-16 18

进行性能优化时,决定 Web Font 的加载行为是一项技术活。@font-face规则中新增了一个font-display声明,开发者可以根据 Web Font 的加载时间来决定如何渲染或降级处理。

网页图像优化原理

Web前端 2018-12-22 16

本文会介绍两种图像资源:矢量图与栅格图(位图),并分别介绍优化它们的原理。随后介绍无损压缩与有损压缩以及它们的区别。在本文的最后,我们会介绍什么是高分辨率屏幕。可以让您对图像优化的原理有一个直观的感受。

前端网站开发中可以怎么优化图片

Web前端 2018-12-21 14

前端开发在开发项目中,不可避免要和图片打交道,优化图片似乎也成了一个必修课。图片优化也不仅仅是性能上的优化,还要进行体验上的优化。至于怎么优化图片,没有固定的方式,只能具体场景,具体分析,选择合适的方案。

交互细节:页面链接打开方式探讨

Web前端 2018-11-30 10

“页面打开方式作为链接产品路径的基础,在设计的过程中,或多或少都会遇到选择的困扰,尤其是产品功能复杂,层级较多时,如何让用户按照自己的意愿清晰的浏览信息,保持操作连贯性,是值得体验设计仔细思考与分析的。”

http浏览器缓存策略

Web前端 2018-10-23 11

众所周知,在Web开发中,缓存很重要、很有用。但同时其也很复杂。本文将从以下几个方面全面地介绍下缓存相关的内容:缓存的判断策略,必知必会的缓存基础,各类缓存的优缺点,缓存的最佳实践

CSS性能优化的8个技巧

CSS性能优化的8个技巧

Web前端 2018-07-09 19

本文将会详细介绍CSS性能优化相关的技巧,笔者将它们分为实践型和建议型两类,共8个小技巧。实践型技巧能够快速地应用在项目中,能够很好地提升性能,也是笔者经常使用的,建议大家尽快在项目中实践。