WebApp开发总结

WebApp开发总结

框架的使用网络上都有教程,就不写了,主要记录下个人的开发总结以方便以后开发注意。

css公用样式统一定义

css样式抽出复用

appearance: none; 取消系统默认样式

AngularJs 框架了解

指令、表达式、控制器、过滤器、作用域、服务、配置、model双向绑定

Ionic框架了解

路由、导航、控件、缓存、跳转效果

AngularJs:

Mvc思想,服务层可全局持久化数据(当前程序生命周期内),供所有控制器访问。

自定义服务:

WebApp开发总结

自定义过滤器:

WebApp开发总结

禁用缓存:

WebApp开发总结

坑总结:

坑1:

Ionic的操作操作某一控件实例服务要放在$timeout内以保证控件已加载完,防止报找不到控件错误,操作的控件应打上WebApp开发总结 属性让服务能够识别。

事例:

WebApp开发总结

若单独写WebApp开发总结 则会报错。

坑2:

Safari浏览器下数字1比其他数字宽度小,若宽度自动时会造成宽度不同的问题,应注意。

坑3:

Safari下无痕浏览模式不支持h5的本地存储,应注意。

坑4:

Ionic会自动缓存页面,若css不统一,某一页面的css样式在访问后可能会影响其他页面样式,若要避免此现象,可禁止该页面缓存,应注意。
坑5:

Safari浏览器下,在较小范围内、较小字体、长字符串值的情况下高频率更改值内容,会发生刷新不完全状况,即上次的显示在页面上留有残留,会遮挡部分当前的显示,造成乱码视觉。目前无解决方案,使用多套固定值得元素控制显隐属性绕过。

坑6:

Ios如果在input获取焦点时,你app的内容(包含header)被挤到上面或视图以外,就需要尝试设置cordova.plugins.Keyboard.disableScroll(true)。这并不会在Ionic滚动视图中禁用滚动,相反,它会禁用原生的滚动溢出,当自动发生input获取焦点在键盘之后时(文档说明)。

坑7:

……

上一篇:飞鸽端口被占


下一篇:JavaScript 验证提交文件的信息