摘要: reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。 const str = 'aaaaabbcddddddee' const count = str.split('').reduce((prev, cur) =>{ prev[cur] = (prev 阅读全文
posted @ 2022-02-10 16:02 沐夏52Hz 阅读(171) 评论(0) 推荐(0)
摘要: 上篇笔记提到了事件的修饰符,其中不少是与事件冒泡相关的,于是这篇来大致总结一下。 · 事件冒泡 当一个元素接收到事件时,会把“接收事件”这个行为传递给自己的父级,比如在<p>上发生事件,那么顺序为:p -> div -> body -> html -> document (冒泡过程) 这里要注意的是 阅读全文
posted @ 2021-10-11 17:54 沐夏52Hz 阅读(57) 评论(0) 推荐(0)
摘要: @click.prevent :阻止事件的默认行为 有些标签属性自带了事件,但我们有时并不需要那些事件,因此就需要阻止默认事件,只执行我们绑定的事件。 <a href="http://www.baidu.com" @click.prevent="search">百度一下</a> //阻止a标签跳转, 阅读全文
posted @ 2021-10-09 17:20 沐夏52Hz 阅读(7206) 评论(0) 推荐(2)
摘要: 使用vue组件时,如果想要在组件上绑定事件,@click是不起作用的,因为@click会默认成监听来自子组件自定义的事件,而不是当前组件的点击事件。 所以想实现组件的点击事件,需要在后面加上native修饰符。 举例如下: 【父】 <template> <div>这是父组件 <son-com @cl 阅读全文
posted @ 2021-10-09 16:38 沐夏52Hz 阅读(620) 评论(0) 推荐(0)
摘要: 一定!一定!一定!不要在编译器里直接删除!!完全就是浪费时间!! 使用 npm uninstall 也没什么效果!! 以前我通常会找到文件夹,在文件夹中直接删除,顺便清空回收站。但这种方法会耗时很久,而且时常碰到需要管理员权限的问题,很麻烦! 找了下资料,便找到了以下这个很方便的命令: 1. 在项目 阅读全文
posted @ 2021-10-09 11:25 沐夏52Hz 阅读(506) 评论(0) 推荐(0)
摘要: Vue项目中出现以下报错: 报错原因: permission.js中代码为 Message.error(error || 'Has Error') 因为Message.error()或Message()接收类型string/VNode,而现在接收的是个数组,所以报错。 (Message是Elemen 阅读全文
posted @ 2021-09-24 11:09 沐夏52Hz 阅读(3616) 评论(0) 推荐(0)
摘要: 一、VueX是什么 VueX 是一个专门为 Vue.js 应用设计的状态管理模式。 可变化状态可以理解为vue组件中data属性,是可以共享的data,利用vuex进行统一管理。 VueX作为唯一数据源,同步状态,共享状态。 二、为什么使用Vuex 由于组件之间是相互独立的,想要通信就得依靠prop 阅读全文
posted @ 2021-08-27 11:50 沐夏52Hz 阅读(107) 评论(0) 推荐(0)
摘要: 这里所用到的是链接里的一个属性——name,也就是命名锚。 顾名思义,就是在页面上创建一个书签,该书签为读者不可见,但可以使读者通过关键词快速定位到自己想去的位置上。 同个页面: <a href="#bookmarks">关键词</a> <br /><br /><br /><br /><br />< 阅读全文
posted @ 2021-08-01 17:21 沐夏52Hz 阅读(1574) 评论(0) 推荐(1)
摘要: 一、外部样式表 <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> 使用场景:当该样式能够作为公共样式被很多页面使用时,建议使用 二、内部样式表 <head> <style type="text/css" 阅读全文
posted @ 2021-08-01 16:53 沐夏52Hz 阅读(119) 评论(0) 推荐(0)
摘要: 以上为常用的格式化标签 尤其要记得<ins>是下划线,<del>是中间横线,以后遇到类似的原型不需要通过css去设计 阅读全文
posted @ 2021-08-01 16:25 沐夏52Hz 阅读(101) 评论(0) 推荐(0)