框架列表. https://www.cnblogs.com/xiaxiaxia/articles/5705557.html 前言 近期,要开一个新的项目,APP类型.最重要的需求就是能够随时调整APP的绝大部分内容,所以,打算使用webapp的方式开发.在这个大前提下,开始了前期技术选型的工作.看了uni-app,wex5,AppCan,Apicloud,下面就对边看下这几个项目的优劣,帮助大家可以参考. 生态社区特点对比如下: 其技术架构特点对比如下: 整理比较中,中间找资料发现了APIclo

来源:http://www.mamicode.com/info-detail-1129829.html 现在Hybrid app是一中非常火热的开发模式,在国内对应的开发工具也乱象丛生,有WeX5.crossApp.ExMobi.Appcan.apicloud.HBuilder等. 其中WeX5只是在PhoneGap外面套了一层壳子,内部的UI都是通过大量的css,js实现的,页面切换也大量采用webapp模式,类似于JQuery Mobile中的框架,太过偏向于webapp,性能得不到较好的体

前言 最近有点空余时间,所以,就研究了一下APP支付.前面很早就搞完APP的微信支付了,但是由于时间上和应用上的情况,支付宝一直没空去研究.然后等我空了的时候,发现支付宝居然升级了支付逻辑,虽然目前还兼容老的方法,但是新的既然出来了,肯定研究新的了.但是网上几乎都是旧的方法,所以,唯有自己看官方的文档,慢慢一步一步研究了.在研究的过程中,发现,他跟微信支付的差别蛮大的.好了废话不多说了,下面直接来干货. 首先,你得去蚂蚁金服开放平台申请一个应用,地址:https://openhome.alipa

1.xampp的安装就不用多说了,安装完按之后出现这个界面. 2.点击中间那个按钮,运行三个选项,全部正常之后是这样的,这样xampp就不用管了,但是要记下安装的路径,之后需要用 3.首先说Hbuilder,比较简单在内置服务器中修改一下地址就行了,先在外置服务器添加一个地址. 4.然后在web服务器地址修改一下就行了,下面三个用不到不用修改也行,修改前面两个, ,最后把你所有的项目都拷贝到xampp下面的htdocs这样Hbuilder就能跑php代码了. 5.phpstorm10版本安装好之

HBuilder自带未安装的less插件,但是sass插件却没有,需要自己安装,步骤如下: 1.安装sass,参考: http://www.w3cplus.com/sassguide/install.html 2.如下图,菜单‘工具’下,选择‘预编译器设置’→选择‘.sass,.scss’,点击编辑,弹出对话框: a.文件后缀不变,为:.sass,.scss b.触发命令地址填写sass的安装路径,如:我的本机sass路径为:d:\Ruby22\bin\sass.bat c.命令参数: --no

Hbuilder编辑器功能挺强大,体积相对来说比较小,下面是一些常用到的快捷键,尽快熟练使用,成为不用鼠标的大神!哈哈哈!!! alt+↓ 跳转到下一个可编辑区: ctrl+enter 向下换行: ctrl+shift+enter 向上换行: ctrl+shift+R 复制当前行:

目录 WeX5学习笔记... 1 1.轻松看透WeX5产品能力和技术... 1 2.WeX5可以怎么玩?... 3 一.纯本地App. 3 二.关联一个网站,希望默认就打开某页... 4 三.UI设计器... 4 四.打包神器... 4 五.标准玩法... 4 3.WeX5 App与服务端交互原理... 4 4.Account示例程序... 5 5.Takeout示例程序... 7 5.1Index.w.. 7 5.2mapActivity.w.. 13 问题... 13 6.页面间交互视频..

WebView就是原生的WebView,HBuilder在其上封装了一层,便于Javascript的调用,结构如图: 也可以实现这样的结构: 注意:WebView的使用属性HTML5+规范,所以必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中

听别人谈论这货,于是决定长长见识,见见世面,便屁颠屁颠到网上下一个,满怀好奇的研究了一下.对用过eclipse这款软件的人来说,上手非常容易. ☆ 准备工作 ① 确认自己的电脑连接网络,能下载东西. ② 最好有一款主流浏览器.如谷歌,火狐,IE,Opera等(用这个工具都是做web的,浏览器很重要.) ☆ 下载HBuilder 方式一: 在浏览器的地址栏中输入 http://www.dcloud.io然后回车进入 方式二: 打开浏览器,访问百度搜索,输入HBuilder官网,然后点击进入 上面的

作为一枚web前端来讲,需要了解的东西太多,需要学习的也太多了,那天因为公司需求,就研究了下移动网站打包成app的方法,这种东西好像是H5出来后就有推出的,因为性功能不行,就没怎么关注,但现在移动互联网火呀,加上原生开发周期长,迭代更新也比较慢,原生并没有H5这么灵活,虽然H5实现了网站打包成app但弊端也是有的,听说是用H5开发出的app还没有做出百万级用户的,期待中... 闲话不多说,就说下用在线编辑器HB(hbuilder)怎么去实现移动网站打包成原生app的吧,无非就是几个大步骤. 第一

