效果 - 收藏集 - 掘金
如何用原生 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/web/updates/2016/07/infinite-scroller原文作者: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">...
贪吃蛇游戏的人工智能算法 - 后端 - 掘金
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 ...
- 背景 最近注意到知乎的屏幕截图反馈功能,感觉非常不错。也不知道什么时候开始增加的这个功能: 简单说明一下: 点击知乎页面右下角的反馈按钮,弹出反馈弹窗 窗口中会显示当前页面的截图,并且可以在上面...
大话 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/gengqiquan/article/details/51577185] 本博客主要介绍的是一个球形水波的百分比控件,市面上有各种形形色色的百分比控件,我一直觉得水波是最炫的,UI给...
为 RecyclerView 设置可推动的悬浮导航栏 ---ItemDecorationd 的使用(三) - Android - 掘金
开始逐渐领略到ItemDecoration的美~ 今天让我 使用 ItemDecoration 来完成 可推动的悬浮导航栏的效果,最终实现的效果如下图: 具体实现步骤如下: 根据我前面的文章所讲的RecyclerView的基本使用,我们先来...
炫起来!在 bitmap 中玩转大波浪进度条 - Android - 掘金
转载请注明作者AndroidMsky和出处 http://blog.csdn.net/AndroidMsky/article/details/53520406 迫不及待拿出了效果图: 可切换波澜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/AndroidMsky/article/details/53690037 一张gif看看他有多屌 ConstraintLayout屌不屌,我的觉得他真的很屌。下...
一个绚丽的downloading动效分析与实现! - 掘金
闲逛之余,看到一个不错的downloading动效,这个动效用CJJ的话说难度还好,但本人觉得还比较灵动、带感、俏皮、有新意,好了话不多说,咱们先来撸一张高清无码gif图: 撸完,咱可以将整个动效简单划分为以下流程:1.BeforeProgress(显...
五行代码实现 炫动滑动 卡片层叠布局,仿探探、人人影视订阅界面 简单&优雅:LayoutManager+ItemTouchHelper - 掘金
想经济上支持我 or 想通过视频看我是怎么实现的: http://edu.csdn.net/course/detail/3956 概述 前几天看有人实现了仿人人美剧的订阅界面,不过在细节之处以及实现方式我个人认为都不是最佳的姿势。于是我也动手撸了一个,还顺带撸...
Bottom Nav 详解 · Material Design Part 4 - Android - 掘金
这是一个系列文章,在这个系列里,我会按打造一个 Material Design App 的路线介绍所有应当掌握和值得掌握的系统组件。你会在这些文章里了解到这些组件的使用和内部实现原理,以及它们背后所反映的 Material Design 的设计思想,希望你会喜...
仿知乎个人主页,实现嵌套滑动和渐隐效果 - Android - 掘金
转载请注明作者AndroidMksy和出处 http://blog.csdn.net/AndroidMsky/article/details/53784984 本文github: https://github.com/AndroidMsky/linkSc...
探索日期滚轮控件的源码 - 掘金
欢迎Follow我的GitHub, 关注我的掘金. 在较高版本的Android SDK中, 已经修改默认的日期选择控件, 由滚轮样式变为日历样式. 对于出生日期的选择, 为了美观, 也为了便捷, 滚轮控件更有优势, 因此需要编写自定义的时间滚轮控件. 随手记...