首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
BobChen
掘友等级
前端
|
鹅厂搬砖
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
181
文章 177
沸点 4
赞
181
返回
|
搜索文章
最新
热门
TypeScript 中使用 CSS Modules
相当长一段时间 CSS 总是在页面上作为一个全局的存在,以前这个『特性』影响还不算很大,命名上注意一点,比如使用 BEM 也能一定程度上解决问题。 但是随着 web 组件化的需求越来越强烈,CSS 的这种特性开始成为束缚开发者自由飞翔的绳索,每一个 CSS 类名都有可能产生意想…
Python 做图片清晰度识别
如果之前了解过信号处理,就会知道最直接的方法是计算图片的快速傅里叶变换,然后查看高低频分布。如果图片有少量的高频成分,那么该图片就可以被认为是模糊的。然而,区分高频量多少的具体阈值却是十分困难的,不恰当的阈值将会导致极差的结果。 我们期望的是一个单一的浮点数就可以表示图片的清晰…
异步多图加载这件小事儿(Promise与async)
日常开发过程中,时不时会遇到要同时预加载几张图片,并且等都加载完再干活的情况,结合 Promise 和 async/await 代码会优雅很多,但也容易遇到坑,今天就来简单聊聊。 先从最基本的 ES5 说起,基本思路就是做一个计数器,每次 image 触发 onload 就加一…
Vue 页面掉东西组件
之前项目还用 jQuery 的时候,要在页面上做一个飘东西效果,类似下雪那样。当时使用的是一个开源组件 jquery.let_it_snow。 props 大致和 jQuery 版本的 let_it_snow 差不多,多添加了用来控制显示隐藏的 show 和多图片支持的 ima…
JavaScript 陀螺仪检测设备方向(重力感应)
随着陀螺仪作为只能手机的标配,根据手机角度不同,让图片有点视差微动效果可以给用户一点惊喜,于是简单研究了一下 HTML5 下利用陀螺仪获取设备方向的 API。 处理方向变化的事件 HTML5 中与手机方向变化有关的 API 有两个,一个是 deviceorientation 事…
Tips-移动端滑动固顶效果(position: sticky)
先放个图看看滑动固顶是啥效果: 中间那个 tab 条,平常的时候是固定的,等到页面滑上去的时候,又像 fixed 一样贴在顶部。position: sticky 就是用来实现这个效果的,元素不脱离文档流,仍然保留高度,所以这个属性真是人畜无害啊,而且效果如丝般润滑,堪比原生。 …
不一样的动图-APNG
动图 说到动图,首先我们想到的 GIF 格式,GIF 在网络上流行已久,各种动态表情包都是 GIF 图做的。但是 GIF 的缺点也很明显,透明背景的 GIF 无法做到像素的绝对平滑过度,于是乎我们可以看到带透明的 GIF 图周围杂边非常明显,如下: 不一样的动图-APNG 通常…
让文字沿着路径动起来 (SVG)
路径动画的效果还是挺有意思的,而 Web 中常用的方法就是 SVG。先上一个效果图: SVG 要在 SVG 里面实现文字路径动画还是比较简单的,SVG 里面就有天然的支持。 我们先搞个 SVG 路径 <svg id="textPathDemo" xmlns="http://ww…
Canvas画图-一个比想象中更骚气的圆(渐变圆环)
之前介绍了Canvas画图基础,这篇介绍一下画一个带渐变效果的圆。 一个渐变的圆环 渐变色应用广泛,和圆环结合做进度条非常酷,今天我们就来画一个这样的圆环: Canvas渐变 在Canvas画图基础中我们知道给canvas上色主要是ctx.fillStyle和ctx.strok…
一个比想象中更骚气的圆-svg实现
之前写了一篇Canvas画图-一个比想象中更骚气的圆(渐变圆环),其实SVG也可以实现类似的效果,而且两者api惊人的相似。 关于SVG SVG是一种矢量图形,在图形改变尺寸的情况下质量不会损失。 相比canvas,svg有一个很大的优势就是内联进html的时候可以像操作dom…
下一页
个人成就
优秀创作者
文章被点赞
3,227
文章被阅读
160,745
掘力值
6,059
关注了
34
关注者
2,958
收藏集
3
关注标签
41
加入于
2016-07-01