2021/11/10

关于回调函数：
当您将函数作为参数传递时，请记住不要使用括号。
这是一个学习javascript的链接：https://www.w3school.com.cn/js/js_callback.asp
重点：：：：：突然明白回调函数是什么意思啦，参数作为另一个函数的参数。其实callback就是个取名而已
回调：由执行顺序。。
所以才有：回调真正闪光之处是异步函数，其中一个函数必须等待另一个函数（例如等待文件加载）。
通过async返回的是promise对象，这样后来就可以用上then方法了。
await 可以等待promise，await只可以在async中使用。

字符串：
学习链接：https://www.w3school.com.cn/js/js_string_methods.asp
字符串的方法，上次学了检索和截取。
截取：
substring和slice是差不多的，但是substring接受不了负值哦。
substr()方法：类似于slice,不同之处在于第二个参数规定被提取部分的长度。

替换字符串内容用的是replace,代替完后的字符串是新的字符串。
replace() 方法不会改变调用它的字符串。它返回的是新字符串。
默认地，replace() 只替换首个匹配。
/xxx/i :表示xxx不需要严格大小写。正则表达式是没有双引号的哦。
还有g标志：全局替换。

concat:连接多个字符串。
trim:删除字符串两端的空白符。
重点：：：：：split:将字符串转换为数组。
str.split("")：分隔为字符。

match():根据正则表达式在字符串中搜索匹配项。
includes(),
startsWith()
endsWith()

---

额外：
number有一个方法是 toFixed() 可以设置小数位。

---

JavaScript 数字：https://www.w3school.com.cn/js/js_numbers.asp
在字符串中，也是可以进行数字运算的，但是要注意的就是级联“+”，是不可以的，其它符号都可以。
比如“10”*“20”=200，而且这个200的类型是数字哦。
toString(8) 转换为8进制 （2）转换为2进制

https://www.w3school.com.cn/js/js_number_methods.asp
返回的都是字符串值的方法：
toExponential() 返回字符串值，包含已被四舍五入并使用指数计数法的数字。
toFixed 包含了指定位数小数的数字
toPrecision() 包含了指定长度的数字
valueOf() 以数值返回数值

全局JavaScript方法：处理数字 Number() parseFloat() parseInt()
Number() 方法可以把日期转换为数字：https://www.w3school.com.cn/tiy/t.asp?f=eg_js_global_number_date
parseInt() 解析一段字符串并返回数值。允许空格。只返回首个数字：

---

数组：https://www.w3school.com.cn/js/js_arrays.asp
数组元素可以是对象(划重点）：Javascript变量可以是对象，数组是特殊类型的对象。
可以在数组保存对象，保存函数，保存数组。
ps:函数里的函数，重点就是函数里的函数了。其实功能就是它罢了。最外部的那个函数体其实只是个提供参数的壳子罢了。
所以 那个array.forEach() —其实现在已经看懂了叭（myFunction一定要传进value参数的），注意var的使用，全局变量，好用滴
链接：https://www.w3school.com.cn/tiy/t.asp?f=eg_js_array_loop_foreach

数组的方法：
push()：添加元素
toString()：把数组转换为字符串
join:与toString()类似，但是这个是有分隔符的那种。

统一：
（1）针对最后元素 有：pop , push
（2）join, toString:数组转换为字符串，第一个方法可以设置分隔符
（3）位移元素 shift,unshift
（4）delete 删除，但是会有空洞
（5）万能的splice splice(参数1，参数2，参数3…）
参数1指的是插入的新元素所在的位置，参数2指的是删除的元素有多少个（相对参数1之后），参数3以及之后的元素都是指新加入的元素内容。
splice可以用来添加或删除元素，非常好用，记住每个参数是什么意思就很好用啦。
（6）合并数组 concat
（7）截取数组 slice
（8）sort函数里面的函数的参数a,b是比值数。案例写的是按数组来的比值。https://www.w3school.com.cn/tiy/t.asp?f=eg_js_array_sort_numeric_1
这里又是用了回调函数，真好用，里面的函数用的a,b就是sort外面这个方法的参数。
sort()方法默认的是用字母排序，字母排序的话就是看第一个数排序，比如1，20，3，就是这样排序滴。
（9）查看数组的最大值和最小值，方法一可以用比值后的sort方法，方法二可以用apply。Math.max.apply(null,arr);
（10）some,every,find,findIndex: myFunction(value,index,array)

---

关于日期 ： toUTCString toDateString

JavaScript 数学
https://www.w3school.com.cn/js/js_math.asp
Math.round(x) 返回四舍五入为最接近的整数
有很多，求绝对值啊，求最大值，求幂，求平方根等等。
Math.floor与Math.random()一起用，生成随机整数，比如 Math.floor(Math.random()*10),那么生成的整数就是0-9
目前学到：https://www.w3school.com.cn/js/js_switch.asp

接下来的任务就是 看login.vue,index.vue,还有路由,看它们的一些方法是怎么做到的。

关于路由：入口页面是在路由设置的，每个页面什么路径是路由设置的，路由还有什么功能待补充
路由：
首先：component: resolve => require([’@/view/index.vue’], resolve) 与component: index区别
它们的作用是一样的，传统方式下我们就是先import index from ‘@/view/index.vue’，但是现在用前者的方式，就不用import了，
前者是一种懒加载的写法，这样写的话，加载速度会很快，在路由页面也不需要写一堆import了。
（解释：import是编译时调用，必须放在文件开头。require是运行时调用，可以写在代码的任何地方，推荐使用require,也就是
访问此路由的时候才会加载这个js）

(1)vue.js的created()生命周期 可以写一些url地址。location.href。
(2)路由是在接口拿到的，也就是在api/menu.js中。(这个2不是什么知识只是信息点罢了，不必认真看，但是要知道路由是被写在store里面了）
通过我的一番检索之后，我发现一开始在main.js中有pesmission.js的引入，在这个permission.js中dispatch了store/permission的action里面的GenerateRoutes,也就是生成路由。
也就是说，路由是这样一层一层去做的。
获取路由的方法写在了api/menu.js文件里，然后通过store/modules/permission.js文件去获取这个方法（getRouters），又通过‘./permission.js’(注意，这个跟那个store里的不是同一个)，
然后permission.js其实是被写在了main.js之中的。

(3)src/util/request.js的那个service,是axios实例哦。
(4)全局搜索有很大的好处滴。
(5)vue代码被loader打包后，就会变成document.getElementById("#app")
(6)location.href是直接跳转，也就是通过它可以修改href的链接。
(7)关于这个项目，那个router.js里面所有的都是设置了hidden:true，所以也就是说，这些router都是没有用的。因为这个项目用的都是从后端拿来的路由。

关于首页的url长那个样子的一系列问题：
现在知道了就是在main.js中引入了permission.js，然后引入了之后（大概是因为封装了什么），所以这个模块引入就直接能用了，
然后在这个permission里有一个router.beforeEach方法，里面设置了如果没有token的话，就跳转到login页面，也就是login.vue，在login.vue里有个created()方法，
然后这个方法就是重新设置了页面，就是location.href=loginUrl,现在主要就是去看一下动态加载路由是什么。