uniapp基础知识点掌握以及面试题整理

{
	//页面路径配置,未设置root则path默认完整路径
	"pages": [ 
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页",
				"enablePullDownRefresh": true
			}
		}
	],
	//二级页面，设置了root根文件路径，则path可以简写
	"subPackages": [{
		"root": "pages/test-sub",
		"pages": [
			{
				"path": "login/index",
				"style": {
					"navigationBarTitleText": "登录"
				}
			}
		]
	}],
	//全局样式配置
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	},
	"tabBar": {
		//tab样式和选中后效果
		"color": "#7A7E83",
		"selectedColor": "#2BD3DE",
		"borderStyle": "black",
		"backgroundColor": "#F8F8F8",
		//tab页面配置，包括图标路径，tab名称、路径
		"list": [{
				"pagePath": "pages/index/index",
				"iconPath": "static/农场_24种子.png",
				"selectedIconPath": "static/农场_31花草.png",
				"text": "首页"
			},
			{
				"pagePath": "pages/user/index",
				"iconPath": "static/农场_36稻草人.png",
				"selectedIconPath": "static/农场_28蜜蜂.png",
				"text": "个人中心"
			},
			{
				"pagePath": "pages/test/index",
				"iconPath": "static/农场_36稻草人.png",
				"selectedIconPath": "static/农场_28蜜蜂.png",
				"text": "测试页面"
			}
		]
	}
}
 

//app.vue
 
<script>  
    export default {  
        globalData: {  
            msg: 'hello world'  
        }
    }  
</script>
 
//在其他页面调用/修改全局变量
getApp().globalData.msg= 'hello world'

//template
<!--  #ifdef  MP-WEIXIN -->
<!--  只在小程序中生效 -->
<view>我是微信小程序</view>
<!--  #endif -->
 
<!--  #ifdef  APP-PLUS -->
<!--  只在 app 中生效 -->
<view>我是 app </view>
<!--  #endif -->
 
//js
// #ifndef H5
// 表示只有 h5 不使用这个 api
uni.createAnimation(OBJECT)
// #endif
 
//css
/* #ifdef  MP-WEIXIN */
/*  只在小程序中生效  */
.header {
	color:red
}
/*  #endif  */

//选择文件
uni.chooseFile({
  count: 6, //默认100
  extension:['.zip','.doc'],
    success: function (res) {
        console.log(JSON.stringify(res.tempFilePaths));
    }
});
 
// 选择图片文件
uni.chooseFile({
  count: 10,
  type: 'image',
  success (res) {
    // tempFilePath可以作为img标签的src属性显示图片
    const tempFilePaths = res.tempFiles
  }
})

//示例
// navigate.vue页面接受参数
onLoad: function (option) {
	const item = JSON.parse(decodeURIComponent(option.item));
}

//1.在pages.json文件里找到需要下拉刷新的页面pages节点，并在 style 选项中开启enablePullDownRefresh。
{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页",
				"enablePullDownRefresh": true
			}
		},
//2.在页面中调用监听下拉事件函数
onPullDownRefresh() {
		//do some
	    this.Fn()
	}
//3.获取数据完毕后调用停止下拉刷新动画
Fn(){
//可以在调用的函数中获取接口数据或则操作其他事项
//调取完毕后停止下拉刷新动画
 uni.stopPullDownRefresh();
}

onReachBottom() {
        let data = this.data;
        let pageNum = data.pageNum;
        let pageStatus = 'loadmore';
        if (data.pageNum * data.pageSize >= data.pageTotal) {
            pageStatus = 'nomore';
        }
        if (pageStatus === 'loadmore') {
            pageNum++;
            pageStatus = 'loading';
            this.setData({
                pageNum: pageNum
            }, () => {
                this.getDataList();
            })
        }
        this.setData({pageStatus})
    },
/*我司的做法是用total来判断是否还有数据可以请求，还有的话就继续请求接口数据，并更新状态及分页数据；

// 更改后的输入框,
//1、尝试了下，发现textarea不会和input一样出现字体随着页面滚动的情况，这是一个兼容方案
//2、还有个不优雅的方案是输入完成后使用其他事件让其失焦或者disable，例如弹窗或者弹出层出来的时候可以暂时让input禁止，然后弹窗交互完成后再放开
<textarea fixed="true" auto-height="true" ></textarea>

/**
     * 设置拼接后的参数
     * @param {String} data 参数
     * @return {String}
     */
    setPageParam(data) {
        let url = '';
        for (let k in data) {
            let value = data[k] !== undefined ? data[k] : '';
            if (typeof value === 'object') {
                value = JSON.stringify(value)
            }
            url += '&' + k + '=' + encodeURIComponent(value);
        }
        url = url ? url.substring(1) : '';
        return url
    },
/**
     * 跳转到下一个页面
     * @param {String} url 跳转页面的名称
     * @param {Object} param 跳转页面的传参
     * @return null
     */
    jumpPage(url, param) {
        if (!url) {
            return
        }
        let arrSwitch = ['/pages/index/index'];//tab页面数组
        if (arrSwitch.includes(url)) {
            return uni.switchTab({//tab页面需要uni.switchPage跳转
            	url
        	})
        } 
        if (param) {
            url += (url.indexOf('?') < 0 ? '?' : '&') + this.setPageParam(param);//拼接参数
        }
        if (getCurrentPages().length > 9) {
            return uni.redirectTo({//如果栈满或者溢出就重定向
                url
            })
        } else {
            uni.navigateTo({
                url
            })
        }
    },

	1、 git init 把这个目录变成git可以管理的仓库
	2、 git add 不但可以跟单一文件，也可以跟通配符，更可以跟目录。一个点就把当前目录下所有未追踪的文件全部add了
	3、 git commit -m ‘first commit'把文件提交到仓库
	4、 git remote add origin +//仓库地址 //关联远程仓库 
	5、 git push -u origin master //把本地库的所有内容推送到远程库上