WebApp开发总结
框架的使用网络上都有教程,就不写了,主要记录下个人的开发总结以方便以后开发注意。
css公用样式统一定义
css样式抽出复用
appearance: none; 取消系统默认样式
AngularJs 框架了解
指令、表达式、控制器、过滤器、作用域、服务、配置、model双向绑定
Ionic框架了解
路由、导航、控件、缓存、跳转效果
AngularJs:
Mvc思想,服务层可全局持久化数据(当前程序生命周期内),供所有控制器访问。
自定义服务:
自定义过滤器:
禁用缓存:
坑总结:
坑1:
Ionic的操作操作某一控件实例服务要放在$timeout内以保证控件已加载完,防止报找不到控件错误,操作的控件应打上 属性让服务能够识别。
事例:
若单独写 则会报错。
坑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:
……