• 微信小程序和WebApp有什么区别?-威震天 1.开发方式: 开发语言开发感觉方面类似,微信小程序自己的js-sdk也是类似vueng的mvvm思想来写。webapp如ionic是基于ng的所有有很多ng插件,但是微信小程序是自己渲染...

    微信小程序和WebApp有什么区别?

    -威震天

    • 1.开发方式:

      开发语言和开发感觉方面类似,微信小程序自己的js-sdk也是类似vue和ng的mvvm思想来写。webapp如ionic是基于ng的所有有很多ng插件,但是微信小程序是自己渲染引擎不支持第三方插件。坐等官方更新。这点限制了小程序扩展当然本事小程序主题就不应该庞大,所以jquery是完全不可以使用的。

    • 2.呈现方式:

      微信小程序是通过微信二维码进入或者自己去微信搜(暂时没有完善商店),而webapp如ionic要打包成android,ios和wf的可执行程序放在商店下载。ui使用方面webapp可以和原生很接近。小程序还是差得远,只能当原生的轻应用来使用一部分功能,对于只想一部分功能人不用下载app。

    • 3.发布方面:

      webapp如ionic可以自己开发挂商店玩,weapp小程序暂时只能公司申请一年300的用(防止泛滥)。

    • 4.IDE方面:

      webapp如ionic可以随意使用流行的文本编辑器vscode,atom还是sublime都可以,而小程序自己的IDE不能设置背景坑白色开发多难过。虽然有大神第三方加插件改成,但是官方应该升级一下满足黑色程序员。

    • 5.未来发展:

      本人大四入门菜鸟这个不好说,毕竟h5跨平台也有很多坑。webapp如ionic通过cordova可以操作手机硬件,小程序通过自己引擎可以操作手机硬件。但是多多少少打击到了原生移动端开发者。

    妾身让人舒服不可取代正宫。

    展开全文
  • 小程序和H5 “老板”不一样,H5是由W3C做的一个开放标准规范,微信小程序是腾讯自己的封闭规范。 运行环境不一样,H5的是开放的,可以运行在任何符合H5标准的容器(浏览器等)内,微信小程序相对来说是封闭的,...

    小程序和H5

    1. “老板”不一样,H5是由W3C做的一个开放标准规范微信小程序是腾讯自己的封闭规范

    2. 运行环境不一样,H5的是开放的,可以运行在任何符合H5标准的容器(浏览器等)内,微信小程序相对来说是封闭的,只能在微信里运行(目前是这样),但是未来应该会越来越开发。

    3. 开发方式不一样,H5就是一个网页,所有网页开发技术都可以应用在H5开发上,微信小程序必须符合微信制定的规范。从实际开发体验看,做一个微信小程序更像是做了一个App,但是不需要这么强的去做适配。

    4. 获取到的权限不一样,H5作为一个网页,被封闭在浏览器这个沙箱内。但是微信可以赋予微信小程序更多特殊权限,比如录音,视频,罗盘,扫一扫,模板消息,客服消息,分享等,这些都是和微信无缝衔接的。在微信里,微信小程序毫无疑问要比H5的体验好很多,除了不能支持长按识别二维码外。

    小程序和APP

    1. 小程序是微信自身“平台级应用”属性的进一步升级与完善,也是微信进一步的开放,在调动开发者的同时能提升用户活跃度,集中更多功能形成更加完整丰富的生态环境。app作为一个独立的应用,本身是比较重的,它能脱离封闭空间,满足用户个性化需求,具有独立的交易和营销价值。

    2. 微信小程序是web app,是基于网络平台的应用,它不需要在设备上下载安装,比如现有微信里的滴滴打车,而app是专门针对某一类移动设备产生的,它们都是被直接安装到手机设备里,属于独立的应用,从推广成本来说,微信小程序的推广成本和公众号类似,要远远低于app的推广成本

    3. 从技术上说,微信小程序就是微信支持的一种第三方插件,微信向这种第三方插件开放了更多的功能接口,从丰富的界面控制到多种框架,特别合适提供了更多的对移动设备的访问能力。

    展开全文
  • 微信小程序和web开发使用过程中的相似与不同 相似之处:1.二者在构造时都用到了JavaScript语言; 2.在设计小程序和网页时,都不可避免的要用到图片文字去丰富内容,使其变得更加充实,因而也就需要设计框架页面...

    思考

    微信小程序和web开发使用过程中的相似与不同

    相似之处:
    1.二者在构造时都用到了JavaScript语言;

          2.在设计小程序和网页时,都不可避免的要用到图片文字去丰富内容,使其变得更加充实,因而也就需要设计框架和页面样式,从而达到耐看、新颖、增加阅读量的目的;
    
          3.同样需要用到http协议来请求网络服务器;
    
          4.具有共享性,并保证人们的同时使用;
    
          5.需要即时迅速的更新内容,保证信息的即时性;
    
          6.在开发过程中,对样式进行设置时,例如设置方向或者大小时都类似。同时,一些标签语言虽然看起来不一样,但其作用是类同的;
    

    不同之处:1.规模不同,web可以运行制作大项目,而小程序则可以脱离软件应用,供人进行简单的使用和操作,也因此它使用起来更加便捷,只要依赖于微信并注册账号即可;

          2.有各自的标签语言,web除了JS语言还主要用到了html和css,小程序要学会使用wxml标签语言;
    
          4.web的开发成本比较小程序而言要大得多,在进行编辑开发过程中涉及到的模块架构要更多,也因此需要更多的人力精力;
    

    5.维护代价不同,二者相较来说,网站的维护更加繁复;

    6.适用性不同,web在电脑和手机上都可以,而小程序只适用于手机,不可能脱离手机使用;

    7.运行环境不同,web依赖于浏览器,而小程序的运行环境是非完整的浏览器

    微信小程序的开发要比web简单一点,在接触学习过web以后才去学习的小程序,总体感觉一些地方还是理解困难,但也能明显感觉到二者之间的联系也是很多的。

    展开全文
  • cmd中输入:npm i @vant/weapp -S --production安装vant/webapp小程序专用包。 4.去微信开发者工具里构建npm使用npm 模块 进入微信开发者工具,依次点击左上角工具——>构建npm。右上角详情——>勾选...

    1.打开微信开发者工具新建小程序项目

    2.命令行到根目录,初始化npm

    cmd命令中输入npm init。这里会让你填一些初始化信息,我这里做演示就什么都不填了,直接回车

    3.npm 安装vant小程序专用包。

    cmd中输入:npm i @vant/weapp -S --production安装vant/webapp小程序专用包。

    4.去微信开发者工具里构建npm和使用npm 模块

    进入微信开发者工具,依次点击左上角工具——>构建npm。右上角详情——>勾选使用npm模块。成功后你的项目文件夹会多出来这两个文件夹和package.json文件。去app.json中找到style:v2这个属性,删除

    5.去你想要的页面引入想要的vant组件。

    在你想要引用组件的页面的json文件中,"usingComponents"对象里写入你想要的组件。这里有可能会报错,错误不一,有很多,但是基本上都是一个原因造成的。把你项目中的@vant>webapp目录下的所有内容全部删除,然后去vant的github上下载vant包。将解压后的dist文件夹下面的所有文件全部复制到项目中的@vant>webapp目录下,然后再保存运行项目,就可以正常使用vant组件了。

     

     

    展开全文
  • 小程序测试方案

    2018-12-23 17:05:02
    小程序和WebApp有什么区别   小程序的介绍与认识 是一种微信开发不需要下载安装即可使用的应用。 小程序的架构:包含View视图层、AppService逻辑层。View层用来渲染页面结构,AppService层用来逻辑处理、数据...

    微信小程序测试方案

    目录

    小程序的介绍与认识

    小程序的环境类型

    小程序测试注意事项

    小程序的测试点

    小程序上线前的注意事项

    小程序和WebApp有什么区别


     

    小程序的介绍与认识

    是一种微信开发不需要下载安装即可使用的应用。

    小程序的架构:包含View视图层、AppService逻辑层。View层用来渲染页面结构,AppService层用来逻辑处理、数据请求、接口调用,它们在两个线程里运行。视图层使用WebView渲染,逻辑层使用JSCore运行。

    视图层和逻辑层通过系统层的JSBridage进行通信,逻辑层把数据变化通知到视图层,触发视图层页面更新,视图层把触发的事件通知到逻辑层进行业务处理。

    小程序的限制:

       1)数量限制:小程序一个应用只能同时打开5个页面;若忽略5个页面的限制,这时如果跳转逻辑超过5个页面会出现跳转打不开的情况;若已做到跳出5个页面的限制,需要特别查看各个页面间的跳转情况,重复进入的页面以及关闭页面能否返回上一层页面。

       2)大小限制:小程序源码打包后的大小限制为1M,因此源码中的图片和icon和数据等都需要压缩。这里就可能出现数据和图片丢失,不清晰等问题

    小程序的版本类型

     

     

    版本类型

    开发版

    体验版

    共同点

    1、无需审核

    2、需要给微信号配置权限3、通过扫小程序的二维码才能访问

    不同点

    开发版小程序的二维码有效期比较短

     

    小程序的环境类型

    由小程序的版本类型可以看出,我们一般会准备三套环境:

    1、发版访问测试环境

    2、体验版访问预发布环境

    3、正式版访问生产环境

     

    小程序测试注意事项

    1、留意分享功能的权限:若某页面对游客访问有权限限制,则需要设置取消其分享功能。

    PS:目前小程序不支持直接分享朋友圈,只能分享微信好友;有很多小程序通过生成带有二维码的图片,用户可以退出程序将图片发布到朋友圈

    2、小程序强制更新功能:新版小程序上线后,自动、强制更新。

     

    小程序的测试点

    1、测试点如下:权限测试、UI测试、功能测试、兼容性测试、易用性测试、网络测试、性能测试、接口测试

    2、测试点具体说明:见下图

     

     

    小程序上线前的注意事项

    1、测试环境使用测试域名。当在测试环境将所有功能跑通后,需要开发使用正式域名,然后再去做下回归验收测试。

    2、回归验收测试完成后,整理测试报告

    小程序和WebApp有什么区别

    小程序 特征
    入口 在二维码里,小程序的启动更多是来源于二维码扫描
    是否要下载 不需要到应用商店去下载
    是否订阅 不需要订阅
    能否推送消息 不能推送消息
    设计理念 微信小程序开发相当于重新做了一个不同于传统形式的APP,从开发、设计、测试、升级都是单独的一套。微信小程序和原生APP以及轻应用都不同,它更像是微信功能的延伸,更加注重场景化。
    本质内容 但从本质上讲,它依旧没有摆脱原生APP开发以及轻应用所面临的两个问题:基于H5的特性和功能上的限制,微信小程序开发虽然无需安装可以即开即用,能够很大地减少手机的存储空间占用,但是对于网络的依赖也更加严重,轻量的定位在功能体验上也会不如传统APP开发出色。
    展开全文
  • 1、相同点 不管是传统行业的web测试,还是新兴的手机APP测试,都离不开测试的基础...3)需要检查界面的布局、风格按钮等是否简洁美观、是否统一等;4)测试页面载入翻页的速度、登录时长、内存是否溢出等;5...
  • native app 即原生app,可用object-c(IOS)或java编写(安卓),页面存放于本地,可直接访问,可以调用操作系统底层接口,性能非常好,可以请求更多的cpu资源,一般可用于开发性能要求较高的app,如大型手机游戏。...
  • DIY官网在线设计后台数据源及前台展示,设计完成后支持一键导出小程序WebApp及后台管理,导出后台后解压到服务器后安装应用,安装完成后即可使用。源码只需要20000元。 官方网站:http://www.diygw.com 后台...
  • Auto Close Tag — 自动闭合HTML标签 Auto Rename Tag — 修改HTML标签时,自动修改匹配的标签 background — 背景 beautify— javascript, JSON, CSS, Sass, HTML ...Beautify css/sass/scss/less — 代码高亮 CSS ...
  • 坚持把遇到的问题整理出来,供大家参考(企鹅群:263130304),转载...weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。如...
  • WebNativeApp微信小程序 WebApp是指基于Web的系统应用,其作用是向广大的最终用户发布一组复杂的内容功能。webapp框架是一种简单的与WSGI兼容的网络应用程序框架,可以与AppEngine配合使用。不必为了...
  • 小程序系列之web-view的页面引入交互实现方案 需求如下: 小程序商城引入web-view页面,要求web-view呈现的H5页面里面带上一个"返回首页"按钮,点击重新返回小程序首页。 解决方案如下: 根据微信小程序文档,...
  • 根据2018年上半年小程序生态白皮书显示,微信小程序C端用户已达到2.8亿,小程序数量达到100万,相对于今年1月张小龙公布的58万个小程序而言,增幅接近翻倍。一度被许多人看衰的小程序,不只是证明了自己,也带动了...
  • WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 shitoujiandaobu 小程序:石头剪刀布(附代码说明) audiodemo 微信小程序开发之视频播放器 Video 弹...
  • 一个做WEB开发的童鞋问我,微信小程序和WEB开发有什么不同? 一下子懵圈了,不知道怎么解释给他听好。 微信小程序坐拥微信大生态,也有自己的标签语言,那就是WXML。 WXML(WeiXin Markup Language)是框架设计的...
  • 时常有用户咨询:微信小程序和H5微网站有什么区别?哪个更好?这个问题,对于普通用户确实难以区分,今天我们就一起来对比一下两者的区别。 要对比,首先我们要知道,什么是微信小程序?微信官方定义:微信小程序...
  • 目标 解决三件事。 小程序嵌入h5. 获取用户信息。 将用户信息以及一个唯一ID传入web-view环境里。 一、小程序里嵌入H5网页 ...申请注册微信小程序...下载安装微信开发者工具,使用小程序模式,新建小程序,在index...
  • 微信小程序和PWA对比分析导语 微信小程序和PWA(Progressive Web App)是目前移动端以及前端受关注度较高的两项技术。小程序自去年公测以来,国内很多公司均投入到小程序的开发中,今日头条、携程、摩拜单车等...
  • vant Webapp 快速使用

    2020-04-09 12:27:15
    Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。(对不不会写css或者不想写css的感觉非常好用)。 一。选取你的项目文件夹右键在...
1 2 3 4 5 ... 20
收藏数 26,732
精华内容 10,692