众安网络-从事技术外包开发多年开发经验;直播app开发,社交app开发,社交电商app开发,短视频app开发,购物商城app开发,IM聊天app开发。app开发分;webapp开发,混合app开发流程,原生app开发。
给用户分享webapp开发优势:第一、开发时效快,第二节省成本,第三好升级功能
webapp开发框架常用工具:
1.Frozen UI
2.ionic
3.2jQuery mobile Bootstrap
4.Amaze UI
5.CardKit
6.App.js
webapp开发 流程
第一步:框架的布局及幻灯片的布局(Html)
第二步:框架的布局样式及幻灯片的布局样式(Css)
第三步:创建公共脚本类库,并拓展Jquery对象实现简单插件并初步调用(common.js)
第四步:实现幻灯片banner的核心方法: ① 获取幻灯片的个数 ② 获取幻灯片的宽度和宽度 ③ 设置
标签的宽度为:个数*单个宽度,及阻止li继承父类,这样为了让
有足够的空间浮动成行排列,并显示所有幻灯片
④ 根据幻灯片个数生成按钮 * 定义标识变量,判断幻灯片是否完整执行动画
⑤ 为生成的按钮绑定点击事件 ⑥ 为幻灯片添加触摸事件,前台必须引用hammer.js 经过上面6个小节,一个幻灯片滑动就弄好了,支持触屏滑动,完整代码为:
第五步:实现方块按钮菜单的布局(Html)
第六步:实现方块按钮菜单的布局样式(Css)
① 四列布局算法:让所有方块的margin-left为:1.5%,这样就有1.5%*5=7.5%个缝隙,那么每一个方块的宽度为: 23.125%
② 逐步为各个方块设置样式及特殊样式,首先需要掌握CSS3 选择器:nth-child,意思就是获取第几个,CSS3选择器教程:请移步:CSS3选择器
第七步:添加版权描述(比较简单,Html和CSS一起写)
第八步:添加底部固定菜单