工作两周遇到的问题

1、字体图标：新下载的图标，需要进行更新   点击项目里面的查看在线连接更新，然后复制，最后在App.vue中更新字体图标，把之前的删除掉，改变字体图标大小需要用font-size

2、引用ref的应用：新创建一个页面，需要在组件中引用，然后在需要使用的组件中用ref引用，在需要点击的地方定义一个事件，然后在方法中引用，然后用$emit

3、新建一个页面是为了显示内容，在page.json中引入就行，但是这个组件只需要引用需要的就行

4、小程序组件引用：新建组件，在组件的js中"component": true,开启，然后在引用的页面中引入这个组件{
  "usingComponents": {
    "hello": "/diy/hello"
  }
}，然后在页面中引用<hello></hello>

5、小程序渲染富文本 <rich-text nodes="{{content}}"></rich-text>

6、this.data是用来获取页面data对象的  this.setData是用来更新界面的

7、view默认的是block，所以我们需要转换以下display：inline-block

8、/* //实现多行的省略号 */
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; 

9、"navigationStyle": "custom" 是修改小程序的最顶部样式

10、修改button的样式 ，先把app.json里面的"style": "v2",
去掉，然后在需要写buton的样式里写上.button-name:not([size='mini']){}
就行

11、获取长度  ：input和textarea绑定值使用bindinput，获取长度：我们可以在data里面定义一个变量，然后在需要用到的地方进行赋值就可以

12、this.data是获取变量，this.setdata是更改值，res.data其中res是参数，res.data是获取接口中的数据

13、在小程序中let声明的变量是局部的，var声明的变量是全局的，但是也不能从一个函数中引用这个函数，如果想引用我们可以用this.data.i = i,将i存储在index.js整个文件中，这样就可以使用了，直接在原先的声明的var i 中写

14、组件中的文件用template包裹 ， @tap是点击事件，写在methods中：class是绑定样式，判断也是用v-if，图片用image，渲染数据用{{}}，绑定data里面的数据也是用：，e.target.value是获取内容，@change定义的是函数，写在methods中

 methods: {
   goto: function(){
    uni.navigateTo({
     url: "/pages/login/phone_login"
    })
   },
  }

