Uni-app常见知识点总结

目录

1、谈谈你对uni-app的理解

2、uni中如何为不同的平台设置不同的代码

3、条件注释的作用和使用方法

4、uniapp中为什么会出现跨域问题,如何解决

---

1、谈谈你对uni-app的理解

（1）uni-app是什么？

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可以发布到IOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

（2）uni-app的优势

        ①平台更多，真正做到一套代码多端发行，支持原生代码混写和原生sdk集成。

        ②运行体验更好。组件、api与微信小程序一致，兼容weex原生渲染。

        ③通用技术栈，学习成本更低。Vue的语法，微信小程序的api，对于前端开发人员来说更容易上手。

        ④开放生态，组件更丰富。支持通过npm安装第三方包；支持微信小程序自定义组件及sdk；兼容mpvue组件及项目；app端支持与原生混合编码；

2、uni中如何为不同的平台设置不同的代码

        APP-PLUE：APP

        H5：H5

        MP-WEIXIN：微信小程序

3、条件注释的作用和使用方法

（1）条件注释编译：

条件编译：用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。

（2）条件注释的语法：

        以 #ifdef 或 #ifndef +平台名称 开头，以 #endif 结尾。

        #ifdef：if defined 仅在某平台存在

        #ifndef：if not defined 除了某平台均存在

4、uniapp中为什么会出现跨域问题,如何解决

（1）为什么会出现跨域问题

       出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的。javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）

（2）解决流程：

        在根目录下创建vue.config.js文件

       vue.config.js在文件中写入：

module.exports = {
  publicPath: './',
  devServer: {
    proxy: {
      '/list': {
        target: 'https://t.t.com/',
        ws: true,
        changeOrigin: true,
      },
	  '/api': {
		target: 'https://txt.t.com/',
		ws: true,
		changeOrigin: true,
		pathRewrite: {
			'^/api': ''
		}
	  },
	  '/wpi': {
	  		target: 'https://xt.t.com/',
	  		ws: true,
	  		changeOrigin: true,
	  		pathRewrite: {
	  			'^/wpi': ''
	  		}
	  },
    }
  },
  pwa: {
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    }
  }
}