技术资讯

/技术资讯

吓哭原生App的HTML5离线存储技术!H5 APP开发出乎你意料的容易

随着Web App的发展,越来越多的移动端App使用HTML5的方式来开发,除了一些Hybrid App以外,其他一部分Web App还直接通过浏览器就完成了访问。而浏览器访问就需要联网发送请求,这样就使得用户在离线的状态下无法使用App,同时Web App中一部分资源并不是经常改变,并不需要每次都向服务器发出请求,出于这些原因,HTML5提出的一个新的特性:离线存储。通过离线存储,我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中,这样即使在离线的情况下,用户也可以正常使用App。 HTML5离线存储这个概念和cookie相似,区别是它是为了更大容量存储设计的。cookie的存储限制在了4k之内,相比来说,session storage有了更大的存储空间,但至于具体多大,这要参照浏览器厂商的具体实现。 怎么用 首先来讲解下离线存储的使用方法,说起来也很简单。只要在你的页面头部像下面一样加入一个manifest的属性就可以了。 <!DOCTYPE [...]

By |2019-08-12T14:09:11+08:001月 6th, 2016|技术资讯|0 条评论

我用WeX5开发Web app的心得与总结(摘自WeX5论坛)

原文如下: //感谢WeX5社区的caison大侠详尽分享心得,写得真心不错。caison的QQ:165489883。八卦一下,caison跟社区里Maison大侠难道是兄弟?ID好相似~~。 首先,非常感谢起步软件提供一个这么方便的跨平台移动开发工具。我是从web开发转到webapp开发的。WeX5非常容易入门,提供了大量的视频,但是帮助文档不是很齐全,特别是各类插件使用接口的参数说明。(插播:很好的建议,我们正在努力!) 这边要顺便说下,个人对国内开源框架或工具的一些看法,国内大部分提供傻瓜式的视频教学,个人觉得入门容易了,但是深入反而很难,而且因为视频是针对某一个版本录制的,版本一旦更新就存在很大的差异性,制作团队肯定没那么多精力再去重新录制视频。所以,我个人还是建议少弄视频,多些文档,文档方便修改,版本更新只需少量修改,就可以跟最新版本的软件对应,避免初学者走太多弯路。 现在说说,我学习和使用WeX5 V3.2.1版本完成我的第一个跨平台App的一些心得和总结。 我的App需要使用以下几个插件功能: 1、启动界面延时隐藏,解决启动界面过度到首页会有闪屏的问题。 2、位置定位,获取省市区县,目前很多互联网App都需要定位功能,而且需要定位到具体的区县,便于提供上门服务。 3、拍照,调用摄像头或浏览本地相册。 [...]

By |2019-08-12T14:09:11+08:001月 6th, 2016|技术资讯|0 条评论

AJAX跨域调用相关知识-CORS和JSONP

1、什么是跨域 跨域问题产生的原因,是由于浏览器的安全机制,JS只能访问与所在页面同一个域(相同协议、域名、端口)的内容。 但是我们项目开发过程中,经常会遇到在一个页面的JS代码中,需要通过AJAX去访问另一个服务器并返回数据,这时候就会受到浏览器跨域的安全限制了。 […]

By |2019-08-12T14:09:11+08:008月 11th, 2015|技术资讯|0 条评论

极光JPush插件使用流程

视频地址:http://pan.baidu.com/s/1jGhHHyQ 第一步:登录或注册一个极光账户 网站:https://www.jpush.cn/common/accounts/signin/ 第二步:在极光中创建应用 登录后,会显示如下页面,请在此页面创建应用或者选择应用(如果没有创建应用,需要创建一个应用,来关联项目)。 点击“创建应用”会进入如下页面 创建好应用后会进入应用详情页面,如下图所示: 第三步,在平台服务端配置极光推送参数 [...]

By |2019-08-12T14:09:11+08:005月 13th, 2015|技术资讯|6 Comments

WeX5可以怎么玩?

一、纯本地App 没任何服务请求,已经有开发好的一堆html+js,希望本地App中可以方便的使用,那可以参考默认的Native/X5工程,把自己开发好的资源放到www目录下就可以,注意工程的几个重要选项: 服务地址:http://localhost 首页: 假设你www中有一个入口的index.html,那写 /index.html 生成App包的向导中,“重新编译使用到的UI资源”一定不要选 二、关联一个网站,希望默认就打开某页 例如想把本论坛做成一个app,那可以新建一个本地App,把 服务地址:http://bbs.justep.com [...]

By |2019-08-12T14:09:12+08:003月 19th, 2015|技术资讯|1 条评论

WeX5 App与服务端交互原理

拿WeX5自带的外卖来说举例,它由三部分组成 1. UI2/takeout 这个是页面,由页面文件.w和js以及css等构成,js中有$.ajax的请求 2. Native/外卖 这个是本地app的工程,用来打包app 3. tomcat的webapps/baas 这个是服务端,提供步骤1中的$.ajax访问 [...]

By |2019-08-12T14:09:12+08:003月 19th, 2015|技术资讯|0 条评论

WeX5和BeX5比较

许多对WeX5和BeX5略有了解得人都知道,WeX5和BeX5是完全共用前端框架技术的。但是WeX5和BeX5是两个差别定位有巨大差别的产品。具体差别如下:           1. BeX5的定位就是用于企业内部管理系统,这其实是传统的市场,现在企业管理软件也已经彻底走向移动app、微信app和webapp都必须支持的时代,但无论何种前端,主要还是给企业内部人员使用的。所以BeX5的用户,指的是BeX5的组织机构分配了功能的人员,实际上就是企业的员工。     [...]

By |2019-08-12T14:09:12+08:002月 12th, 2015|技术资讯|0 条评论