首页  |  公司简介  |  冲床维修  |  冲床配件  |  技术支持  |  联系我们  |  客户留言
8吨气动冲床
15吨气动冲床
8吨气动冲床
8吨气动冲床
8吨气动冲床
 首页置顶图片
 冲床设备
 冲床周边自动化设备
 送料机
 曲轴
 冲杆、连杆
 球头牙杆、牙柱
 电磁阀
 黄油泵
 超负荷
 刹车片、来今片
 光电保护装置
 蜗轮、蜗杆
 编码器
 译码器
 其它配件

联系电话:0512-55192635
传真号码:0512-55192653
手机号码:13809067668
手机号码:13306263677
联 系 人:刘先生
网址:http://www.51pt.cn
E-mail:ksfengu@163.com
联系地址:江苏省昆山市城北西路2755号

 

  有且只有一个文件:index.html。不允许再有其他文件,不允许再有单独的CSS、JS、PNG、JPG文件。

  花了一点时间写好的第一版,符合了笔试题的要求。后来左看右看觉得还可以改进做的更好,于是给它不断的改进,加新功能等,这样下来没完没了,利用业余时间一点一点的写,从刚开始的网页版,到后来做响应式的移动版,再到现在的移动App,短短续续大概写了3个月吧。

  由于这个项目只是练手,所以采用了HTML5个CSS3技术,也不打算兼容IE等低版本浏览器,所以直接使用CSS3提供的Flexbox布局方式。并且使用rem单位来进行自动计算尺寸。

  计算计算历史记录显示功能,使用HTML5提供的本地存储功能之Local Storage,为了方便使用Local Storage,对它进行了简单的封装(见js/common.js文件)使之key值按一定规律生产,方便管理。

  key由appName+id组成,id是自动增长不重复的,可以按id和appName删除一条记录,输入*则全部删除。

  移动Web版计算器写完后,又想把他做成APP在手机上运行,由于本人没用过混合APP诸如ionic之类的框架,所以参考了一下,选择了Hbuild来进行开发和APP的打包,非常方便。(HBuild).

  左滑右滑可以切换单手模式,这就需要移动端的touch事件了,使用如下代码判断是左滑还是右滑:

  如果是左滑,就position:absolut;left:0,bottom:0,再把最外层DIV缩小到80%,这样就实现了左滑计算器缩小移动到左下角。右滑道理一样。

  当输入手机号码后长按等于号可以拨机号码。这个功能没什么神奇,在移动Web上会对那些看起来像是电话号码的数字处理为电话链接,比如:

  123456/a但是,在Android系统上,只能调用系统的拨号界面,在iOS上则能调过这一步直接把电话拨打出去。

  在关于页面,有一个版本更新检查按钮,就能检查是否有新版本,这个功能的原理是发送一个JSOPN请求去检查服务器上的JSON文件,比对版本号,如果服务器上的版本比APP的版本高则会提示有新版本可以下载。

  由于JS本身存在计算浮点数精度丢失问题,所以这个问题在项目中同意存在,需要自己去处理这个问题

  把获取天气信息的jquery.Ajax方法替换为原生Java代码,自己封装JSONP请求函数

  推荐:

  

版权所有  ©  2010-2011   冲床维修修理,冲床配件,冲床自动化设备,小型冲床-昆山丰速机械有限公司  All Rights Reserved
电话: 0512-55192635   传真:0512-55192653 E-mail:ksfengu@163.com  地址:江苏省昆山市城北西路2755号
币安app官网下载