小OO

左(上)边是Omi，右(下)边是 React，Omi 使用 Shadow DOM 隔离样式和语义化结构。 点击这里看执行结果。 Cli 自动创建的项目脚手架是基于单页的 create-react-app 改造成多页的，有配置方面的问题可以查看 create-react-app …

在最初CSS还没有流行起来的时候，网页就是类似以 Word 的文本样式呈现的。去掉各种花里胡哨的样式，和装饰图片之后，留下的文字才是网页本来的样子，而这才是我们真正想要对用户说的话。文字几乎是网页的灵魂。 最近一直在研究面向前端的设计规范。给我印象最深的来自「 Ant Desi…

动效顾名思义就是动画效果。网页中为什么需要动效呢？简单来说就是为了有趣。 如果把网页和用户的关系比做正在恋爱的情侣，很显然网页的 UI 是颜值，而动效在我看来则是情侣之间的小浪漫。可能和颜值比起来，浪漫似乎并不是那么的重要，但是如果感情中没有了浪漫，是不是会觉得少了点什么呢？ …

我是一个爱折腾设计的前端，一直都在标榜自己的页面还原是多么的牛 X 。怎么做到页面还原？我有一个最笨但是有效的方法，就是把设计稿直接存成图片，作为背景图然后临摹着设计稿进行开发。我觉得自己太有才了。像素级还原有没有？ 但是 Too Young Too Simple 。这种方式虽…

以上理论均属于推导过程，没有经过实践印证。 在经过以上玄学的推导之后。最终的目的还是希望将其应用到我们实际的项目当中。我急忙赶在在我们设计的分享会以及前端的分享会上，去分享了以上纯理论的推导过程。有趣的事情是，两个组的同学反映出的重点完全不一样。 设计的同学，更多给的反馈是在思…

因为技术站的更新，我们公司 M 站的项目，开始往 React 迁移。然后在对于 React 中 CSS 的使用方式上，我和一个同事有了很大的分歧。 我是一个非常推崇原子化使用 CSS 的人。我喜欢使用类似： 这样的方式去使用 CSS 样式。和我角度不一样的同事可能会更倾向于组件…

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…