目录
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' } } }