15、引用组件import HeaderNav from "@/components/header-nav.vue"
 export default {
  components: {
   HeaderNav
  },

16、this.utils.basePost('login/index',data,function(data)地址

17、页面跳转uni.reLaunch({
                url:"/pages/login/choose_interest",
            });

跳转到tabbar：uni.switchTab({
                url: '/pages/tabBar/home/home'
            });

18、选中与不选中可以用：class来决定，用三元表达式来做

19、@tap="navTo('/pages/order/shouru')

20、uni-app中使用vuex：1、在store文件夹下新建index.js文件，2、在新建的index.js下引入vue和vuex 3、在main.js中引用并挂载，4、使用的时候先在页面中引入，

21、state：用来存储变量，geeter：从基本数据派生的数据，相当于state的计算属性，mutation：提交更新数据的方法，必须是同步的，如果是异步用action，modules模块化vuex，每一个模板包含state   mutation action getters

22、SDK软件开发工具包

23、头部切换可以用@tap="cut=1"来做切换，样式底部的切换可以用：class来做

24、pages.json文件用来对uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等

25、在uni-app中的定位权限申请等属于app.json的内容，在uni-app中实在manifest中配置

26、uni-app中导航栏地址和支付宝小程序内必须使用https的图片链接地址

27、1、uni-app在globalStyle中设置的titleImage也会覆盖掉pages->style内的设置文字标题，2uni-app通过pages节点配置应用由哪些页面组成，pages节点接收一个数组，数组每个项都是一个对象；

28、1、uni-app可以在pages.json的pages中style设置导航样式 2、在生命周期里通过参数e.text可获取输入框的内容

29、1、subNvues是vue页面的原生子窗体，用于解决App中vue页面中的层级覆盖和原生界面灵活自定义用的

30、开启原生下拉刷新时，页面里不应该使用全屏高的scroll-view，向下拖动内容时，会优先触发下拉刷新而不是scroll-view滚动

31、easycom组件模式：传统vue组件，需要安装、引用、注册三个步骤后才能使用组件，easycom比较简单，只要组件安装在项目的components目录下，并符合components/组件名称/组建名称.vue目录结构，就可以直接在页面中使用

32、subPackages分包加载配置，此配置为小程序的分包加载机制，在App里始终为整包，subPackages节点接收一个数组，数组每一项都是应用的子包

33、manifest.json文件是应用的配置文件，用于指定应用的名称、图标、权限等

34、ios是苹果公司开发的移动操作系统； SDK软件开发工具包；android是安卓开发；

35、uni-scss文件的用途是为了方便整体控制应用的风格，比如按钮颜色、边框风格、uni.scss文件里预置了一批scss变量预置，需要在HbuilderX里面安装scss插件，使用时需要在style节点上加上lang=“scss“

36、App.vue是页面入口文件，主要的作用包括：调用应用生命周期函数，配置全局样式，配置全局的存储globalData

37、
getApp（）函数用于获取当前应用实例，一般用于获取globalData
navigateTo，redirectTo只能打开非tabBar页面，switchTab只能打开tabBar页面，reLaunch可以打开任意页面，
触发全局的自定义事件：uni.$emit(事件名，触发事件携带的附加参数），代码示例：uni.$emit('update',{msg:'页面更新'})
监听全局的自定义事件：uni.$on(时间名，事件的回掉函数),代码示例：uni.$on('update',function(data){console.log('监听到事件来自update，携带参数msg为:' + data.msg)
所有组件与属性名都是小写，单词之间以连字符-链接

38、1、子组件通过$emit向父组件传值，可以传多个值，是个函数，2、父组件向子组件传值，首先引入子组件，import，然后用components定义，然后子组件用props接收值，props是个对象或者数组，可以接收多个值

39、uni-app中页面引入组件的方式：用import导入组件，然后用components注册组件，然后在template模板中引入就可以了

40、uni-app父组件调用子组件的方法：声明一个子组件，然后在父组件中引入子组件import，用components注册，在template中引入组件使用，引入使用的时候要加上ref，ref后面跟的是组件，例如<three ref="three"></three>,然后在定义一个view，里面写上方法，<view @tap="wowo"></view>,然后在methods中写： wowo:function(){ this.$refs.three(组件).childMethod(子组件定义的方法)()

41、父组件向子组件传值：先声明一个子组件，用props接收父组件传过来的值，props可以是对象，也可以是数组，然后父组件先引用子组件，定义和使用子组件，在data中定义数据，然后通过：绑定到子组件中，这样就可以进行传值了

42、
uni-app中的e.detail.value是获取值
uni.request(objext)发起网络请求，

43、
uni-app路由跳转及参数的传参和接收
1、保留当前页面,跳转到应用内的某个页面,使用uni.navigateTo;例如 uni.navigateTo({url:'test?id=1&name=uniapp'})
    另一个页面接收参数:onload:function(option){ console.log(option.id);console.log(option.name)}
2、关闭当前页面,跳转到应用内的某个页面uni.redirectTo;例如uni.redirectTo({url:'test?id=1'})
uni.uploadFile(obiect)将本地资源上传到开发者服务器
uni.downloadFile(obiect)下载文件资源到本地
webSocket即时通信
this.$set(item,'checked',true)用处：1、数据更新了，但是视图并没有渲染出来数据，可以用这种方法，还有就是当后台没有给这个数据时，又想用这个数据，可以用this.$set;第一个参数指我们要修改的data里面的数据，第二个参数时属性名称，第三个参数时属性值
setStorage是存储，getStorage是获取值
async函数只是在函数内部是同步的，函数外还是异步执行的
 

44、

json对象转字符串：用JSON.stringify()    ;   字符串转json对象 JSON.parse()
 //v-if写在<template />标签中，v-for写在<block>标签中
 //阻止冒泡事件.stop   例如 @tap.stop  
  //methods中调用方法 this.$options.methods.test()
  //监听subNVue子页面的show和hide方法 addEventListener('show',function(){})