Table of Contents
回复内容:
Home Web Front-end H5 Tutorial 移动webapp前端ui用哪个框架好?

移动webapp前端ui用哪个框架好?

Jun 07, 2016 am 08:43 AM

回复内容:

如果是 Angular 那就选 Ionic (一对好 CP)
如果是 Vue 那就选 Vux (基于 WeUI)
如果是 jQuery 那就选 Framework7 (iOS 和 Android 双皮肤)
如果是 React 那就选 ... (额,知道的补充下!)
----------
我去,写完看到时间,挖坟了!
----------
更新:
React 可以看看 TouchstoneJS 和 Reapp ,
貌似都不是很完善,需要的可以详细了解下。 看你做什么,如果对性能要求苛刻,比如地图App这种,应该考虑React Native或者NativeScript这样的技术,因为可以编译成原生App。否则我会推荐 Ionic 2 Documentation 这是ionic的最新版本,基于angular2,丰富的UI组件,大大改进的编程模型,非常适合快速开发。 推荐个Jingle Jingle-html5 webapp framework 这个看项目需求
小项目 jQuery Mobile / App Framework (jqmobi)
更小的项目直接Bootstrap 推荐一个自己正在用的。微信设计团队推出,微信原生视觉体验样式库。
GitHub - weui/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications. 个人使用过 Ionic: Advanced HTML5 Hybrid Mobile App Framework开发过项目,做下来感觉很不错,Ionic提供的样式够用了,关键是ionic 吧开发流程都帮你做好了,已经不再是单纯的UI框架,而是开发框架了。

如果你要纯的UI框架,推荐个最近新发现的库: SUI Mobile,这是淘宝出的,应该靠谱 作为一个伪FEEer,尝试着回答一下。

UI的话,分为基础样式和基础组件两部分。

基础样式:
建议这一部分可以用一些轻量级的库如Purecss(purecss.io),采用其Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用grid.css,grid960.css这样的栅格来处理。

基础组件:
基础组件主要是button,input,form等,可以在bootcss.com看到很多的组件库,按照需要选择一部分,在做下自定义修改配色,阴影,边框什么的,动画的话就用animate.css吧。

交互设计:
是webapp的难点和问题所在,个人建议,在移动端还是尽可能的减少复杂的交互内容,更多的做内容呈现和基础的功能实现(考虑兼容问题和移动网络流量,移动网络质量等因素)

附加内容:
响应式设计也是要分场合的,在简单的内容呈现如博客,可以考虑响应式,不过针对业务系统,还是建议做一套移动版本和对应的桌面版本,这是个人的一些看法,希望有用。 当我看到大家提到Jquery 我就果断的退了出去 mui angularjs配ionic不错。
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to run the h5 project How to run the h5 project Apr 06, 2025 pm 12:21 PM

Running the H5 project requires the following steps: installing necessary tools such as web server, Node.js, development tools, etc. Build a development environment, create project folders, initialize projects, and write code. Start the development server and run the command using the command line. Preview the project in your browser and enter the development server URL. Publish projects, optimize code, deploy projects, and set up web server configuration.

What exactly does H5 page production mean? What exactly does H5 page production mean? Apr 06, 2025 am 07:18 AM

H5 page production refers to the creation of cross-platform compatible web pages using technologies such as HTML5, CSS3 and JavaScript. Its core lies in the browser's parsing code, rendering structure, style and interactive functions. Common technologies include animation effects, responsive design, and data interaction. To avoid errors, developers should be debugged; performance optimization and best practices include image format optimization, request reduction and code specifications, etc. to improve loading speed and code quality.

How to make h5 click icon How to make h5 click icon Apr 06, 2025 pm 12:15 PM

The steps to create an H5 click icon include: preparing a square source image in the image editing software. Add interactivity in the H5 editor and set the click event. Create a hotspot that covers the entire icon. Set the action of click events, such as jumping to the page or triggering animation. Export H5 documents as HTML, CSS, and JavaScript files. Deploy the exported files to a website or other platform.

How do I handle user location privacy and permissions with the Geolocation API? How do I handle user location privacy and permissions with the Geolocation API? Mar 18, 2025 pm 02:16 PM

The article discusses managing user location privacy and permissions using the Geolocation API, emphasizing best practices for requesting permissions, ensuring data security, and complying with privacy laws.

The difference between H5 and mini-programs and APPs The difference between H5 and mini-programs and APPs Apr 06, 2025 am 10:42 AM

H5. The main difference between mini programs and APP is: technical architecture: H5 is based on web technology, and mini programs and APP are independent applications. Experience and functions: H5 is light and easy to use, with limited functions; mini programs are lightweight and have good interactiveness; APPs are powerful and have smooth experience. Compatibility: H5 is cross-platform compatible, applets and APPs are restricted by the platform. Development cost: H5 has low development cost, medium mini programs, and highest APP. Applicable scenarios: H5 is suitable for information display, applets are suitable for lightweight applications, and APPs are suitable for complex functions.

What is the H5 programming language? What is the H5 programming language? Apr 03, 2025 am 12:16 AM

H5 is not a standalone programming language, but a collection of HTML5, CSS3 and JavaScript for building modern web applications. 1. HTML5 defines the web page structure and content, and provides new tags and APIs. 2. CSS3 controls style and layout, and introduces new features such as animation. 3. JavaScript implements dynamic interaction and enhances functions through DOM operations and asynchronous requests.

What application scenarios are suitable for H5 page production What application scenarios are suitable for H5 page production Apr 05, 2025 pm 11:36 PM

H5 (HTML5) is suitable for lightweight applications, such as marketing campaign pages, product display pages and corporate promotion micro-websites. Its advantages lie in cross-platformity and rich interactivity, but its limitations lie in complex interactions and animations, local resource access and offline capabilities.

html next page function html next page function Apr 06, 2025 am 11:45 AM

<p>The next page function can be created through HTML. The steps include: creating container elements, splitting content, adding navigation links, hiding other pages, and adding scripts. This feature allows users to browse segmented content, displaying only one page at a time, and is suitable for displaying large amounts of data or content. </p>

See all articles