• 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:

    ……

  • 相关阅读:
    precmd:6: job table full or recursion limit exceeded
    Logs
    vue路由的使用(二)
    vue路由的使用(一)
    vue项目中正确引用jquery
    vue中使用Mint-UI移动端组件库
    HTML5表单、一些新增的输入类型以及为不支持新特性的浏览器提供解决方案
    CSS3过渡、变形、动画(二)
    CSS3过渡、变形、动画(一)
    CSS3之背景渐变
  • 原文地址:https://www.cnblogs.com/iamsach/p/5408521.html
Copyright © 2020-2023  润新知