如何用原生 JS 实现手势解锁组件 - 前端 - 掘金
这是第三届 360 前端星计划的选拔作业题。600多名学生参与了解答，最后通过了60人。这60名同学完成的不错，思路、代码风格、功能完成度颇有可取之处，不过也有一些欠考虑的地方，比如发现很多同学能按照需求实现完整的功能，但是不知道应当如何设计开放的 API，或...

走进网页虚拟现实 WebVR - 掘金
最近几年，虚拟现实VR的概念火了一把，各种VR概念的游戏、设备、视频受到人们的广泛关注。笔者在逛商场的时候也经常会看到有VR设备体验的地方让游人体验一把，各种酷炫的头盔和酷炫的设备着实抓人眼球。但是作为一个前端工作者，我们肯定也希望在我们的网页里也能看到这么酷...

一个大小约 2k 的图片高斯模糊库 —— blurify.js - 前端 - 掘金
Installation $ npm i blurify Demo Demo ...

XCel 项目总结 - Electron 与 Vue 的性能优化 - 前端 - 掘金
XCEL 是由京东用户体验设计部凹凸实验室推出的一个 Excel 数据清洗工具，其通过可视化的方式让用户轻松地对 Excel 数据进行筛选。 XCEL 基于 Electron 和 Vue 2.0 进行开发，充分利用 Electron 多进程任务处理等功...

画随音动！Web Audio API 入门（四） - 前端 - 掘金
这次介绍解析音源并可视化的方法。 原文链接 : 音にあわせて画面が変化！続々々「WebAudioAPI」入門 原文作者 : つっちー ...

GGJ 游戏《Splash Clash》开发经验分享 - 工具资源 - 掘金
本文由参与GGJ 2017的游戏开发者Ciro Continisio为大家分享他与美术设计师Jana Kilianová组成的二人团队，在48小时内开发出小游戏《Splash Clash》的过程与经验。 ...

(译) 无尽滚动的复杂度 -- 来自 Google 大神的拆解 - 掘金
原文地址：https://developers.google.com...原文作者：Surma译者：王芃 摘要: 重用你的DOM元素以及删除那些远离可视范围的元素。为延迟显示的元素使用占位...

狂炫叼炸天的渲染元素，配合 Airbnb 的 Lottie 使用 - 前端 - 掘金
AE-Element 使用bodymovin渲染一些有趣的After Effects矢量元素 演示 演示地址...

使用 CasperJS 生成长图片 - 工具资源 - 掘金
最近有一个类似 生成微博长图片 类似的需求, 实现思路就是用类似PhantomJS的这种无GUI浏览器访问网页并截图 CasperJS CasperJS是一个基于PhantomJS的工具套件, 相比原生的PhantomJS使用起来更人性化, 比如可以...

微信小程序 2048 开发记录 - 前端 - 掘金
前言 距离微信小程序的兴起已经过去一段较长时间了，之前一直想尝试着写一个小demo玩玩，但是由于学校的各种事情以及准备面试的事情一直耽误。趁着公司放年假这段时间完成了对2048的复写，主体功能已经基本实现，还有一些细节地方待优化。 ...

qart.js - 前端生成好看的二维码 - 前端 - 掘金
Merges Pictures and QR Codes for Artistic QR Codes. ...

