![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
Noyade
这个作者很懒,什么都没留下…
展开
-
前端学习笔记之使用element ui编写侧边导航时遇到对的错误
编写侧边导航出现以下问题,查看官方文档,文档显示的是subMenu的index是字符串类型和null但是我写的数据确实是字符串问题只需要在后面加上即可原创 2020-11-10 14:41:17 · 146 阅读 · 0 评论 -
前端学习笔记之关于动态添加dom的方法及vant组件中函数问题
在做前端项目的时候需要用到时间选择器是已动态添加dom的方式<div class="ifShow" v-for="(item,index) in paramConfigDto.screenMng.programList" :key="index"> add() { console.log("add"); this.paramConfigDto.screenMng.programList.push({ beginTime: "",原创 2020-08-05 16:06:25 · 836 阅读 · 0 评论 -
前端学习笔记之react脚手架创建项目失败
1.react脚手架的安装npm install -g create-react-app2.创建项目create-react-app 项目名安装时并没有报错,但是创建项目报错如下:百度了很长时间,试了好几种方法,最后发现是yarn有问题。然后执行npm uninstall yarn -g然后再重新安装就可以了!...原创 2020-05-20 15:28:23 · 1377 阅读 · 0 评论 -
前端学习笔记之vue项目有关滚动标签实现相应页面更新的问题
怎么实现点击上面的滚动标签来实现页面的更新?先从后端获取brotherCategory的数据这里就是标题页面滚动栏的数据,@change调用getList函数,标签变化时(点击标签)就调用此函数,更新一次相应的页面信息。getList函数的作用是发送get请求,获取与滚动标签相应id的页面信息。他的参数有两个cid是指滚动标签的id,如布艺软装的id,抱枕的id…… 第二个参数是page,可以看出传入的为固定值1mounted里面通过对brotherCategory的forEach循环调用.原创 2020-05-18 12:14:40 · 294 阅读 · 0 评论 -
前端学习笔记之vue项目遇到的问题(与vuex的使用有关)
在做购物车模块的时候,全选按钮一直实现不了。最后发现是因为当前页面的数据可获取的数据不一样。需要增加一行代码实现数据的更新。原创 2020-05-09 16:11:42 · 154 阅读 · 0 评论 -
前端学习笔记之弹性布局
弹性布局(自己易错点)1.justify-content横向对齐方式flex-start,flex-end,center,space-between(左右贴边平均分布),space-around(左右不贴边平均分布)2.align-items纵向对齐flex-start,flex-end,center,baseline(如弹性盒子元素的行内轴与侧轴为同一条,则该值与’flex-star...原创 2020-05-02 23:32:23 · 243 阅读 · 0 评论 -
前端学习笔记之守卫导航
路由守卫:路由在跳转之前的验证,当满足条件时才会进行跳转。1.全局守卫:定义在router上的路由守卫,全局范围内有效,只要有路径跳转就会触发该守卫。+router.beforeEach(function(to,from,next){})router.afterEach(function(to,from){})参数:to:代表目标路径对象from:来源路径对象next:用于决定...原创 2020-04-26 11:57:58 · 768 阅读 · 0 评论 -
前端学习笔记之普通函数与箭头函数中的this指向
普通函数中的this指向this指向为window的:1.普通函数function a(){console.log(this)}window.a()2.定时器函数window.setTimeout(function(){console.log(this)})3.立即执行函数(function(){console.log(this)})()this指向为对象的1.对象的方法...原创 2020-04-26 11:02:44 · 196 阅读 · 0 评论 -
前端学习笔记之vex-commit与dispatch
vex-commit与dispatch1.Vuex是一个状态管理模式。在这种模式下是一个巨大的“视图“,不管在树的哪个位置,任何组件都能获取状态或者触发行为。2.vuex的核心store我们不能直接改变store的状态,改变store状态的唯一途径就是提交mutation(commit)3.commit与dispatchcommit是同步操作使用:this.$store.commi...原创 2020-04-20 11:10:07 · 541 阅读 · 0 评论 -
前端学习笔记之computed
关于Vue.js中计算属性(Computed)的认识1.计算属性computed与函数methods在效果上,methods和computed是一样的。但是computed依赖于它的依赖缓存,只有相关依赖发生改变时才会重新取值。(也就是说如果依赖不变只需要加载一次)。而methods则修改一次总会重新调度执行。因此computed的性能更好。2.computed的getter和setter...原创 2020-04-20 10:48:30 · 441 阅读 · 0 评论