搜寻文章标签:Concept

死掉的人脸表情符号

逐渐凋零的浏览器引擎前缀

浏览器引擎前缀是为了让开发者在浏览器尚未正式支援的情况下先使用这些前缀来实现一些新的 CSS 特性,甚至当时还时常会使用 PostCSS 这类预处理器的 autoprefixer 插件来预处理 CSS 添加上这些前缀。近期发现需要前缀的属性越来越少,未来也大机率不会再有新的前缀被加入了。

重叠的抽象图标

故事化直白的解释 Monorepo 是什么

随着前端的复杂程度增加,Monorepo 这个词汇也时常出现,可惜的是相关介绍资源非常不足,趁着近期较为闲暇的时间来统整记录一下我对 Monorepo 的理解。受到不同好文章与影片的启发,我想写一篇最直白的 Monorepo 解释,希望能够帮助更多人理解 Monorepo 的概念。

笑脸符号

乐观 UI (Optimistic User Interface) 是什么?有哪些实践细节是你应该注意的?

不要让使用者等待!越多的等待时间,就越容易让使用者流失,因此让应用程式的回馈即时,是很基础重要的原则。 Optimistic UI 强调即时、乐观的使用者介面回馈。在用户触发操作后,系统即时假定成功,迅速更新介面,提升使用者体验。这种方法有效缩短用户等待时间,创造更流畅、令人满意的互动体验。

层级符号

一个简单聪明的方法让你永远不用烦恼管理 Z-index 的问题

赋予网页元素相对的关系而非绝对的数值,让我们强烈联系元素之间的差异,而非取决于某个魔法数字可以避免很多折腾。最近看到一篇文章,作者提到用 CSS Variable 来赋予相对而非绝对数值的 `z-index` 值,真是优雅简洁的方法!完美的发挥了 CSS 变量的优势,促使我写下这篇文章。

箱子符號

网页就是一堆箱子组成的概念:CSS 盒模型

唯有了解盒模型才能开始学习更多网页切版布局的技巧,本文由内至外拆解盒模型,并且解说相关的特性与属性。如果你对于网页有这么多间距可以被调整所困惑,或是初入门 CSS 我都非常推荐要先理解 CSS 的盒模型概念,网页其实就是一堆箱子组成的概念。

压缩文件夹符号

为什么需要柯里化函数

柯里化就是将使用多个参数的函式转换成一系列使用一个参数的函式,用不同的思考方式来撰写函式,藉由将一个大函式分解成很多仅使用一个参数的函式,打造可被重复利用与轻松除错的函式,透过实际制作三明治函式案例简白的说明柯里化的概念。

计算符号

了解 JavaScript 陈述式与表达式

讲解中「表达式」与「陈述式」的区别。表达式会产生一个值,而陈述式则是执行动作。表达式必须存在于某个陈述式中才能被使用。我回过头来才发现表达式与陈述式的重要性,了解 JavaScript 底层的逻辑对我们使用像是 React 这类框架也有帮助。