为什么要写这个文章呢？其实发现很多同学对一些很简单又有效的 debug 手段都不太了解，找 bug 的方式都不是很高效，导致最终 bug 找不到或者走了很多弯路。 Devtools 作为前端开发，ch

近日，在一场关于JSX的讨论中，React核心成员Sebastian Markbåge（Hooks作者）表示： 他更推崇SwiftUI语法，并认为JSX就是个错误。 JSX最早由Facebook提出并

一道赛马问题，帮助前端的小伙伴直面金三银四的面试阶段，找到自己心仪的工作，迎娶白富美，走向人生巅峰。

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

本文是阅读 CSS 标准文档的笔记，也是对 CSS 字体相关知识的一个梳理。 CSS 1 定义的字体属性包括：font-family、font-style、font-variant、font-weight、font-size和font。其算法要求 UA(User Agent，用…

女朋友常逛的设计网站这两天页面上多了下雪的效果，于是问我我的网站能下雪吗，作为一个程序员我一般会说实现不了，但是作为男朋友，不能说不行。 当然，最好的方式是用canvas来画。 因为tan(θ)=sy/sx，θ=Math.atan(sy / sx)，因为雨的线段默认是从上到下垂…

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。 已经推荐了 面试项目、css奇技淫巧项目、代码规范项目、数据结构与算法项目、管理后台模板、前端必备在线工具 等专题的近 100 个优秀项目了。 以下为【前端GitHub】…

Firefox 偷偷实现了一个 AnimationTimeline，用来为动画提供时间轴。根据文档，它是一个抽象类，被 DocumentTimeline 继承。 由于是非标准的特性，MDN 的文档里面也没有解释的很清楚，只是说它用来让多个动画共享时间轴，但是具体该怎么用，并没有…

是否想发现可在下一个项目中使用的非典型CSS设计？下面是我最喜欢的一些。 NES-style（8bit-like）的CSS框架，非常适合您的复古浏览器游戏。 Web中用于老式RPG GUI的轻量级纯CSS框架；包括按钮，复选框，图标，滑块，光标和许多其他有趣的东西。 98.cs…