WebApp开发总结

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：

……