Web APP

【转载】下一代Web应用模型:Progressive Web App

近年来,Web 应用在整个软件与互联网行业承载的责任越来越重,软件复杂度和维护成本越来越高,Web 技术,尤其是 Web 客户端技术,迎来了爆发式的发展。包括但不限于基于 Node.js 的前端工程化方案;诸如 Webpack、Rollup 这样的打包工具;Babel、PostCSS 这样的转译工具;TypeScript、Elm 这样转译至 JavaScript 的编程语言;React、Angular、Vue 这样面向现代 Web 应用需求的前端框架及其生态,也涌现出了像同构 JavaScript通用 JavaScript 应用这样将服务器端渲染(Server-side Rendering)与单页面应用模型(Single-page App)结合的 Web 应用架构方式,可以说是百花齐放。

移动端重构系列13——页面切换

在前面几篇教程当中,说到切入切出的动画,一般用在panel、popup、modal等组件上的效果。但在移动端上常常会要处理页面之间的切换效果。简单的理解,类似PC端上Web页面中的Slidershow效果,也就是大家说的图片轮播效果。只不过这种效果在移动端上略做处理。接下的主要向大家介绍这方面的实现方法。

移动端重构系列12——popup

上一节介绍了移动端中Modal的制作,那么在实际开发当中,除了有Modal这样的弹出窗之外还有另一种弹出效果。这种效果常常被称为“Popup”。俗称“气泡”。那么在这一节中将向大家介绍移动端中的Popup实现方法。

移动端重构系列11——弹窗modal

弹出窗是页面与用户沟通的一种有效方式,我们常把这种效果称为Modal效果。在移动端这样的弹窗效果也是常见的效果之一。如果你将功能划分成每个组件,那么Modal将是你这些组件中的核心组件之一,因为任何网站都有可能离不开这样的弹窗效果。那么我们今天就一起来学习如何在移动端实现Modal的效果。

移动端重构系列10——侧边栏导航

移动端有一个效果常见到,那就是侧边栏的滑出和滑入。默认的时候有一个小图标,当用户触摸这个图标的时候,侧边栏就会滑入,再次触摸的时候就会滑出。在这节中,主要介绍这种侧边栏的实现。

移动端重构系列9——图片滚动

上一节中介绍了移动端的滚动实现,但我们更多看到的效果是图片的滚动,也就是常说的slidershow效果。在这一节中,主要针对图片滚动效果做一定的介绍。

返回顶部