今天学习了WeX5,第一次使用,使用它打包一个Web App 欢乐捕鱼的时候,在最终打包生成Native App的时候突然报错了,说:"连接打包代理服务失败,请检查代理服务地址是否正确". 解决此问题的方法是: 第一步: 第二步: OK啦!!!

今天在群里看群友提及了hbuilder,下载试了下,发现确实会有些代码敲起来方便多了.也帮助我自己发现uft8和保存的时候选择字符重要,不然乱码,很窝心.

一 前言 客户的需求就是上帝的召唤. 作为一个开发人员,或者软件从业者,客户的要求就是准则. 遇到一个客户,让我做一个图片放大,但是移动拖拽要定位精准.之前研究过一个hammer插件,多次尝试放大后的触摸点定位问题,始终无法解决.客户的需求可以理解,因为不是简单的图片介绍,而是复杂的工程图纸.最后求助于jquery插件easyzomm,达到了客户的要求.今天,把实例贴出来,供大家学习交流. 二 效果演示 三 设计思路与代码实现 1 下载并引入easyzoom.js插件 2 修改并简化dom结构

一 前言 讲完公共data,相信大家对框架级的data组件级绑定有了更新的认识,接下来我们继续深入,以求研究明白wex5的框架能力. 在一个web项目中,其实有一个data, 是基础框架必须的data,并且要实时监控数据变更.那就是用户userData. 此文的目地和意义: 1 在涉及到用户登陆的项目中,框架级的userData,可以为所有web页面提供数据来源,用超现实的方法保证多页面中的用户唯一性,且一次加载即可.不必像之前的分页data每次都要用户ID来过滤用户数据. 2 抛弃之前的页面接

一 前言 wex5作为开发利器,框架本身的集成能力与拓展能力可谓简单强大.在学习过程中,对框架的拓展能力,需要通过实践来丰富.今天,我以实际工作中的实例,先来看一看,框架上的公共data组件的实现与用法. 有朋友问了,每个页面都有data,为什么要做一个公共data组件呢? 我的设计原因是: 1. 比如商城页面里,首页,商品页,微淘页,等多个页面,同时用到了同一个商品data,并且通过list来装载商品列表.如果每个页面都加载data,数据库资源显然要访问三次, 页面响应显然会是重复加载,速度变

前言 前几天,给客户做了一个图片点击放大,很简单,客户说能不能双手指缩放图片呢? 想到了hammer,不管好用不好用,总得试. 网上居然没有像样的中文文档和成熟案例,有的文写的鬼都看不懂.还是自已动手吧. 一  效果演示: 双击或两根手指放大 鼠标或手指拖动 再双击图片复原 二  设计思路: 利用hammer.js  自带的api,监听手指事件,对图像的css样式重新定义来实现 三 hammer.js  实现代码与逻辑 1  图片对像id  data-scale属性手动设置,为了js写法方便 2

最近遇到很多同学做毕业设计,其中有一项是用户点评与提交.功能并不复杂,同学们又不会,做为一个完整的功能,如果用wex5来设计开发,事半功倍.今天就以景区实战来向大家展示wex5的高效与强大.半天可以设计完成.来看效果 一 效果演示: 二 设计思路: 根据景点id,图片id,用户id,过滤了当前评论id,基于wex5的data与组件绑定来实现 三 数据库设计: 1 用户 2 景区 3 城市 4 评论 三 前端界面设计与代码实现 1 门户页 window.userUUID = justep.Bind

无论是商城,还是快递,都要用到省市县三级联动,和地址薄,今天就以实战来制作,难点有3个: 1:三级联动,有wex5组件实现,相对简单,实战里对行数据进行了拼接 2:  地址薄选项,利用inputSelect的下接属性,装载地址列表. 3:地址薄页面与信息页面的下拉数据同步 一 效果演示: 二  设计思路: 三级联动用组件,把地址信息重新拼接,用下垃组件显示详细地址,用modelParamsReceive的实时性保证不同页面跳转后的数据同步 三  数据库设计: (注)三级联动,省,市,县,供组件绑

初学wex5,先理理让人容易混淆的三个概念: 一 基本概念: 1 wex5组件,顾名思义,在编辑窗口右侧的组件集合里的,都是wex5基于开源自创的组件,并封装了一套自已的方法.目的是为了方便.相关方法在api有提示,操作中也有提示. 2 js对像 JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象. 二 对像获取与取值方法 1 wex5 this.comp() 效能较低,但操作方便 取值方法:this.comp().val()

在wex5官方教程中,关于多页模式与单页模式进行了对比.两者最大的区别在于: 1 web加载速度,单页模式快于多页模式 2  多页模式对加载机制进行了预加载,一次加载之后再次加载,就会加快. 但是,由于项目需要,多页模式无法满足我对全局变量的绑定属性的获取(大家看我全局可观察变量博文),所以对页面进行了全部重构,重构之后,web加载的响应速度大大提高,没有了明显的卡顿感.但是,也带来了更严重的问题,页面数据不同步. 起先以为是坑,其实是对页面的加载机制不了解. 先看一下不同步的情况: 新增一条发