shanyuhai123

觉得既有趣，又有启发，这里记录分享一下。 我们可以从相反的角度来思考，先回答什么叫不随机。 从图上可以看出红绿蓝这三种颜色，每隔六次就整体重复一遍。 上图是我使用 CSS ...

1. 两栏布局 flex 是一个简写属性，用来设置 flex-grow、flex-shrink、flex-basis。一般来说让元素等高需要额外设置，而 flex 容器的存...

对于每个开发者来讲，git 仓库是我们几乎每天都要接触的东西，但是实际上大多数的 git 仓库管理都是非常随性且不规范的，在某些情况下这样做并没有太大的问题，但是当协作成员...

笔者之前写过一篇 【从头到脚】撸一个多人视频聊天 — 前端 WebRTC 实战（一），主要讲 WebRTC 的一些基础知识以及单人通话的简单实现。原计划这篇写多人通话的，鉴...

在 JavaScript 中，我们可以利用变量，DOM 来保存状态，而 CSS 当中，我们也可以利用伪类选择器来保存状态，这就是 CSS 搞事的核心了。 核心概念：保存状态...

以上各种动画形式都可以制作出一种类型的动画，那就是帧动画，也叫序列帧动画，定格动画，逐帧动画等，这里我们统一用帧动画来表述。 帧动画一般用来实现稍微复杂一点的动画效果，同时...

这三个元素作为这个 《CSS 搞事技巧》的第一篇并非仅仅是在接下来的 《重温 Flex 布局》中要使用，而是因为这个技巧的确是很基础。 核心概念：所谓技巧，无非就是保存状态...

正文从下面开始。 今天的小技巧是使用纯 CSS 生成火焰，逼真一点的火焰。 嗯，我们需要使用 filter + mix-blend-mode 的组合来完成。 如上图，整个蜡...

目前 VuePress 的稳定版是 0.44.x，不过这里我们直接用 1.0.0-alpha.44，因为稳定版功能实在是太烂了... 关于安装 Vuepress 及配置这里...

最近突然回想到之前看过的一个动画，是一个正方体向球体表示爱意，被拒绝，改变自己的小动画。 1. 导演上场 这个动画中存在镜头转换，所以我们需要一个导演把控全局，写个简单效果...

输入查询命令来看看最终的结果。 建议先将仓库fork到你自己的仓库，然后拉取仓库，修改后重新提交到你自己的仓库，方便后面各种修改。 添加blog.jgchen.xin子域名...

我本科学的是国际贸易，乱选的专业。毕业后做了半年外贸，实在不喜欢，然后去做英文编辑了。第二份工作也很无聊，就是写英文软文，发表在国外的行业期刊上，给公司做广告。然后也做英文...

然后..........然后 我就想实现一下这个效果， 然后...... 然后就是 到现在我也莫得游戏玩...

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给G...