前端开发中遇到的问题及解决方法

1，何为MVVM?

view层：
视觉层；在前端开发中，通常是DOM层；主要作用是给用户展示各种信息；
Model层：
数据层；数据可能是我们固定的死数据，更多的是来自服务器，从网络上请求下来的数据；
ViewModel层：
视觉模型层；视觉模型层是View和Model沟通的桥梁。一方面它实现了Data Binding,也就是数据绑定，将Model的改变实时的反应到View中；另一方面它实现了DOM Listener，也就是DOM监听，当DOM发生一些事件（点击，滚动，touch等）时，可以监听到，并在需要的情况下改变对应的Data。

2，页面跳转路径的传参，及动态设置当前页面的标题

url: ‘…/…/pagesA/aboutArti/collegeArtiList?id=’ + id + ‘&istitle=’ + name
&符号前的是传给【跳转页面】的值，+后是本页面需要传递的值，
data() {return {istitle:'',//接收上个页面传过来的值titleList: {1: {name: '页面名称1 '},2: {name: '页面名称2'}},}},
onLoad(options) {
this.onetitle = options.istitle
uni.setNavigationBarTitle({title: this.titleList[this.onetitle].name
});
},
接收传递值的页面，this.onetitle 是本页面的接收定义的值，如果在本页面要调用就用这个【onetitle】

❌错误代码：

data() {return {istitle:'',//接收上个页面传过来的值}},
onLoad(options) {
this.onetitle = options.istitle
uni.setNavigationBarTitle({if(this.onetitle == 1){title:"页面名称1"}else{title:"页面名称12"}});
},
错误原因：uni.setNavigationBarTitle()的参数类型是Obeject ,直接将if判断挪出来同样能解决错误。

3，数据的类型，及数据类型之间的转换

数据类型：

不可改变的原始值（基本数据类型）：number, string, boolean, undefined, null,
引用值：array, object, function

数据类型之间的转换：

Number(mix) 将值转为数字
var num = Number("123") => j结果num = 123
var num = Number(false) =>结果 num = 0
var num = Number(null) =>结果 num = 0
var num = Number(undefined) =>结果 num = NaN
parseInt(string, radix) 可解析一个字符串，并返回整数
var num = parseInt("123.9") => j结果num = 123, 是直接将小数点后的东西直接删除，而非四舍五入
⚠️：radix是基底，非必传，以radix 目标进制为基底，将string转化为10进制
radix的取值范围2-36;radix,当 radix 为 2 时，当前对象是二进制值 数字，当前对象会被转成10进制的数字类型输出
var num = parseInt("b", 16) => j结果num = 11
parseFloat(string) 可解析一个字符串，并返回浮点数
var num = parseFloat("123.977abc") => j结果num = 123.977
toString(radix) 将当前对象以字符串形式返回
var demo = toString(1234);
console.log(typeof(demo) + ":" + demo)= >结果：string：1234；null 及undefined会报错⚠️：radix,当 radix 为 2 时，当前对象会被转换为二进制值表示的字符串
String(mix)：将数据类型转换成 字符串
var demo = String(1234);
console.log(typeof(demo) + ":" + demo)= >结果：string：1234
Boolean() 将值转换为Boolean类型
var b1 = Boolean("");//返回false,空字符串
var b2 = Boolean("s");//返回true，非空字符串
var b3 = Boolean(0);//返回false，数字0
var b4 = Boolean(1);//返回true，非0数字
var b5 = Boolean(-1);//返回true，非0数字
var b6 = Boolean(null);//返回false
var b7 = Boolean(undefined);//返回false
var b8 = Boolean(new Object());//返回true，对象
总结：除 空字符串，数字0，null，undefeated，其他均会返回true
join() 将一个数组的所有元素连接成一个字符串并返回这个字符串，元素是通过指定的分隔符进行分隔的。
const elements = ['qiuqiu01', 'qiuqiu02', 'qiuqiu03'];
console.log(elements.join());
=> 结果：qiuqiu01,qiuqiu02,qiuqiu03
split() 把一个字符串分割成字符串数组。
const elements = "hello";
console.log(elements.split());
=> 结果：["h", "e", "l", "l", "o"]
项目真实数据												


											

前端开发中遇到的问题及解决方法相关推荐
	

    
								
  1. java开发中遇到的问题及解决方法（持续更新）
		
    java开发中遇到的问题及解决方法(持续更新) 参考文章: (1)java开发中遇到的问题及解决方法(持续更新) (2)https://www.cnblogs.com/LiuYanYGZ/p/6112 ...
    
		
    2. 
						
  2. 微信小程序在开发中遇到的问题与解决方法
		
    微信小程序在开发中遇到的问题与解决方法 参考文章: (1)微信小程序在开发中遇到的问题与解决方法 (2)https://www.cnblogs.com/zjjDaily/p/8032142.html  ...
    
		
    3. 
						
  3. Android实际开发中的bug总结与解决方法（一）
		
    Android实际开发中的bug总结与解决方法(一) 参考文章: (1)Android实际开发中的bug总结与解决方法(一) (2)https://www.cnblogs.com/ywq-come/p ...
    
		
    4. 
						
  4. 小米首页实践开发中遇到的问题及解决方法
		
    小米首页实践开发中遇到的问题及解决方法 1.菜单栏的指向小三角问题 解决方法:使用矩形边框绘制三角形,用CSS设置矩形内容为空.边框设置一定的宽度(三角形的高),并且设置一个方向的边框颜色,其他方向颜 ...
    
		
    5. 
						
  5. 浅谈Excel开发：九 Excel 开发中遇到的常见问题及解决方法
		
    Excel开发过程中有时候会遇到各种奇怪的问题,下面就列出一些本人在开发中遇到的一些比较典型的问题,并给出了解决方法,希望对大家有所帮助. 一 插件调试不了以及错误导致崩溃的问题 在开发机器上,有时可 ...
    
		
    6. 
						
  6. android应用开发中收集的异常日志解决方法记录
		
    这里主要是列出开发中收集的一些错误日志,以及解决方案,仅供参考,也有待解决的问题 1, ListView 中出现java.lang.IndexOutOfBoundsException: Invalid ...
    
		
    7. 
						
  7. 说说在MVC开发中,遇到的错误及解决方法(本文章是我在实际开发中总结出来的,希望对您有帮助)...
		
    前提:数据底层,使用的是MVC架构,对于数据表中的状态及相关字段,采用了枚举型进行对应 1 序列中不包含任何元素   解决:将Single()改为DefaultOrSingle() 2 序列包含一个以 ...
    
		
    8. 
						
  8. android开发中遇到的异常及解决方法
		
    每次运行项目,可能因为粗心或者哪一行代码没有调用,会导致项目不能运行,出现异常. 以下就是我总结的各种异常,会一直更新. 1. Unable to find explicit activity cla ...
    
		
    9. 
						
  9. java开发中遇到的问题及解决方法
		
    一.文件路径问题大集合 1.System.getProperty("user.dir")    #获取当前项目文件夹在磁盘上的绝对路径(java命令执行的地方) 2.File tm ...
    
		
    10. 
		


					

最新文章
	

    
						
  1. Linux查看某个端口是否被占用
		
    2. 
						
  2. 显示point data的时均值注意事项
		
    3. 
						
  3. 基于 Quartz 开发企业级任务调度应用--转
		
    4. 
						
  4. 敏捷个人第五次练习：个人使命宣言
		
    5. 
						
  5. 【心情】今天买了ZÈRTZ！
		
    6. 
						
  6. java io 视频 下载_Java下载映客主播视频回放到电脑硬盘
		
    7. 
						
  7. elementUI使用
		
    8. 
						
  8. MongoDB -  它是什么？从哪里来？
		
    9. 
						
  9. 腾讯大佬和你闲聊图像分割这件事儿
		
    10. 
						
  10. 1041 Be Unique (20 分) 水题
		
    11. 
						
  11. 如何将kux格式的视频转换成我们常用的MP4格式
		
    12. 
						
  12. Windows下的Neo4j下载与安装
		
    13. 
						
  13. css 字体压缩 fonttools
		
    14. 
						
  14. 低版本的iphone 无法跑在xcode8上
		
    15. 
						
  15. 用Jplayer做的一个带动画的播放器
		
    16. 
						
  16. selenium闪退
		
    17. 
						
  17. 如何固定wifi direct的信道进行测试
		
    18. 
						
  18. 详解卷积神经网络的卷积过程--简单明了
		
    19. 
						
  19. 【自学Python】Python布尔型(bool)
		
    20. 
						
  20. 基于 Openzeppelin 的可升级合约解决方案的注意事项
		
    21. 
		

	


热门文章
	

    
									
  1. java timeunit_TimeUnit类 java.util.concurrent.TimeUnit
			
    2. 
						
  2. 2022-2028全球与中国重型电动汽车和工业设备充电市场现状及未来发展趋势
			
    3. 
						
  3. 分布式下使用雪花算法生成全局ID及解决时钟回拨问题
			
    4. 
						
  4. CSS 边框样式 文字样式 段落样式
			
    5. 
						
  5. sql 日期时间函数+格式转换
			
    6. 
						
  6. hdu 6004 Periodical Cicadas [2016 CCPC-Final F] [同余]
			
    7. 
						
  7. Matlab 2019b simulink 生成C代码（一）
			
    8. 
						
  8. 【随手小结】OKR工作法怎么用
			
    9. 
						
  9. 吉林省外国语大学计算机大赛,吉林华桥外国语学院举办朗读者大赛
			
    10. 
						
  10. 离职两年后，程序员遭前东家索赔：Bug 是你写的
			
    11.