BobChen

之前项目还用 jQuery 的时候，要在页面上做一个飘东西效果，类似下雪那样。当时使用的是一个开源组件 jquery.let_it_snow。 props 大致和 jQuery 版本的 let_it_snow 差不多，多添加了用来控制显示隐藏的 show 和多图片支持的 ima…

如果之前了解过信号处理，就会知道最直接的方法是计算图片的快速傅里叶变换，然后查看高低频分布。如果图片有少量的高频成分，那么该图片就可以被认为是模糊的。然而，区分高频量多少的具体阈值却是十分困难的，不恰当的阈值将会导致极差的结果。 我们期望的是一个单一的浮点数就可以表示图片的清晰…

日常开发过程中，时不时会遇到要同时预加载几张图片，并且等都加载完再干活的情况，结合 Promise 和 async/await 代码会优雅很多，但也容易遇到坑，今天就来简单聊聊。 先从最基本的 ES5 说起，基本思路就是做一个计数器，每次 image 触发 onload 就加一…

相当长一段时间 CSS 总是在页面上作为一个全局的存在，以前这个『特性』影响还不算很大，命名上注意一点，比如使用 BEM 也能一定程度上解决问题。 但是随着 web 组件化的需求越来越强烈，CSS 的这种特性开始成为束缚开发者自由飞翔的绳索，每一个 CSS 类名都有可能产生意想…

这是用 TensorFlow 来识别手写数字的官方经典入门例子，数据都是已经处理过准备好了的，但是只到计算准确度概率那就停了，缺少拿实际图片运用的例子，初学者看完之后难免发蒙。于是，本文第二段用一些实际图片来验证我们的模型。文中例子基于 TensorFlow 1.0.0，看过官…

作为一个小前端，最近想折腾下深度学习方面的东西，这不 TensorFlow 刚发布了 1.0 嘛。于是就想在我的 Mac Book 上跑一跑。 MacOS 非常好，自带了 Python 2.7，这是 TensorFlow 必备条件之一，但是我并不想污染系统环境，而且直接装在系统…

先放个图看看滑动固顶是啥效果： 中间那个 tab 条，平常的时候是固定的，等到页面滑上去的时候，又像 fixed 一样贴在顶部。position: sticky 就是用来实现这个效果的，元素不脱离文档流，仍然保留高度，所以这个属性真是人畜无害啊，而且效果如丝般润滑，堪比原生。 …

优化构建速度很重要

路径动画的效果还是挺有意思的，而 Web 中常用的方法就是 SVG。先上一个效果图： SVG 要在 SVG 里面实现文字路径动画还是比较简单的，SVG 里面就有天然的支持。 我们先搞个 SVG 路径 <svg id="textPathDemo" xmlns="http://ww…