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

目录 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.页面间交互视频..

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

一 前言 客户的需求就是上帝的召唤. 作为一个开发人员,或者软件从业者,客户的要求就是准则. 遇到一个客户,让我做一个图片放大,但是移动拖拽要定位精准.之前研究过一个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加载的响应速度大大提高,没有了明显的卡顿感.但是,也带来了更严重的问题,页面数据不同步. 起先以为是坑,其实是对页面的加载机制不了解. 先看一下不同步的情况: 新增一条发

WeX5的简单介绍及UI的简单讲解 (2016-01-13 14:49:05) 标签: it 分类: WeX5的初步自学 一.WeX5的简单讲解 1.WeX5是前端快速开发框架,可开发跨端运行应用.是移动App/微信/WebApp开发利器,一次开发多平台运行. 二.WeX5平台了解 1.菜单和工具栏 :查看API:启动Tomcat:搜索:首选项:复位透视图 2.透视图 :导入java项目:使用svn 3.模型资源 :文件对比 :新建.复制.删除:重命名文刷件新及文件夹:模型编译 切换到资源管理器

博主一直都是做web开发,前段时间有个小想法,想给自己做个android小应用(很小,功能特别简单). 了解到可以用js直接做,貌似很简单,选用了wex5(基于codova插件)来直接开发. 最终发现比直接用java踩到的坑还多,这里总结下: 1.在w文件中写的css会被做加工,可能产生问题. 我在里面写了个h5动画效果,单独代码抽出来可以使用,放到wex5中就是不能生效,百思不得其解,我一直以为是哪里写错,或者和哪个效果产生冲突,想了两个晚上,还是没思路.把页面源码抓出来发给朋友帮忙看,朋友一

http://docs.wex5.com/ajax-cross-domain/ 1.什么是跨域 跨域问题产生的原因,是由于浏览器的安全机制,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容. 但是我们项目开发过程中,经常会遇到在一个页面的JS代码中,需要通过AJAX去访问另一个服务器并返回数据,这时候就会受到浏览器跨域的安全限制了. 这里要注意,如果只是通过AJAX向另一个服务器发送请求而不要求数据返回,是不受跨域限制的.浏览器只是限制不能访问另一个域的数据,即不能访问返回的数据,并

http://www.wex5.com/wex5/?utm_source=Baidu-0815

在WeX5中导入项目 首先右击,选择[导入]--[导入] 得到如下的对话框,选择[现有项目到工作空间中] 在导入对话框中选择相应的根目录,选择相应的项目,确定 点击完成即可.这样一个项目就被导入到了WeX5中了.

wex5 事件执行顺序data组件的onCustomRefresh→ model组件的onLoad→ windowReceiver组件的onReceive

一 前言: wex5官方教程里,开篇即以一个input输入,output即时输出的例子,为我们展现了一个概念:可观察对象.在以后我的项目开发中,将大量运用可观察对象. 那么,问题来了: 1. 可观察对象是什么? 2. 可观察对象能干什么? 3.可观察对象能代替哪些工作?具有哪些优势? 4 可观察对象的绑定机制与实际运用技巧如何实现? 为了大家了解绑定技术在web开发中的重要性,看明白我此后更深层次的运用,今天,我先以我用wex5设计的的视频字幕机来说明,没有可观察对像,字幕机的制作,几乎无从谈起

前几天帮人设计了一个手机版(做了屏幕适配,电脑使用也正常)的考题框架,供学习交流使用,今天把设计思路与技巧命整理一下. 一 效果演示: 1 登陆后台 题库管理 试卷管理 考生管理 科目管理 2 考生注册 考生登陆 进入考试界面 开始答题 交卷保存即可 二  开发思路: 充分利用baasdata数据绑定与data临时组件的存储特性,实现数据同步,绑定思想贯穿整个考题模块设计. 三 页面逻辑与代码实现: 1 数据库设计 数据库设计模型基础: (注)数据模型,是整个开发过程中对数据相关业务的描述,根据

wex5作为网页开发利器,在前台UI数据交互设计中大量使用了绑定技术,即官方视频教学中也提到了KO,实质是数据绑定与追踪.在前台组件的属性中,为我们提供了两个重要的样式绑定属性,bind-css和bind-style.这两个属性都能动态的为组件或元素绑定样式,那么含义和用法有什么异同呢? 先来看两个例子: 一..bind-css案例: 组件属性设置: css样式对像: bind-css含义:  为组件或元素绑定样式对像,注意是样式对像,所以在css样式文件中要创建样式对像: bind-css格式