• 从传统的安卓、IOS原生手机系统应用开发,转向了移动端Web开发或者是混合开发,既然有需求,那就让我们一起来学习移动端Web开发吧。本文旨在让读者以最快的时间了解移动Web开发基础以及介绍一些常见问题。基础准备...

    背景

    这里写图片描述

    近年来,随着智能手机的普及,移动端开发受到了异常的关注。从传统的安卓、IOS原生手机系统应用开发,转向了移动端Web开发或者是混合开发,既然有需求,那就让我们一起来学习移动端Web开发吧。本文旨在让读者以最快的时间了解移动Web开发基础以及介绍一些常见问题。

    基础准备

    首先我们要有HTML/HTML5、CSS/CSS3基础知识(会简单的切图就可以了) ,如果能懂点JS那就更好啦。

    其次我们要清楚一些基本概念,不然出去吹牛逼听不懂别人说的东西或者自己说出来是非常明显的错误就很尴尬啦,为了能自信满满的吹水,我们来了解下面几个基本概念吧。

    • 移动端网页开发
      在移动端表现良好的页面,如新浪网,腾讯新闻网,手机凤凰这些网站页面在移动端也有不错的表现。

    • 移动端web app开发
      简单来说就是在开发中使用一些浏览器私有的方法,使得web页面拥有一些native的功能。或者更多的是如手机taobao,手机美团,手机微博等类似web app,他们没有很明显的使用一些native功能,但是交互、设计的和app类似的网页,它是要依托浏览器来查看的。当然近期行业内还推出了多种形式的类app/webapp应用技术,比如大家熟知的微信小程序、谷歌推出的PWA(获得与安卓原生应用同等权限)、DCloud公司推出的流应用(获得W3C及国内手机厂商支持)等。

    • hybrid app开发
      也叫【套壳开发】,简单来说就是通过写特定的代码生成跨平台的web app,类似react native,phonegap,cocos2d等。可以用一些前端native开发框架或者是在移动端网页的基础上打包生成app。

    基本概念有了,最后我们要有一张基于移动端尺寸的设计稿,比如750px,720px,640px等都可以。比如下面这张图。接下来我们就来实现这个移动端页面。

    设计稿

    动手实践

    HTML示例

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
            <title>舰炮与鱼雷特权</title>
        </head>
    
        <body>
            具体布局就不展示了
        </body>
    </html>

    html代码中最关键的就是meta标签设置,开发移动端页面首先一定要设置viewport
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

    device-width - 设备的宽度
    initial-scale - 初始的缩放比例  
    minimum-scale - 允许用户缩放到的最小比例   
    maximum-scale - 允许用户缩放到的最大比例  
    user-scalable - 用户是否可以手动缩放 

    当然这只是一种方案,其次是一些辅助优化功能,常用的有如下meta标签:

    <meta content="telephone=no,email=no" name="format-detection">
    //禁止自动识别电话号码和邮箱
    <meta content="yes" name="apple-mobile-web-app-capable">
    //苹果手机:会删除默认的工具栏和菜单栏,网站开启对web app程序的支持
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    //苹果手机:在web app应用下状态条(屏幕顶部条)的颜色,默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
    <meta name="apple-touch-fullscreen" content="yes" />
    //苹果手机:如果把一个web app添加到了主屏幕中,那么从主屏幕中打开这个web app则全屏显示
    <link rel="apple-touch-icon" href="/static/images/identity/HTML5_Badge_64.png" />
    //苹果手机:将应用添加到手机主屏幕,会有一个icon可以直接进入
    
    

    CSS示例

    //部分重置
    body {
        word-wrap: break-word;
        font: 16px/1.5 Helvetica, Arial;
        //这里是设置字体,Helvetica字体在移动端各系统都支持(都不支持微软雅黑)
        color: #333;
        -webkit-text-size-adjust: none; 
        //设置文本不会放大,普通网页在移动端打开文本是会跟随网页结构缩放的
    }
    body *{
        -webkit-tap-highlight-color: transparent;
        //在一些手机上,如iphone,点击按钮等元素会出现点击态的背景色,设置为透明就看不出来了
        -webkit-user-select:none;
        //设置元素内的文字及其子元素将不会被选中
    }
    //部分样式
    .pack-sub em{
      width:38px;
      height:20px;
      display: inline-block;
      margin-left: 3px;
      font-size: 14px;
      background-color: #ff599b;
      border-radius: 20px;
    }

    css中,关键点一是重置样式和PC端有点不同,二是css的数值应该是设计稿中的一半,以750px为例(因为最常见的iPhone6的屏幕尺寸为375px,设计稿是手机屏幕的两倍大小,所以css中的数值按设计稿一半计算)

    最终效果

    设计稿

    问题和优化

    细心的我们发现,目前的实现在iPhone6下是很友好的,但是在其他设备上,比如小屏的iPhone4或者类型更多的安卓手机,表现并不是很好。这时我们会去搜索移动端适配解决方案,有js+rem的方式,也有淘宝Flexible的解决方案,我们应该去了解并实践咯。
    传送门:
    移动web适配利器-rem
    使用Flexible实现手淘H5页面的终端适配

    移动端开发的优劣

    优势:
    移动端开发的优势简单来说就是兼容性更好了,基本上只需要针对webkit内核的浏览器做兼容就好了,而且本身这类浏览器对html5、css3的兼容性就比较高,所以PC端不太敢用的属性就大胆的用起来吧。
    移动端还可以使用很多设备接口来实现更好的交互效果,比如陀螺仪实现类似3D VR效果,多指操作实现图片缩放旋转,获取地理位置等。

    劣势:
    移动端目前设备类型特别多,移动端的适配比较难处理,移动端的事件也是一个难题,比如tap延迟,点击穿透等问题。

    扩展

    要想处理好移动Web开发,我们还需要很多知识储备,很多问题需要找到比较好的解决方案,下面列举一些常见问题及可供学习的资料。
    1.设备视口及像素比
    2.浅谈移动Web开发(上):深入概念
    3.移动端自适应方案
    4.移动端 Web 开发前端知识整理
    5.移动端事件介绍

    总结

    本文主要介绍了如何快速切入到移动Web开发,并介绍了开发中可能会遇到的常见问题,虽然没有具体介绍,因为这不是本文的主要目的,目的是希望读者在阅读之后对移动Web开发有个大致的了解,然后在实际开发工作中不断积累。
    本文介绍方式是根据我自己的学习方式来描述的,先实现一个DEMO,获得一点成就感之后才有勇气面对开发中无数的坑嘛!希望对大家有帮助!

    展开全文
  • 在移动端页面的日常开发中常常会碰到这样一个问题,页面在Chrome的Device模式下显示正常,但在移动端浏览器或者内嵌到APP里就会出现样式问题或者Js代码问题,但是移动端上没有类似Chrome的开发者调试工具,只能通过...

    问题提出:

    在移动端页面的日常开发中常常会碰到这样一个问题,页面在Chrome的Device模式下显示正常,但在移动端浏览器或者内嵌到APP里就会出现样式问题或者Js代码问题,但是移动端上没有类似Chrome的开发者调试工具,只能通过尝试修改,重复发布版本来检查问题,或者写一大堆alert弹窗来调试。这种方法不但繁琐,而且收效甚微。

    解决方案:

    Vorlon.js可以帮助开发者加载、检查、测试及调试任何设备上使用Web浏览器运行的JavaScript代码。它可以连接游戏控制台、移动设备、甚至是接入IoT的冰箱,连接的设备数量最多可达50台。开发者可以在其中一台或所有设备上运行JavaScript代码。借助vorlon.js,开发团队还可以一起调试,每个人编写的代码都对所有人可见。Vorlon.js开发团队遵循的一个基本原则是:不引入特定于浏览器的原生代码和依赖,设备上只需要运行JavaScript、HTML、CSS。

    Vorlon.js基于node.js和socket.io构建,本身就是一个小型的Web服务器(node.js服务器),可以从本机运行,也可以安装在一台服务器上,供整个团队使用。该服务器托管着“仪表盘(dashboard)”页面和一个使用socket.io连接该页面及各种设备的服务。它还提供了一个包含所有插件客户端代码的页面。这些代码负责与客户端设备及仪表盘页面通信。连接的设备必须引用该页面。

    使用方法:

    下面介绍Vorlon.JS的使用方法

    1、安装Vorlon.JS

    npm install vorlon -g

    2、启动Vorlon.JS服务

    安装完成后,输入命令“vorlon”启动Vorlon.JS服务。
    这里写图片描述

    3、在需要调试的页面插入JS代码

    Vorlon.JS服务启动后,在调试页面插入JavaScript代码。IP_address使用本地ip地址。格式如下:

    <script src="http://[IP_address]:1337/vorlon.js"></script>

    注:本地ip地址可在命令窗口中输入ipconfig获取。
    这里写图片描述

    4、手机端设置http代理

    把手机端的代理设置为Fiddler的代理,代理设置需要一个ip和一个端口,ip就是Fiddler所运行的电脑的局域网ip地址,端口默认是Fiddler代理的端口8888,请确保手机所在的网段可以访问到电脑所在的网段,同一个局域网里一般没什么问题。
    这里写图片描述

    5、进入调试

    在浏览器中打开地址http://localhost:1337。页面如图
    这里写图片描述

    Vorlon.js具有可扩展性,开发者可以通过插件增加客户端和仪表盘功能。每个插件都分成客户端和仪表盘端两部分。前者用于捕获信息及同设备交互;后者用于在仪表盘页面中生成命令面板。Vorlon.js本身自带了如下三个插件:

    Console:该插件有两个功能:一是在仪表盘页面中显示console.log()、console.warn()或console.error()日志,指导调试;二是允许开发者输入代码同远程页面交互;
    DOM Exploer:展示远程页面的DOM;
    Modernizr:借助Modernizr展示受支持的浏览器特性。
    开发者也可以构建自己的插件,具体过程参见这里

    展开全文
  • 微信手机端调试工具[下载地址] (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html) 进入后的页面 注:1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具...

    微信手机端调试工具[下载地址]

    (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html)
    进入后的页面
    这里写图片描述
    这里写图片描述

    注意:

    1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具(比如小程序-微信Web开发者工具),建议使用腾讯管家之类的清理干净。

    2.安装好后,选择移动调试,X5 Blink内核调试,先验证手机是否支持X5 Blink内核调试,如果不支持,找一台支持的手机。
    这里写图片描述
    3.翻墙,用usb线连接移动设备与本机,在手机设置里搜索usb调试,打开usb调试功能,用移动设备扫描以上二维码,勾选信息>TBS setting > 是否打开TBS内核 Inspector调试功能,点击开始调试。
    4.退出微信,从新登录打开微信端的网页后会出现下图(如果未出现,或空白则需要翻墙),点击inspect
    这里写图片描述
    5.现在进入了我们熟悉的chrome调试界面

    这里写图片描述

    展开全文
  • 范围:开发所有的微信web页面 下载地址:http://www.chtml.cn/topic/show/49 实例一、Button按钮可以使用a或者button标签。wap上要触发按钮的active态,必须触发ontouchstart事件,可以在body上加上ontouchstart=...

    框架:微信ui开发框架
    范围:开发所有的微信web页面
    下载地址:http://www.chtml.cn/topic/show/49

    实例一、Button

    按钮可以使用a或者button标签。wap上要触发按钮的active态,必须触发ontouchstart事件,可以在body上加上ontouchstart=”“全局触发。

    按钮常见的操作场景:确定、取消、警示,分别对应class:weui_btn_primary、weui_btn_default、weui_btn_warn,每种场景都有自己的置灰态weui_btn_disabled,除此外还有一种镂空按钮weui_btn_plain_xxx,客户端webview里的按钮尺寸有两类,默认宽度100%,小型按钮宽度自适应,两边边框与文本间距0.75em:
    效果图:
    这里写图片描述

    代码片段:

    <a href="javascript:;" class="weui_btn weui_btn_primary">按钮</a>
    <a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_primary">按钮</a>
    <a href="javascript:;" class="weui_btn weui_btn_warn">确认</a>
    <a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_warn">确认</a>
    <a href="javascript:;" class="weui_btn weui_btn_default">按钮</a>
    <a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_default">按钮</a>
    <div class="button_sp_area">
        <a href="javascript:;" class="weui_btn weui_btn_plain_default">按钮</a>
        <a href="javascript:;" class="weui_btn weui_btn_plain_primary">按钮</a>
    
        <a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_primary">按钮</a>
        <a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default">按钮</a>
    </div>

    实例二、Cell

    Cell,列表视图,用于将信息以列表的结构显示在页面上,是wap上最常用的内容结构。Cell由多个section组成,每个section包括section headerweui_cells_title以及cellsweui_cells。

    cell由thumnailweui_cell_hd、bodyweui_cell_bd、accessoryweui_cell_ft三部分组成,cell采用自适应布局,在需要自适应的部分加上classweui_cell_primary即可:

    效果图:
    这里写图片描述

    代码片段:

    <!--带说明的列表项-->
    <div class="weui_cells_title">带说明的列表项</div>
    <div class="weui_cells">
        <div class="weui_cell">
            <div class="weui_cell_bd weui_cell_primary">
                <p>标题文字</p>
            </div>
            <div class="weui_cell_ft">
                说明文字
            </div>
        </div>
    </div>

    Cell可根据需要进行各种自定义扩展,包括辅助说明、跳转、单选、复选等。下面以带图标、说明、跳转的列表项,其他情况可以直接参考example下的代码:

    <div class="weui_cells_title">带图标、说明、跳转的列表项</div>
    <div class="weui_cells weui_cells_access">
    
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:20px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>cell standard</p>
            </div>
            <div class="weui_cell_ft">
                说明文字
            </div>
        </a>
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:20px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>cell standard</p>
            </div>
            <div class="weui_cell_ft">
                说明文字
            </div>
        </a>
    </div>

    实例三、Dialog

    若系统的alert窗体无法满足网页的临时视图内容需求,则可以自定义实现与alert形式相似的dialog,并且在dialog中可以自定义地使用各种控件,来满足需求。

    这里写图片描述

    代码片段:

    <div class="weui_dialog_confirm">
        <div class="weui_mask"></div>
        <div class="weui_dialog">
            <div class="weui_dialog_hd"><strong class="weui_dialog_title">弹窗标题</strong></div>
            <div class="weui_dialog_bd">自定义弹窗内容<br>...</div>
            <div class="weui_dialog_ft">
                <a href="javascript:;" class="weui_btn_dialog default">取消</a>
                <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
            </div>
        </div>
    </div>

    这里写图片描述

    代码片段:

    <div class="weui_dialog_alert">
        <div class="weui_mask"></div>
        <div class="weui_dialog">
            <div class="weui_dialog_hd"><strong class="weui_dialog_title">弹窗标题</strong></div>
            <div class="weui_dialog_bd">弹窗内容,告知当前页面信息等</div>
            <div class="weui_dialog_ft">
                <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
            </div>
        </div>
    </div>

    实例四、Toast

    toast用于临时显示某些信息,并且会在数秒后自动消失。这些信息通常是轻量级操作的成功、失败或等待状态信息。

    这里写图片描述

    代码片段:

    <div id="toast" style="display: none;">
        <div class="weui_mask_transparent"></div>
        <div class="weui_toast">
            <i class="weui_icon_toast"></i>
            <p class="weui_toast_content">已完成</p>
        </div>
    </div>

    这里写图片描述

    <div id="loadingToast" class="weui_loading_toast" style="display:none;">
        <div class="weui_mask_transparent"></div>
        <div class="weui_toast">
            <div class="weui_loading">            <!-- :) -->
                <div class="weui_loading_leaf weui_loading_leaf_0"></div>
                <div class="weui_loading_leaf weui_loading_leaf_1"></div>
                <div class="weui_loading_leaf weui_loading_leaf_2"></div>
                <div class="weui_loading_leaf weui_loading_leaf_3"></div>
                <div class="weui_loading_leaf weui_loading_leaf_4"></div>
                <div class="weui_loading_leaf weui_loading_leaf_5"></div>
                <div class="weui_loading_leaf weui_loading_leaf_6"></div>
                <div class="weui_loading_leaf weui_loading_leaf_7"></div>
                <div class="weui_loading_leaf weui_loading_leaf_8"></div>
                <div class="weui_loading_leaf weui_loading_leaf_9"></div>
                <div class="weui_loading_leaf weui_loading_leaf_10"></div>
                <div class="weui_loading_leaf weui_loading_leaf_11"></div>
            </div>
            <p class="weui_toast_content">数据加载中</p>
        </div>
    </div>

    实例五、Msg Page

    结果页通常来说可以认为进行一系列操作步骤后,作为流程结束的总结性页面。结果页的作用主要是告知用户操作处理结果以及必要的相关细节(可用于确认 之前的操作是否有误)等信息;若该流程用于开启或关闭某些重要功能,可在结果页增加与该功能相关的描述性内容;除此之外,结果页也可以承载一些附加价值操 作,例如提供抽奖、关注公众号等功能入口。

    这里写图片描述

    代码片段:

    <div class="weui_msg">
        <div class="weui_icon_area"><i class="weui_icon_success weui_icon_msg"></i></div>
        <div class="weui_text_area">
            <h2 class="weui_msg_title">操作成功</h2>
            <p class="weui_msg_desc">内容详情,可根据实际需要安排</p>
        </div>
        <div class="weui_opr_area">
            <p class="weui_btn_area">
                <a href="javascript:;" class="weui_btn weui_btn_primary">确定</a>
                <a href="javascript:;" class="weui_btn weui_btn_default">取消</a>
            </p>
        </div>
        <div class="weui_extra_area">
            <a href="">查看详情</a>
        </div>
    </div>

    实例六、Article

    文字视图显示大段文字,这些文字通常是页面上的主体内容。Article支持分段、多层标题、引用、内嵌图片、有/无序列表等富文本样式,并可响应用户的选择操作。

    在微信客户端webview中使用Article,必须保证文字有足够的可读性和可辨识性、使用规范字体、保证足够的段间距、段首无缩进。

    这里写图片描述

    代码片段:

    <article class="weui_article">
        <h1>大标题</h1>
        <section>
            <h2 class="title">章标题</h2>
            <section>
                <h3>1.1 节标题</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat. Duis aute</p>
            </section>
            <section>
                <h3>1.2 节标题</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            </section>
        </section>
    </article>

    实例七、图标

    这里写图片描述

    代码片段:

    <i class="weui_icon_msg weui_icon_success"></i>
    <i class="weui_icon_msg weui_icon_info"></i>
    <i class="weui_icon_msg weui_icon_warn"></i>
    <i class="weui_icon_msg weui_icon_waiting"></i>
    <i class="weui_icon_safe weui_icon_safe_success"></i>
    <i class="weui_icon_safe weui_icon_safe_warn"></i>
    <div class="icon_sp_area">
        <i class="weui_icon_success"></i>
        <i class="weui_icon_success_circle"></i>
        <i class="weui_icon_success_no_circle"></i>
        <i class="weui_icon_info"></i>
        <i class="weui_icon_waiting"></i>
        <i class="weui_icon_waiting_circle"></i>
        <i class="weui_icon_circle"></i>
        <i class="weui_icon_warn"></i>
        <i class="weui_icon_download"></i>
    </div>

    注释:可以做很多的微信页面,非常好用好使。

    展开全文
  • 教程名称:27个经典移动web开发框架课程目录:【】AppCan-BBS(Discuz!X2 )【】Dojo Mobile【】Flickable.js【】Gbone.js【】GWT-Phonegap【】iPhone开发框架 Three20【】iPhone的web开发框架 UiUIKit【】jquery....
  • 手机Web开发框架集

    2014-05-15 10:10:37
    jQuery Mobile(jQueryMobile) 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile...
     

    展开全文
  • 前面两篇博客中我们简单介绍了Spring Boot项目的创建、并且也带小伙伴们来DIY了一个Spring Boot自动配置功能,那么这些东西说到底最终还是要回归到Web上才能...,今天我们就来看一下如何使用Spring Boot来开发Web项目...
  • 大家好,我叫亓官劼(qí guān jié ),这个《小白都能看懂的实战教程 手把手教你Python Web全栈开发》是一个零基础的实战教程,手把手带你开发一套系统,带你了解Python web全栈开发,目前正在连续更新中,如果...
  • 因此实际上就是在做移动端的web开发了。 在这过程中遇到了不少有意思的东西。DEMO的github地址在这里内容提要:meta标签Vuejs的简单实战CSS移动端全屏背景CSS移动端动画初探meta标签 这点与在PC写前端有着很大...
  • 谁有移动端html页面开发视频教程啊??谁有??跪求。。 1
  • 下面小编专门为广大web前端学习爱好者汇总了一条完整的自学线路:WEB学习路线2019完整版(附视频教程+网盘下载地址)。适合初学者的最新WEB前端学习路线汇总! 在当下来说web前端开发工程师可谓是高福利、高薪水的...
  • 高德地图WEB开发(key申请、api)简约教程 1.首先我们需要去“高德地图开发平台” 通过“百度搜索 ”或者“谷歌搜索 ” 高德地图然后会有一个高德开发平台|高德地图apl     2.登录高德开发平台 这是高德开发...
  • 1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端...如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨:移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑,如果大...
  • 手机APP开发/WebApp应用

    2018-10-22 21:38:13
    APP开发,是指智能终端设备应用软件开发。由于智能手机、平板电脑等移动终端设备的不断普及,使APP应用软件得到广泛的使用,导致APP开发的“兴起”。App是application的缩写,通常专指手机上的应用软件,或称手机...
  • web前端开发》从零基础到高级项目实战14个 整套教程包含笔记+开发工具+源码 01.html和css 02.京东项目 03.Javascript 基础 04.webapi 05.javascript高级 06.jquery 07.php基础 08.Ajax 09.阿里百秀项目实战 10....
  • 写在前面:本人刚刚接触移动端开发,希望自己的见解能够帮助到他人,不足之处还望提醒。1 移动端开发分类1.1 Native App 原生App开发优点:(1)用户体验好(2)性能稳定(3)操作速度快(4)能够访问本地资源...
  • 一、企业项目开发流程 产品提需求 交互设计出原型设计 视觉设计出UI设计图 前端开发出页面模板 server存取数据库 验收测试 二、为什么要使用vue:https://cn.vuejs.org/v2/guide/comparison.html 5个前端,...
  • 移动端Web开发

    2019-09-23 16:05:07
    HTML5是移动端开发最常用的技术,熟悉HTML5新标签和Api以及CSS3的新的Api,可以使你的网页更加的绚丽多彩,并且开发出你意想不到的网页效果。学完此课程,你编写的代码就可以移动设备上完美兼容啦。
  • 目前正在探索中。。。。。。。。。。。。。。希望大神给指指路不知道怎么起步
1 2 3 4 5 ... 20
收藏数 11,006
精华内容 4,402