每周分享第(119)期

280 阅读2分钟

新闻、观点、有趣

一文详解 CSS-in-JS
CSS 设计的初衷是为了全局化的控制样式,通过选择器去扩展丰富实际的页面渲染,而 CSS-in-JS 并不是排斥 CSS 样式,而是说“样式”在现代化的组件颗粒化的发展下,使用 CSS-in-JS 能在瞬息万变的复杂应用场景下更加灵活的解决更多问题。

如何提高游戏中的打击感?
通过动画实例解释基本的提高方法:打击者,受击者,特效,镜头震动,场景,蒙太奇镜头

教程、技巧

JS 图片压缩的实现思路
说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?当然可以,那我们先来理一下思路。

Flexbox布局中不为人知的细节
Flexbox布局 已是目前最为流行的Web布局方式之一,它给Web开发者在完成页面或组件的UI布局带来了极大的灵活性和便利性。本文将Flexbox布局,CSS的书写模式,逻辑属性,对齐方式结合在一起整理了一篇笔记。

让我们来构建一个浏览器引擎吧
本文通过亲自动手实践,教你一步一步实现一个迷你版浏览器引擎,进而深入理解渲染引擎的工作原理,干货满满。

代数效应与React
React核心团队成员Sebastian Markbåge(React Hooks的发明者)曾说:我们在React中做的就是践行代数效应(Algebraic Effects)。

那么,代数效应是什么呢?他和React有什么关系呢。

库、工具

新兴前端框架 Svelte 从入门到原理
Svelte 作为新兴的前端框架,采用了和 React, Vue 不同的设计思路,在最新的《State of JS survey of 2020》中,它被预测为未来十年可能取代React和Vue等其他框架的新兴技术。