Giter VIP home page Giter VIP logo

mobile's Introduction

mobile

移动端的相关案例,点餐webApp,今日头条页面

shopping介绍

主要是用来实验ionic实现的webapp在android和ios两个平台的展现形式,以及发现一些问题

ionic实现的app打包环境配置(以安卓为例)

  • 需要安装cordova,利用npm安装
  • 安装java jdk,配置环境变量
  • 安装安卓sdk
    • 点击SDK Mannager.exe
    • 实现安装的过程,需要访问google官网,需要翻墙
    • 安卓sdk环境变量配置
      • ANDROID_HOME --> 安卓sdk安装目录
      • Path --> ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools android sdk的platform-tools和tools
      • 在命令行中进入之前创建的项目目录,执行命令:ionic platform add android --> 添加android平台;
  • 安装eclipse
  • 安装adt插件
  • 利用eclipse运行文件,实现打包的过程(cordova也可以打包)
    • 点击Import导入app文件,点击Android,选择Existing Android Code Into Workspace
    • 点击next,点击Root Directory后面的Browse,选择app文件;勾选project import下面的两个选项,不要勾选copy project into workspace这项; 点击finish;
    • 此时会有两个文件
      • cordovalib --> cordova库文件,不要管
      • mainActivity --> app文件,前端文件在assets-->www目录下
      • 生成的apk格式的app文件在bin文件夹下
    • 修改配置文件config.xml可以配置,app的图标、入场动画等;

headline介绍

  • 仿制今日头条的移动端布局及ajax的应用
  • welcomePage
    • 入场动画页面,利用css3的一些特性,animation、transform、transition等,实现一些动效;
    • 主页利用选项卡的原理,切换不同的频道;
    • 利用zepto方便操作DOM

mobile's People

Contributors

colinming avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.