组件复用那些事儿 - React 实现按需加载轮子 编程技术

组件复用那些事儿 - React 实现按需加载轮子

组件化在当今前端开发领域中是一个非常重要的概念。著名的前端类库,比如 React、Vue 等对此概念都倍加推崇。确实,组件化复用性(reusability)和模块性(modularization)的优点对于复杂场景需求具有先天优势。组件就如同乐高积木、建筑石块一般,一点点拼接构成了我们的应用。 同时,懒加载(Lazy-loading)/按需加载概念至关重要。它对于页面性能优化,用户体验提升提供...
阅读全文
精选!CSS 动画之工具、框架和教程 编程技术

精选!CSS 动画之工具、框架和教程

CSS 动画之工具、框架和教程 在这篇文章中,我们将不讨论 使用 CSS 动画的好处 ,也不会谈论 JS 动画是否比 CSS 动画更快 ,而是与你分享一些 CSS 工具,框架和教程。它们将有助于缓解你在学习 CSS 动画中的困扰,并帮助你节省一些时间。 CSS 动画工具和框架 1. Animate.css Animate.css 是一个跨浏览器 CSS 动画...
阅读全文
理解animation-fill-mode属性 编程技术

理解animation-fill-mode属性

我相信很多前端开发人员都有 基于CSS @keyframes 创建动画的经历。甚至其中有很多人创建了一些很复杂的动效和去实验这个特性。 如果你想要全面了解这篇文章将要介绍的内容,建议你花点时间阅读我 2011年在Smashing Magazine介绍的一个主题 ,这篇文章也是非常不错的。不过,在今天这篇文章中,我并不想介绍有关于CSS动画中所有的属性,我只想专注于CSS动画中的一个属性...
阅读全文
一篇文章说清浏览器解析和CSS(GPU)动画优化 编程技术

一篇文章说清浏览器解析和CSS(GPU)动画优化

相信不少人在做移动端动画的时候遇到了卡顿的问题,这篇文章尝试从浏览器渲染的角度;一点一点告诉你动画优化的原理及其技巧,作为你工作中优化动画的参考。文末有优化技巧的总结。 因为GPU合成没有官方规范,每个浏览器的问题和解决方式也不同;所以文章内容仅供参考。 浏览器渲染 提高动画的优化不得不提及浏览器是如何渲染一个页面。在从服务器中拿到数据后,浏览器会先做解析三类东西: 解析...
阅读全文
Android View 动画和属性动画学习笔记 编程技术

Android View 动画和属性动画学习笔记

以下内容来自 Android 开发艺术探索第七章 Android 动画深入分析学习笔记。 Android 的动画可以分为三种 : View 动画、帧动画和属性动画。 View 动画:通过对场景里的对象不断做图像变化(平移、缩放、旋转、透明度)从而产生动画效果,它是一种渐近式动画,并且 View 动画支持自定义。 帧动画: 通过顺序播放一系列图像从而产生动画效果,可以简单理解为图片切换动...
阅读全文
基本特效:饿了么丝滑无缝过度搜索栏的实现 编程技术

基本特效:饿了么丝滑无缝过度搜索栏的实现

新年好,首先给大家发个红包。 [意念红包]请闭上眼睛通过念力领取。 这都2017年了,是时候来一波基础特效教程了! 如果我不偷懒的话,或许可以成为一个系列都基础教程哦。当然如果成为了一个系列,这个系列就像标题说的一样,是基础特效。所以内容会比较简单,如果你是老司机的话,可以直接飘过了(顺便带我上车!)。 本次项目地址: https://github.com/githubwing/...
阅读全文
这交互炸了(四) :一分钟让你拥有微信拖拽透明返回PhotoView 编程技术

这交互炸了(四) :一分钟让你拥有微信拖拽透明返回PhotoView

《交互炸了》或许是一系列高端特效教程, 文中会介绍一些比较炫酷的特效,以及实现的思路。特效实现本身也许不会有太大的难度。难点在于实现的思路。一旦思路被打开,特效将很简单实现。 DragPhotoView项目地址 https://github.com/githubwing/DragPhotoView 大家好,本期是交互炸了第四期~ 本期带来的效果是最新版微信朋友圈看图下拖的效果,没见过的...
阅读全文
Android开源工具项目集合 android技术

Android开源工具项目集合

最近因为要去外派了,工欲善其事,必先利其器!所以又回顾了一下自己github上所收藏的项目,也算是温故而知新吧。 最流行的android组件大全 http://www.open-open.com/lib/view/open1409108030307.html Android开源项目分类汇总 http://www.open-open.com/lib/view/open1406272852...
阅读全文
使用Transition FrameWork实现有意义的转场动画(译) 编程技术

使用Transition FrameWork实现有意义的转场动画(译)

通过这种方法可以使activity切换时,他们的布局内容有过度动画 当从 Activity A 切换到 Activity B 的时候,Activity布局的内容会按照预先定义好的动画来执行过渡动画。在 android.transition 包中,已经有三种现成的动画可以用: Explode,Slide和Fade。 所有这些过渡都会跟踪activity布局中可见的目标Views,驱动...
阅读全文
iOS 视图控制器转场详解 编程技术

iOS 视图控制器转场详解

本文是投稿文章,作者:seedante( 简书 , GitHub ) 前言 屏幕左边缘右滑返回,TabBar 滑动切换,你是否喜欢并十分依赖这两个操作,甚至觉得没有简直反人类?这两个操作在大屏时代极大提升了操作效率,其背后的技术便是今天的主题:视图控制器转换(View Controller Transition)。 视图控制器中的视图显示在屏幕上有两种方式:内嵌在容器控制器中,比如 ...
阅读全文
Loading...