详解 CSS 居中布局技巧 - 前端 - 掘金
水平居中元素： 通用方法，元素的宽高未知 方式一：CSS3 transform .parent { position: relative; } .child { position: absolute...

Threejs之二:相机详解 - 掘金
透视投影相机(THREE.PerspectiveCamera) 所谓透视投影相机(PerspectiveCamera),基本等同于人的眼睛,意思就是:离的远的物体会显得比较小,近处的物体会比较大.透视投影相机的构造函数: PerspectiveCamera...

(译) 使用 WebSocket 和 CSS3 创造魔法 - 前端 - 掘金
原文地址：Making Magic with WebSockets and CSS3 原文作者：Hélio Dolores ...

教程 | 从头开始：如何用 Python 实现带随机梯度下降的线性回归 - 后端 - 掘金
许多机器学习算法的核心是优化。优化算法用于在机器学习中为给定训练集找出合理的模型参数设置。机器学习最常见的优化算法是随机梯度下降（SGD：stochastic gradient descent）。 本教程将指导大家用 Python 实现随机梯度下降对线性回归...

小探 animation-timing-function 中的 steps 属性 - 前端 - 掘金
合抱之木，生于毫末；九层之台，起于垒土；千里之行，始于足下。——《道德经》 今天翻阅《css揭秘》，看到一章关于用css3实现饼图效果。代码如下： <div class="pie" style="animation-delay: -20s"&gt...

贪吃蛇游戏的人工智能算法 - 后端 - 掘金
This project focuses on the AI algorithm of the snake game. The AI's goal is to direct the snake to eat the food and fill the map ...

知乎网页上屏幕截图功能的实现 - 前端 - 掘金

1. 背景 最近注意到知乎的屏幕截图反馈功能，感觉非常不错。也不知道什么时候开始增加的这个功能： 简单说明一下： 点击知乎页面右下角的反馈按钮，弹出反馈弹窗 窗口中会显示当前页面的截图，并且可以在上面...

大话 Web-Audio-Api - 前端 - 掘金
Logic proX 在html5 <audio> 元素出现之前，一个网页想要发声，就得需要flash或者其他插件的辅助。而<audio>标签的出现，使网页在游戏（的音效）和网页交互（音...

VR 大潮来袭 --- 前端开发能做些什么 - 前端 - 掘金
WebVR未来新潮 去年谷歌和火狐针对WebVR提出了WebVR API的标准，顾名思义，WebVR即web + VR的体验方式，我们可以戴着头显享受沉浸式的网页，新的API标准让我们可以使用j...

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

UI 之自定义 Behavior 实现 AppBarLayout 越界弹性效果 - Android - 掘金
先上效果 一、继承AppBarLayout.Behavior AppBarLayo...

下拉刷新、上拉加载实战：带你理解自定义 View 整个过程 - Android - 掘金
下拉刷新、上拉加载实战：带你理解自定义View整个过程 @(Android) ...

仿新浪微博个人页布局 - Android - 掘金
最近项目中需要一个类似微博个人信息页的布局，网上找了一些资料但都不符合自己的需求，故自己实现一个。 一.模仿布局样式原型： ...

2017 年 1 月最火的五个 Android 开源项目 - Android - 掘金
原文地址（科学上网）Goodbye 2016, hello 2017!这是春节后的第一个工作周，大家还没从假期综合征中恢复过来吧。没关系，我们帮你搜集到一月份最好的5个Android类库，准备好花生、瓜子和饮料，来看看有什么吧！ 1.C...

如何使用 RecyclerView 打造首页轮播图 - Android - 掘金
停在中间自动翻页 序言：最近接到一个任务，做一个类似上面自动翻页的功能。可以看到，这一屏中有三张图片显示出来了，有两张没有显示完全，看到设计图的时候第一反应是可以用viewpager来实现，但是任务却跟你开了一...

从源码角度分析 NestedScrolling - Android - 掘金
通过CoordinatorLayout可以实现许多炫酷的效果，大家可以参考我之前一篇博客： 一起玩转CoordinatorLayout 其实Coo...

【Andrid】像微信一样的图片选择器 - Android - 掘金
PickPhotoView 一个帮助你在 Android上完成图片选择的库 欢迎大家来使用和测试，有不足的地方还希望大家可以提出来，我都会虚心改进 轮子大家测！欢迎...

【干货】Android 多点触控详解 - Android - 掘金
Android 多点触控详解，在前面的几篇文章中我们大致了解了 Android 中的事件处理流程和一些简单的处理方案，本次带大家了解 Android 多点触控相关的一些知识。 多点触控 ( Multitouch，也称 Multi-touch )...

高仿知乎日报 （Material Design + MVP + RxJava + Retrofit） - Android - 掘金
准备转行Android，做了一个 高仿的知乎日报客户端 练手，目前完成了大部分基本功能，记录一下开发过程中学习的资料（文中大部分资料链接均来自简友 G军仔 同学的这篇 好文）及踩过的坑，拿出来跟大家分享一下，要是能给大家带来一些帮助，我深感荣幸。Android...

Android 仿京东、天猫 app 的商品详情页的布局架构, 以及功能实现 - Android - 掘金
前言：电商内app，重点在于详情页商品展示，用户不仅要看到图，可以看到各种描述，以及相关规格参数。今天是coexist独家授权本公众号独家发布的《仿京东、天猫app的商品详情页功能实现》，并且已经用于他的上线项目中，coexist的简书:http://www....

PNG 图片压缩对比分析 - Android - 掘金
背景与现状 随着版本的迭代，业务的增加，QQ音乐apk的大小已经超过25M，其中res目录占用的大小超过5.5M，所以提出了对安装包进行瘦身的技术需求。业务的增加导致图片越来越多，通过分析可以知道PNG格式图片是项目中数量最多的图片，关于PNG图片的介绍可以参...

球形水波百分比控件 - Android - 掘金
[转载请注明出处，尊重他人劳动成果http://blog.csdn.net/gengqiqu... 本博客主要介绍的是一个球形水波的百分比控件，市面上有各种形形色色的百分比控件，我一直觉得水波是最炫的，UI给...

为 RecyclerView 设置可推动的悬浮导航栏 ---ItemDecorationd 的使用（三） - Android - 掘金
开始逐渐领略到ItemDecoration的美~ 今天让我 使用 ItemDecoration 来完成 可推动的悬浮导航栏的效果，最终实现的效果如下图： 具体实现步骤如下： 根据我前面的文章所讲的RecyclerView的基本使用，我们先来...

炫起来！在 bitmap 中玩转大波浪进度条 - Android - 掘金
转载请注明作者AndroidMsky和出处 http://blog.csdn.net/AndroidM... 迫不及待拿出了效果图： 可切换波澜4种状态： https://github.com/...

自己写的高仿淘宝界面 (非常适合新手学习), 可以学习到自定义属性的编写。里面还有一些工具性的东西，可以拿到你自己的项目中改改就用（懒人必备） - Android - 掘金
TaoBaoUI 自己写的高仿淘宝界面(非常适合新手学习)，使用了RecyclerView，用RecyclerView的多条目布局做的，里面使用了一些自定义组件，可以学习到自定义属性的编写。里面还有一些工具性的东西，可以拿到你自己的项目中改改就用（懒人必备） ...

自定义 behavior - Android - 掘金
Behavior 实现的漂亮的效果 简介 建议 请先阅读这篇文章 好多东西抄自这里 效果来源 这里是地址 原图 我的实现 实现的效果 项目地址 一些细节没有实现 ,见谅,录制的gif效果也不太好 :-( 实现 依赖关系 Tab 监听 onNested...

Android 简易悬停抽屉控件 —— 仿知乎收藏夹 - Android - 掘金
写在前面 一直觉得知乎的交互体验是很好的，这次山寨了一把。 这是一个底部抽屉，类似知乎收藏夹。它可以悬停在中间，随着滑动自然过渡到全屏。 它是仿照support包里的DrawLayout和NavigationView设计的。 效果图 知乎...

几张 GIF 带你初探 ConstraintLayout 的傲人特性 - Android - 掘金
转载请注明作者AndroidMsky和文章地址 http://blog.csdn.net/AndroidM... 一张gif看看他有多屌 ConstraintLayout屌不屌，我的觉得他真的很屌。下...

一个绚丽的downloading动效分析与实现！ - 掘金
闲逛之余，看到一个不错的downloading动效，这个动效用CJJ的话说难度还好，但本人觉得还比较灵动、带感、俏皮、有新意，好了话不多说，咱们先来撸一张高清无码gif图： 撸完，咱可以将整个动效简单划分为以下流程：1.BeforeProgress(显...

五行代码实现 炫动滑动 卡片层叠布局，仿探探、人人影视订阅界面 简单&优雅：LayoutManager+ItemTouchHelper - 掘金
想经济上支持我 or 想通过视频看我是怎么实现的: http://edu.csdn.net/course/de... 概述 前几天看有人实现了仿人人美剧的订阅界面，不过在细节之处以及实现方式我个人认为都不是最佳的姿势。于是我也动手撸了一个，还顺带撸...

Bottom Nav 详解 · Material Design Part 4 - Android - 掘金
这是一个系列文章，在这个系列里，我会按打造一个 Material Design App 的路线介绍所有应当掌握和值得掌握的系统组件。你会在这些文章里了解到这些组件的使用和内部实现原理，以及它们背后所反映的 Material Design 的设计思想，希望你会喜...

仿知乎个人主页，实现嵌套滑动和渐隐效果 - Android - 掘金
转载请注明作者AndroidMksy和出处 http://blog.csdn.net/AndroidM... 本文github： https://github.com/AndroidMsk...

探索日期滚轮控件的源码 - 掘金
欢迎Follow我的GitHub, 关注我的掘金. 在较高版本的Android SDK中, 已经修改默认的日期选择控件, 由滚轮样式变为日历样式. 对于出生日期的选择, 为了美观, 也为了便捷, 滚轮控件更有优势, 因此需要编写自定义的时间滚轮控件. 随手记...