移动webapp前端ui用哪个框架好?
回复内容:
如果是 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(http://purecss.io),采用其Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用grid.css,grid960.css这样的栅格来处理。
基础组件:
基础组件主要是button,input,form等,可以在http://bootcss.com看到很多的组件库,按照需要选择一部分,在做下自定义修改配色,阴影,边框什么的,动画的话就用animate.css吧。
交互设计:
是webapp的难点和问题所在,个人建议,在移动端还是尽可能的减少复杂的交互内容,更多的做内容呈现和基础的功能实现(考虑兼容问题和移动网络流量,移动网络质量等因素)
附加内容:
响应式设计也是要分场合的,在简单的内容呈现如博客,可以考虑响应式,不过针对业务系统,还是建议做一套移动版本和对应的桌面版本,这是个人的一些看法,希望有用。 当我看到大家提到Jquery 我就果断的退了出去 mui angularjs配ionic不错。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









H5プロジェクトを実行するには、次の手順が必要です。Webサーバー、node.js、開発ツールなどの必要なツールのインストール。開発環境の構築、プロジェクトフォルダーの作成、プロジェクトの初期化、コードの書き込み。開発サーバーを起動し、コマンドラインを使用してコマンドを実行します。ブラウザでプロジェクトをプレビューし、開発サーバーURLを入力します。プロジェクトの公開、コードの最適化、プロジェクトの展開、Webサーバーの構成のセットアップ。

H5ページの制作とは、HTML5、CSS3、JavaScriptなどのテクノロジーを使用したクロスプラットフォーム互換のWebページの作成を指します。そのコアは、ブラウザの解析コード、レンダリング構造、スタイル、インタラクティブ機能にあります。一般的なテクノロジーには、アニメーションエフェクト、レスポンシブデザイン、およびデータ相互作用が含まれます。エラーを回避するには、開発者をデバッグする必要があります。パフォーマンスの最適化とベストプラクティスには、画像形式の最適化、リクエスト削減、コード仕様などが含まれ、読み込み速度とコード品質を向上させます。

H5クリックアイコンを作成する手順には、次のものがあります。画像編集ソフトウェアで正方形のソース画像の準備が含まれます。 H5エディターにインタラクティブ性を追加し、クリックイベントを設定します。アイコン全体をカバーするホットスポットを作成します。ページにジャンプしたり、アニメーションのトリガーなど、クリックイベントのアクションを設定します。 HTML、CSS、およびJavaScriptファイルとしてH5ドキュメントをエクスポートします。エクスポートされたファイルをウェブサイトまたは他のプラットフォームに展開します。

H5。ミニプログラムとアプリの主な違いは次のとおりです。技術アーキテクチャ:H5はWebテクノロジーに基づいており、ミニプログラムとアプリは独立したアプリケーションです。経験と機能:H5は軽量で使いやすく、機能が限られています。ミニプログラムは軽量で、インタラクティブが良好です。アプリは強力で、スムーズな経験があります。互換性:H5はクロスプラットフォーム互換性があり、アプレットとアプリはプラットフォームによって制限されています。開発コスト:H5には、開発コストが低く、中程度のミニプログラム、最高のアプリがあります。適用可能なシナリオ:H5は情報表示に適しており、アプレットは軽量アプリケーションに適しており、アプリは複雑な機能に適しています。

この記事では、Geolocation APIを使用してユーザーの場所のプライバシーと許可を管理し、アクセス許可を要求するためのベストプラクティスを強調し、データセキュリティを確保し、プライバシー法を遵守することについて説明します。

H5(HTML5)は、マーケティングキャンペーンページ、製品ディスプレイページ、企業プロモーションマイクロウェブサイトなどの軽量アプリケーションに適しています。その利点は、クロスプラットフォームと豊富な対話性にありますが、その制限は複雑な相互作用とアニメーション、ローカルリソースアクセス、オフライン機能にあります。

H5はスタンドアロンプログラミング言語ではなく、最新のWebアプリケーションを構築するためのHTML5、CSS3、およびJavaScriptのコレクションです。 1。HTML5は、Webページの構造とコンテンツを定義し、新しいタグとAPIを提供します。 2。CSS3はスタイルとレイアウトを制御し、アニメーションなどの新しい機能を紹介します。 3. JavaScriptは動的な相互作用を実装し、DOM操作と非同期要求を通じて機能を強化します。

<p>次のページ関数は、HTMLを介して作成できます。手順には、コンテナ要素の作成、コンテンツの分割、ナビゲーションリンクの追加、他のページの隠し、スクリプトの追加が含まれます。この機能により、ユーザーはセグメント化されたコンテンツを閲覧でき、一度に1つのページのみを表示し、大量のデータやコンテンツを表示するのに適しています。 </p>
