- 博客(67)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 变脸式应用 / 分页列表框架
分页列表框架本章介绍很常用的分页列表，详情可查阅官方参考文档中的”initPageList”函数介绍。显示单个列表当列表预期可能很长时，一般应支持分页。分页列表在手机上的典型展现方式是支持上拉加载和下拉刷新。[任务]创建页面orders2，仿照示例应用中订单列表页(orders)。本节先不按订单状态分栏，只显示一个列表，支持上拉加载和下拉刷新。点击订单列表中的一项，可以进入订单详情页。我们先熟
2017-02-16 16:16:20
459
原创 变脸式应用 - 常用组件（二）
简单对话框框架提供的app_alert用于显示简单的提示框，类似alert/confirm/prompt这些函数， 只不过app_alert是异步的（调用后立即返回，需要通过回调函数来执行之后的操作），且可以定制显示样式。在浏览器控制台里输入以下示例试试:// 信息框，3秒后自动关闭app_alert("操作成功", function () { MUI.showPage("#orderI
2017-02-14 16:36:33
378
原创 变脸式应用 - 常用组件
常用组件筋斗云框架有一些使用mui前缀的CSS类，包括：mui-container H5应用容器，一般在HTML的body对象上设置。mui-page 逻辑页，由框架自动设置mui-btn 按钮，如果再叠加primary类，则表示显示为缺省按钮。mui-dialog 对话框mui-menu 菜单mui-navbar 导航栏注意：筋斗云框架不是UI组件库，它只提供极为有限的一些组件，更丰
2017-02-14 16:32:39
505
原创 变脸式应用 - 进入与退出应用
进入与退出应用进入应用后，框架会自动设置一些全局变量，如g_args, g_data等。问：如何在H5应用中获取URL参数？全局变量g_args保存了H5应用的URL参数。 问：全局数据存放到哪里有规范吗？全局数据建议都放在变量g_data中，而不是到处创建全局变量，这样查看这个变量就可以了解H5应用状态。
2017-02-14 14:15:19
681
原创 变脸式应用 - 调用后端接口
调用后端接口是筋斗云框架提供的两大核心功能之一。[任务]继续hello页面的例子，要求每次进入页面时，不是固定的显示”hello, world”，而是需要根据服务端的返回内容来显示hello的内容，比如”hello, skys”或是”hello, jdcloud”。我们先定义一个叫做”hello”的交互接口，由前端发起一个HTTP GET请求，比如：http://myserver/myproject
2017-02-06 13:33:23
1568
原创 jdcloud-m(筋斗云) 变脸式单网页应用框架
变脸式应用就是支持逻辑页面的单网页应用。像川剧中的变脸艺术一样，展现多个角色（页面）并不需要多个演员（网页）来扮演，直接切换面具（逻辑页面）就可以了。jdcloud-m是一个变脸式单网页应用的开发框架，也称为筋斗云前端框架，它是筋斗云框架(jdcloud)的前端部分，可以独立创建H5应用程序.
2017-01-04 19:07:31
2336
原创 jquery-dataview 数据视图插件 - 数据填充与视图更新利器
jquery-dataview是一个超轻量的jquery插件，用于对DOM进行数据填充与更新，也很适合根据DOM模板创建对象。与一些纯模板库（例如juicer）相比，它不仅能提供根据模板填入数据、支持循环、支持条件创建等功能，还支持绑定事件，最重要的是，在创建完DOM对象后，这些对象（称为数据视图）关联到原始数据，修改数据后，相应的视图也得以更新。与一些支持数据驱动或MVVM模式的库（例如vue）相
2016-12-22 22:11:59
1754
原创 H5移动应用的发布优化（四）图片优化
小图片合并。减小对服务器的访问次数，加快图片显示，尤其是各种小图标。本文主要介绍小图片合并的方法，也就是常说的精灵图（sprite）的制作。
2016-12-13 16:34:16
1847
原创 H5移动应用的发布优化（三）逻辑页优化
逻辑页是H5移动应用中的重要概念。用户看到的每个页面并不是一个个独立的H5应用，而是一个H5应用中的一个逻辑页而已，这样实现出来的应用才能运行更平滑且省流量。
2016-12-13 16:32:33
661
原创 H5移动应用的发布优化（二）JS/CSS优化
JS/CSS优化。在实际开发中，会引入很多的库，通过对JS/CSS文件进行最小化及合并，实现减少交互次数的目标
2016-12-13 16:28:50
906
原创 H5移动应用的发布优化（一）缓存优化
H5移动应用主要的优化思路是：减少交互次数，即减少对服务器的访问，主要手段有缓存优化、文件合并等。减少交互数据，主要手段有文件最小化（minify）、WEB服务器配置gzip压缩等。
2016-12-13 16:26:07
823
原创 筋斗云教程(二): 系统分析与设计
设计先于编码，筋斗云框架使用DESIGN.wiki文件作为主设计文档，从以下几个角度来完成应用系统的设计：描述需求，确定系统数据模型，数据库设计，前端应用接口设计和交互接口设计。
2016-09-19 16:40:21
3483
原创 筋斗云教程(一): 运行筋斗云应用
本系列教程基于筋斗云开发框架，以一个假想的移动互联网+传统餐饮商户概念的项目“筋斗城”为开发目标，教你从头开始创建一个互联网项目。运行筋斗云应用搭建筋斗云运行环境筋斗云开发框架主要使用了 html+javascript (前端) 以及 php+mysql (后端) 这些工具。 其运行环境建议为 Linux (如CentOS) + Apache + mysql + php的组合。在Windows平台
2016-06-01 17:50:43
5224
原创 筋斗云开发技术栈
全平台应用开发技术。使用以Cordova开发框架为代表的移动Web应用为核心+原生插件技术（又称混合应用技术），避免同时开发维护Web，安卓和苹果三套应用。应用容器与应用内容分离技术。混合应用要将网页内嵌入容器打包发布，而筋斗云应用倡导容器与内容分离技术，可以极大的减少原生版本发布次数，避免上传应用市场及审核带来的不便。从单网页应用（SPA）到变脸式应用。整个移动Web应用使用同一个网页地址，通
2016-05-20 20:23:36
800
原创 筋斗云框架：Cordova高级玩法之容器内容分离技术
筋斗云框架可以用来做安卓或IOS的原生应用，以便用户能更快捷的打开应用以及使用手机提供的诸如摄像头、麦克风等各种原生设备功能，提供更友好的用户体验。 使用筋斗云框架制作的应用与原生应用有所区别，一般称为混合应用，它通过Cordova工具包生成Web应用容器，加载前端Web应用作为“内容”，Web应用通过调用容器接口（一般也称插件）来操作原生窗口。通常的混合应用要将网页内容内嵌入容器打包发布，Web
2016-05-20 19:40:13
1026
原创 解决apache+fastcgi+php配置好不能访问的问题
在一台服务器上部署应用，发现已有的php版本较老，直接升级又怕影响现有应用，于是决定两个版本并存，并通过fastcgi方式调用php。安装和设置过程简要如下：# 安装fastcgi模块yum install mod_fcgid设置apache通过fastcgi方式调用php:<Location /php54> Options +ExecCGI Require all grante
2016-04-20 19:41:48
2364
原创 RESTful和REST-RPC接口风格的差异与实现
REST风格的接口设计是以资源为核心，这种设计风格非常简约，也利于理解，比如获取一个id为259的商户，其HTTP请求应该像这样：GET /Store/259REST-RPC风格则是以操作为核心，一般只使用HTTP谓词GET或POST，比如同样的操作，其HTTP请求像这样：GET /Store.get?id=259
2016-04-12 08:49:18
7564
原创 筋斗云框架：REST-RPC风格服务接口实例分析
无论设计原生手机App，或是前面文章曾提及过的“变脸式应用”（一种无网页刷新的多页面Web应用），都需要后端应用服务器提供业务支持。于是，如何设计后端服务接口是开发前必须考虑清楚的一件事。谈及接口设计，我们需要从两个维度来考虑：协议（Protocol）及原型（Prototype），简称2P维度。 原型定义了一个调用的抽象形式。假定要做上门送餐业务，每个“商户”是个对象，取名为”Store”，那么一
2016-04-08 09:05:21
5459
原创 筋斗云框架前端：“变脸式应用”的页面路由设计
要制作优雅、流畅、省流量、适合协同开发的多页面移动Web应用，是一个不小的挑战。筋斗云前端倡导创建“变脸式应用”来解决这些难题，它以“缺页中断”思想为指导做页面路由算法，采用页面对象模型（POM）实现每个逻辑页面相对独立的开发模式，支持“主网页+子网页”的部署模式，解决了jQuery Mobile等移动框架没有完美解决方案的独立页面开发模式和“入口页面限制”等问题。
2016-04-06 11:55:52
1859
原创 筋斗云框架前端：做优雅的全平台移动应用
做移动应用开发时，会遇到多平台开发维护代价高、版本更新快、产品发布决定于各应用市场而不可控等痛点。筋斗云倡导做优雅的全平台移动应用，使用混合应用技术，强调以优雅的开发、发布与用户体验解决目前的痛点。
2016-04-05 17:19:23
1809
原创 筋斗云应用开发平台
筋斗云应用开发平台，是专为互联网应用开发打造的集设计思想、应用组件、开发流程、部署运营于一体的开发平台，是开发和运营互联网产品中各种最佳实践的归纳。它基于云计算，以平台即服务（PaaS, Platform as a Service）为设计理念提供云服务，在它之上，开发者可以轻松创建和运维所需的业务模块，彰显软件即服务（SaaS, Software as a Service）的设计理念。
2016-04-05 13:58:44
1886
原创 筋斗云移动应用框架
筋斗云框架是用于移动产品开发的一揽子解决方案。筋斗云的设计思想是做优雅的全平台应用，可以制作各类移动端（如安卓、苹果平台）应用，强调优雅的开发，优雅的发布和优雅的用户体验。
2016-04-05 13:03:00
5862
原创 不懂接口的程序员就不懂开发
开发人员的面试中，面试者常常描述不清做过的项目。原因很简单，要么你不懂接口，要么你描述不清接口。描述接口有两个重点，称为2P：一是协议（Protocol），二是原型（Prototype），它们分别描述了交互的方式与内容。
2016-03-28 02:31:04
27448
7
原创 用蚕茧表示法写简洁实用的接口文档
蚕茧法体现了两个思想：1. 使用简洁的语法来描述对象、数组、字典等复杂结构。2. 通过命名规范，让一个名字自发地体现出它的类型。使用它来写接口文档，具有简洁易懂，易更新等好处。
2016-03-25 07:40:56
2485
2
原创 蚕茧表示法
蚕茧表示法（Cocoon Notation），简称“蚕茧法”，在设计接口或者写接口文档时是一个有力的工具，精简的描述就能达到准确的定义。它以一种易理解易书写的数据结构表示方法，像抽丝剥茧一样层层剥开一个多层次的像蚕茧一样的复杂对象，常用于数据建模，接口描述，代码注释等。
2016-03-11 18:38:20
2253
2
下载猎手(CacheHunt) - 浏览器缓存辅助工具
2010-04-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人