uni.app使用iconfont字体图标，自定义组件登录视图，同步缓存和异步缓存的方法

优点：1.可以减少平台如微信小程序等在发布时的自身限制。

2.-字体图标是字体图标是矢量的，缩放不失真、模糊

3.加载速度快

4.它们在所有的浏览器都可以得到支持

关于iconfont的使用

1.搜索官网iconfont-阿里巴巴矢量图标库   找图标

 2.找到后添加入库，找好后添加入库，在然后点击添加进项目，如果没有项目，新建一个项目来存放iconfont

 

3.点击更新代码，然后点击复制代码，在一个新的浏览器粘贴地址，进去复制全部代码

 

4.在自己的项目里新建一个common目录和css存放iconfont图标

 5.需要自己给它添加上https:

 

6.将iconfont图标放进去，可以在图标后面可以添加个如“ic-add”来设置样式

 

2.自定义组件登录视图

1. 在uni-app项目中创建一个自定义组件，在components在同根目录下创建同名文件夹。

2. 在dialog-shell组件中编写需要展示的弹窗内容需要的如:一个文本标题，.一个slot插槽，在父组件调用时填充内容，确定按钮

3. 

    

4. 使用title属性为对话框设置标题

5. 为确定文本添加点击事件，

6. 添加ref属性，以便引用组件实例，并调用实例的showDialog()方法显示对话框

7. login-dialog组件，用于显示登录窗口

8. 视图的布局可以使用封装好的dialong

9. 插槽使用文本和图片来显示需要的，设置两个密码输入框，显示密码，设置点击的方法可以点击密码图标切换状态

同步缓存和异步缓存

// 同步缓存
SharedPreferences preferences = getSharedPreferences("myPrefs", Context.MODE_PRIVATE);
SharedPreferences.Editor editor = preferences.edit();
editor.putString("key", "value");
editor.apply();
String data = preferences.getString("key", "");

// 异步缓存
SharedPreferences preferences = getSharedPreferences("myPrefs", Context.MODE_PRIVATE);
SharedPreferences.Editor editor = preferences.edit();
editor.putString("key", "value");
editor.apply();
preferences.registerOnSharedPreferenceChangeListener(new SharedPreferences.OnSharedPreferenceChangeListener() {
  @Override
  public void onSharedPreferenceChanged(SharedPreferences sharedPreferences, String key) {
    if (key.equals("key")) {
      String data = sharedPreferences.getString("key", "");
      Log.d("TAG", data);
    }
  }
});