办鹿uniapp小程序(一)

一、项目初始化

  1. appid ==》 公司给你

wxc82730a0fc15e28a

  1. 开发者身份 ==》 公司给你添加

小程序官网:小程序

管理==》成员管理==》项目成员

1、 uniapp ui组件 (uView)

如果采用npm安装方式在 小程序端不生效

1.1 采用插件的形式安装:

第一步:进入uni-app插件市场

第二步:搜索uview

第三步:下载插件并导入HBuilderX中

1.2 配置一下:

步骤:https://uviewui.com/components/downloadSetting.html

2、 请求的二次封装、api解耦、处理跨域问题

接口文档:http://doc.xuexiluxian.cn/web/#/user/login

帐号:testapi

密码:123456

2.1 实践:

https://uviewui.com/js/http.html

2.2 总结跨域问题

  1. 小程序 没有跨域问题 需要 "不校验url"

但是上线是不行的,必须要在网页后台配置 "request合法域名" 就可以了,并且必须是https开头。

  1. 浏览器需要设置代理来解决跨域问题==》类似于vue==〉proxy : server

在根目录新建vue.config.js ===》只在浏览器端生效。

条件编译使用场景:处理跨域问题的时候,浏览器端不走请求的基础url,小程序运行,所以给这里加入条件编译判断。

3、自定义头部

pages.json中pages:

"titleNView": false去掉App、H5的顶部导航栏。

复制代码
"pages": [ 
		{
			"path": "pages/index/index",
			"style": {
				"app-plus": {
					"titleNView": false
				}
			}
		}
	],

"navigationStyle": "custom"会把小程序上面的导航栏也去掉。

复制代码
	"pages": [ 
		{
			"path": "pages/index/index",
			"style": {
				"navigationStyle": "custom"
			}
		}
	],

4、Object.freeze() 方法用于冻结对象

Object.freeze() 方法用于冻结对象,禁止对于该对象的属性进行修改。

冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型也不能被修改。

相关推荐
fakaifa3 小时前
【最新版】CRMEB Pro版v3.4系统源码全开源+PC端+uniapp前端+搭建教程
人工智能·小程序·uni-app·php·crmeb·源码下载·crmebpro
2501_9159184110 小时前
iOS 应用上架全流程实践,从开发内测到正式发布的多工具组合方案
android·ios·小程序·https·uni-app·iphone·webview
上海云盾第一敬业销售14 小时前
小程序被爬虫攻击,使用waf能防护吗?
爬虫·小程序
suncentwl16 小时前
做一个答题pk小程序多少钱?
小程序·答题小程序·知识竞赛·答题pk软件
说私域16 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的流量转化策略研究
人工智能·小程序
咸虾米_17 小时前
微信小程序通过uni.chooseLocation打开地图选择位置,相关设置及可能出现的问题
微信小程序·小程序·uniapp开发·小程序地图api
梦里寻码17 小时前
自行食用 uniapp 多端 手写签名组件
前端·uni-app
未来之窗软件服务18 小时前
蔬菜批发小程序:生产商的数字化转型利器——仙盟创梦IDE
小程序·自动化·仙盟创梦ide·东方仙盟·蔬菜批发·批发系统
数据皮皮侠1 天前
最新上市公司业绩说明会文本数据(2017.02-2025.08)
大数据·数据库·人工智能·笔记·物联网·小程序·区块链
不如摸鱼去2 天前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
微信小程序·小程序·uni-app·aigc·ai编程