很多新手纠结这个问题？两个框架都能够支持做手机网页，那么它们的区别是什么呢，适用场景是什么呢？下面我们从这几个方面比较这两个框架：解决问题、功能、适用场景。 解决问题 Bootstrap是一个css框架，针对解决的问题有： 跨设备的网页响应式布局问题。随着手机、平板、各分辨率屏幕的出现，如何能够一套前端在所有设备上自由适应？ 多人合作的前端布局和样式的规范问题 常用前端css组件，如按钮、连接、表单、表格、分页组件、下拉菜单、导航栏、ICON等等 常用JS前端组件（需要扩展js支持），
工具 - HBuilder 起因 HTML最开始其实不是一个编程语言，确实用不着什么ide。 但是发展到现在，7w多个语法，js越来越庞大，真开发一个达到原生水准的App，不是用以前的文本编辑器能搞定的。 目前竟然没有一个开发工具能把7w多HTML5语法提示齐全，这不科学，在原生开发里这是不可想象的，xcode之于iOS，eclipse之于Android，vs之于winphone，在语法提示、转到定义、重构、调试等方面都非常高效。 作为同时熟悉原生和HTML5开发的我们，我们在开发HTML5时明显感受到效率
Nodeppt是一款能将 Markdown 文档转成网页版 PPT 的开源工具，支持图表、流程图、数学符号、自定义主题配色以及样式等。基于 Node.js 编写。遵守MIT开源协议。 当前最新版本 2.2.2。
最近在处理视频，遇到两个视频之间的转场用原生的 xfade写起来很痛苦，实现成本高，难度大；我这里主要用的FFmpeg，就想找一个插件专门干转场这个事；搜索了一翻后找到 GL-transition这个转场神器；
本篇主要介绍一些最常见的Fragment的坑以及官方Fragment库的那些自身的BUG，并给出解决方案；这些BUG在你深度使用时会遇到，比如Fragment嵌套时或者单Activity＋多Fragment架构时遇到的坑。
上面的定义是百度百科的官话，用白话文翻译就：所谓hybridApp就是在app中嵌入web页面
最近一直在做交互规范总结的工作，在不断梳理页面间跳转逻辑的同时，发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效，却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范，花了大量时间把玩现在公司线上的产品以及国内外优秀的APP，尤其是苹果、谷歌自己开发的APP。（如果某些方面在设计规范中并没有给出答案，就在原生APP中找答案吧！） 转场动效也是在APP中应用最多的动效，连接两个页面。通过合理的动效让户能更清楚我从哪里来，现在在哪，怎么回去等一系列问题。初次接
gift.png 这是一个很炫的广告轮播功能，很多APP都有这个功能，比如说礼物说 还有几个忘记名字了。。。 在这里给大家简单的讲下该功能是怎么实现的 首先是定义一下基本的控件，代码如下 - (void)show3DBannerView{ _imageArr = @[@"0.jpg",@"1.jpg",@"2.jpg",@"3.jpg",@"4.jpg",@"5.jpg"]; //定义图片控件 _imageView=[[UIImageView alloc]init]
SPA单页面应用（SinglePage Web Application） ，指只有一个主页面的应用（一个html页面），一开始只需要加载一次js、css的相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源。
以前的Activity之间跳转比较生硬，用户很明显的会感觉到跳转，MaterialDesign推出了新的转场动画，可以实现两个界面之间的共享元素，使跳转带来的体验感如德芙般丝滑
机器之心专栏 作者：字节跳动智能创作团队 字节跳动智能创作团队研发了业内首个通用视频转场推荐方案 AutoTransition。目前，AutoTransition的衍生技术已经成功落地于字节跳动多项智能编辑业务中。 随着短视频的迅猛发展和普及，每天都有海量用户通过视频来记录和分享生活。对于缺乏专业剪辑和视频编辑知识的普通用户而言，视频的制作和剪辑却具有很高的门槛。近期，字节跳动智能创作团队研发了业内首个通用视频转场推荐方案 AutoTransition，致力于解决目前视频剪辑中存在的学习成本高，编辑效率低等
Motion 5 for Mac是运行在苹果电脑上的一款视频效果编辑软件，能进行文字和字母制作生成动画效果Motion 5 专为视频编辑人员而设，它能让您自定 Final Cut Pro 字幕、转场和效果。或在 2D 或 3D 空间中创建您自己的精美炫目的动画，同时还能在您工作时提供实时反馈。为剪辑师量身打造的全新界面，可在剪辑中实现动态修改的智能模板，还有易用的动态图形工具，可制作引人注目的字幕、转场效果和特效。
目前，开源社区和业界内已经存在一些 iOS 导航栏转场的解决方案，但对于历史包袱沉重的美团 App 而言，这些解决方案并不完美。有的方案不能满足复杂的页面跳转场景，有的方案迁移成本较大，为此我们提出了一套解决方案并开发了相应的转场库，目前该转场库已经成为美团点评多个 App 的基础组件之一。
最近在做产品复盘和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了我的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候我发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟系统的调研了一下, 觉得基本满足技术分享类PPT的要求, 所以决定采用该方案来实现我的网页版PPT. 这里列一下我用的技术调研:
本篇为Vue-element-admin开源框架的使用，用于使用该框架的一些方法和注意点
ng2.x动画相关的api是并入@angular/core这个核心模块的，在angular4之后开始独立
首先安装一些必要的工具，由于npm的源都是在国外的地址，所以安装会比较慢，可以使用淘宝的国内镜像地址。 1，安装淘宝镜像的命令为：
Activity的转场动画很早就有，但是太过于单调，样式也不好看，本文将给大家介绍了关于Android实现Reveal圆形Activity转场动画的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧
随着H5标准的发布以及推广，使得移动应用的开发也受到了很大影响，出于效率、成本等等的原因，移动应用的开发不在完全依赖于“原生”。 今天就简单总结一下目前的三大主流移动应用开发类型。 APP，一般认为是 mobile application，也就是移动移动应用程序。
2007 年 1 月 9 日，iPhone 发布会召开；6 月 29 日，iPhone 正式上市。4 个月后，Google 与众多手机厂商结盟，成立了 OHA 联盟，以开放的 Android 对抗 iPhone。 在 2 个阵营的互搏中，移动互联网拉开了为期 10 年的疯狂增长。 10 年后的今天，移动互联网已经从增长期过渡到平稳期，我们的生活被极大地改变。然而，有些显而易见的不合理又一直存在： 对用户而言，为什么移动互联网服务不能像 PC 那样触手可及？ 对开发者而言，为什么流量越来越贵，变成少数寡头的
腾讯ISUX isux.tencent.com 社交用户体验设计 项目背景 为什么要做短视频？ 随着微视、YOO视频等短视频APP的异军突起，短视频已成为当前互联网领域中的“风口”。据统计，到目前为止我国短视频产品的用户规模已经超过3亿人，随着移动短视频APP和直播产业的发展，短视频用户规模将成倍扩展，逐渐成为移动互联网发展不可或缺的一部分。 对于内容消费者来说，短视频的形式相比图文耗费的用户获取信息的成本更低，时长短也使得它更适应碎片化的移动场景，人们利用闲暇的碎片时间就能看完一个短视频，
写在前面：本人刚刚接触移动端开发，希望自己的见解能够帮助到他人，不足之处还望提醒。
编者按：UI中动效设计本没有那么玄乎，作为 Google 旗下 Material Design 团队中动效设计的负责人之一，Jonas Naimark 对于动效本身有着更为透彻的认知，这也促成了今天的这篇文章。动效不难，想入门很简单！
最近在做季度总结和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了笔者的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候笔者发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟系统的调研了一下, 觉得基本满足技术分享类PPT的要求, 所以决定采用该方案来实现我的网页版PPT. 这里列一下笔者的技术调研方法论, 供大家参考:
视频介绍 //v.qq.com/txp/iframe/player.html?origin=https%3A%2F%2Fmp.weixin.qq.com&containerId=js_tx_vide
本期精读的文章是：React Router 进阶：嵌套路由，代码分割，转场动画等等。
各位码友们，大家好！今天给大家介绍一个非常棒的学习设计模式的网站 - Patterns.dev。
随着现代化浏览器的发展，客户端的能力已经有了很大的提升，比如 Chrome、Firefox，通过 webkit 等内核的发展与版本的迭代与升级，浏览器变得越来越强大。对于前端来说，由于浏览器的升级所能做的事情越来越多，我们在数据存储方面也就有很多方案可以选择，大概有以下几种方式：
之前做展示用幻灯片，我一直热衷于使用PPT，刚开始学习PPT时总是强行使用各种页面特效，越做越复杂。现在看来，学技术大概都要经历一个从简到繁再到简的过程吧。后来，无意间接触到prezi，被它强大的展示逻辑所折服，但用了段时间，发现使用prezi破解版有诸多不便，最关键的是，除了很炫的转场特效，单页的设计感不及PPT，总感觉不尽如人意。 总结下，PPT的单页设计感强，普及率高；prezi的展示思路清晰，变现力强，跨平台，但制作流程稍显不便。 最近，学习H5+CSS3时我突发奇想，为何不用H5来做幻灯片展示呢？刚开始两天，纯靠自己手写页面和转场，不是一般累。我试图去抽取常用的公共方法，尝试做成框架组件的形式，发现工作量巨大，而且以自己目前水平，写出来的代码通用性很差。在Google上搜索时，我发现了impress.js的存在，与我的设想不谋而合，于是乎……不再自己造轮子，又花了两天时间熟悉使用impress.js来设计幻灯片，效果完全超越了我的预期。 impress.js简单来说仅仅是实现了幻灯片的转场特效的框架，虽说将单页限制在框架之内，但所有单页还是需要自己用代码设计。虽然花费的时间远远超过了PPT和prezi，但是能够完全使用代码来定制幻灯片，能够使用几乎每台电脑必备的浏览器放幻灯片，何尝不是一种幸福！ 花了一天探索了下impress.js源码，其实并不复杂，个人感觉收获颇丰，以下阐述我的收获。
动画在移动App开发中的重要性不言而喻，通俗点讲，动画可以让我们的App界面不那么死板，可以带来酷炫的交互效果，用Material Design专业点的说法，动画是一种高级的用户反馈，对用户操作、选择结果的一种反馈，对程序执行过程的动态展示，对用户视觉和注意力的引导，帮助用户更好地理解App的功能设计，Android5.0新生的动画更是体现出这个理念。所以从这点上说，动画的意义远不止酷炫这一层面。
什么是转场动画： 转场动画说的直接点就是你常见的界面跳转的时候看到的动画效果，我们比较常见的就是控制器之间的Push和Pop,还有Present和Dismiss的时候设置一下系统给我们的modalTransitionStyle,以及通过手势的左滑或者是右滑的转场等等，这些就是我们比较常见的，当然很大部分APP转场的方式也是我们上面说的常见的。我自己的建议和理解，转场动画能帮你加深理解、总结你对动画的学习，但不要轻易在你的项目中大量的去尝试，还是觉得动画用的好就有点睛之笔的感觉，但若是大量的使用
3.进入配置工程界面，Project Type选择Application，Language选择eTS，其他参数根据实际需要设置即可。
上篇文章《19年你应该尝试的50款前端工具（上）》，小编介绍了构建、框架和库的相关工具，本篇文章小编再给大家推荐HTML、CSS、Javascript等相关的十几款工具，希望大家喜欢。
gif动画 UIImageView-PlayGIF - UIImageView-PlayGIF。 YLGIFImage - YLGIFImage。 YLGIFImage-Swift - YLGIFImage-Swift。 gifu.Swift - gifu.Swift高性能GIF显示类库。 droptogif - droptogif视频拖拽到应用窗口后自动转换为 GIF 动画（其转换进程动画效果也超赞）。 JWAnimatedImage.swift - JWAnimatedImage.swift
React Tilt是一个很酷的工具，它为我们的网站元素添加了运动和动画效果。通过给元素添加浮动和倾斜效果，使页面看起来更有趣。React Tilt易于使用，为我们的应用程序带来一丝魔法的触感。
如果想获得更好的阅读体验，请访问我的博客 www.fatbobman.com[1]
Apple 官方描述 NSTabViewController作为一个容器业务控制器,可以管理多个页面,并且一次仅显示一个页面
前面两篇文章从客户端的两个角度来说了说变化，今天我们从前端的角度来看一看这些变化，对于我们的工作会有什么样的改变，记得在2013年下半年时在携程做Hybrid App，当时对于前端的选择很有限，最好的解决方案也只是require.js + zepto.js + backbone.js，而今天，特别是VirtualDOM的出现让Hybrid最终的呈现将不止于Web，有了UIView这种Native的Render Engine，或者类似小程序这样，严格分离的Web Render Engine，这些火花的碰撞，正是因为前端技术方案的变化而引起的。
不知道大家是否还记得，在第二篇《PixiJS 修炼指南 - 02. 项目重构》中，我们创建第一个场景时曾经声明了一个名为 IScene 的场景接口，今天让我们开始实现场景管理器把它给用起来。
SMIL(Synchronized Multimedia Intergration Language,同步多媒体集成语言)是一种以简单，易于了解的XML语言 使各种格式的多媒体播放同步的语言。它可以集成到其它XML语言中，其他XML语言也能集成到该语言中，从而强化 XML的”可扩展”特征。 如果你使用过HTML,就会习惯于SMIL语法，至少一开始是这样。如果你未使用过HTML，但从本教程了解XML，你也会发 现该词汇是较容易的一种。 SMIL能用于控制从源流进的媒体，如RealAudio和RealVideo以及各种其他媒体格式，包括图像，文本，声音和视频
以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。
1、iOS上的页面展示和逻辑 1.1 iOS的MVC设计模式 在介绍iOS的页面展示之前，我们需要先知道iOS应用的运行逻辑和设计模式。MVC即Model，View，Controller（模型，视图，控制器）。 View上展示的东西，由Model来定义 View上展示的逻辑，由Controller来控制 Controller同样负责初始化Model，和传递Model的信息给View 用户在View层中所进行的创建或修改数据的操作，通过Controller对象传达出去，最
最近跟几个小伙伴在实践一个项目，考虑到界面效果，我们决定使用揭露动画作为Activity的转场动画。
1.滑动 信息列表会跟随着用户的交互手势而动，然后卡片到相应的位置上，保持整齐感，它属于指向型动画，物体的滑动取决于用户是用那种手势滑动的。它的作用就是通过指向型转场，有效帮助用户清理页面层级的排列情况。
在react开发单页应用的时候，有时我们需要通过js触发路由的跳转而不是紧紧通过Link组件链接跳转。如：登录成功自动跳转到网站首页或者redirect页；在ajax请求中，通过公共方法验证登录token是否有效，如果无效跳转到登录页等等。 针对上面的两种情况，就有两种路由跳转场景，第一种：在中间中触发路由跳转，第二种：在非Component组件的js中触发路由跳转，这两种场景的跳转方法分别为： 一，组件中跳转到另一个路由组件： 从react-router-dom中导入withRouter方法 import
作者简介 jzg，携程资深前端开发工程师，专注Android开发； zcc，携程高级前端开发工程师，专注iOS开发。 一、前言 随着移动端短视频的火热，音视频编辑工具在做内容类APP上的地位举足轻重。丰富的转场方式可以给短视频带来更多炫酷的效果，从而更好地赢得用户青睐。本议题主要包含了对OpenGL的简单介绍及相关API使用，GLSL着色器语言的基本使用，以及如何通过编写自定义的着色器程序来实现图片的转场效果。 二、为什么使用OpenGL以及使用的难点 2.1 为什么使用OpenGL 视频的转场效果离不开图
大家好，我是陈彬，目前在快手负责短视频架构工作，主要负责构建快手的移动端多媒体引擎，提供短视频拍摄、编辑、发布等视频创作的基础能力，还有消费侧的播放器SDK和短视频后端转码服务。在加入快手之前，从事过很多视频技术相关的领域，如视频编解码算法、传输算法、多媒体芯片、OTT设备等。
相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。
Core Animation(核心动画)是一组功能强大、效果华丽的动画API，无论在iOS系统或者在你开发的App中，都有大量应用。核心动画所在的位置如下图所示，可以看到，核心动画位于UIKit的下一层，相比UIView动画，它可以实现更复杂的动画效果。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
