08 2021 档案

Nuxt学习--生命周期
摘要：生命周期 validate 用来校验动态路由参数的有效性。 在该生命周期内可以访问this.methods 该生命周期必须返回一个布尔值或者包装了布尔值的Promise，如果为false会跳转进layouts/error.vue 使用context.params.xxx来验证路径 asyncData 阅读全文
posted @ 2021-08-27 14:50 影依贤者 阅读(665) 评论(0) 推荐(0)
Nuxt学习--layouts router vuex
摘要：layout layouts文件夹中写布局用的vue文件，通过<nuxt />来应用pages文件夹中的页面，页面中能配置layout对象来指定页面放入哪个布局 路由 nuxt中的路由不需要手动配置，要放在pages文件夹下就会自动配置路由 每个pages页面通过head函数来配置html的head 阅读全文
posted @ 2021-08-27 11:05 影依贤者 阅读(477) 评论(0) 推荐(0)
通过URLapi获得页面的query
摘要：Object.fromEntries(new URL(window.location.href).searchParams) 阅读全文
posted @ 2021-08-26 16:24 影依贤者 阅读(61) 评论(0) 推荐(0)
BFC
摘要：触发BFC的方式 是body 元素 浮动元素：float 除 none 以外的值 绝对定位元素：position (absolute、fixed) display 为 inline-block、table-cell、table-caption、flex、inline-flex overflow 除了 阅读全文
posted @ 2021-08-12 19:16 影依贤者 阅读(88) 评论(0) 推荐(0)
圣杯布局和双飞翼布局
摘要：首先通过定两遍的宽和中间自适应100%来完成基本的大小设置，然后都用左浮动来设置基本布局，之后用负margin来将左右两遍提到中间的同一行，左边设margin:-100%，右边设margin:-xxpx，这时候会发现左右两遍把中间遮住了，处理遮住的地方才是两个布局的区别。 圣杯布局 通过设置最外面元 阅读全文
posted @ 2021-08-12 19:15 影依贤者 阅读(72) 评论(0) 推荐(0)
vue的各个生命周期间做了啥
摘要：实例化vm 在实例化vm时进行了一些属性的初始化，再这之后才调用beforeCreate钩子 初始化$parent $children $attrs $slots setup 这时候能读取到props emit等数据，但是无法读取到data。 beforeCreate 也就是所在beforeCrea 阅读全文
posted @ 2021-08-11 22:16 影依贤者 阅读(78) 评论(0) 推荐(0)
偏函数与函数柯里化
摘要：偏函数 偏函数就是将一个函数的参数固定后包装为一个新函数，通过给新函数传入参数来调用原来的函数。 function add(a, b) { return a + b; } function addTwo(num) { return add(2, num); } console.log(addTwo( 阅读全文
posted @ 2021-08-09 19:59 影依贤者 阅读(80) 评论(0) 推荐(0)
手写一个async/await的实现
摘要：众所周知，async/await只是一个语法糖，它是基于生成器来实现的，我根据网上的资料，从头开始写出它中间的原理实现。 生成器 生成器是在定义函数时在function后添加*定义的，像这样：function* func(){}，执行生成器函数后会得到一个迭代器，在生成器函数中能支持yield来暂停 阅读全文
posted @ 2021-08-06 16:27 影依贤者 阅读(368) 评论(0) 推荐(0)