前端

前端开发笔记

JavaScript数组去重

1. 使用Set:将数组转换为Set对象,Set对象会自动去除重复元素,之后再将使用Array.from或展开运算符...将Set对象转换为数组。 const arr = […

JavaScript 数组方法(三)

1. entries() 方法 entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。迭代对象中数组的索引值作为 key, 数组元素作为 …

JavaScript 数组方法(二)

1. forEach() 方法 forEach() 方法用于遍历数组的每个元素,对每个元素执行 function 函数。对于空数组是不会执行回调函数的。不改变原数组。 语法 arr…

JavaScript 数组方法(一)

1. concat() 方法 concat() 方法用于连接两个或多个数组,并返回结果数组;改方法不会改变现有数组,而是返回一个新的数组。 语法 array1.concat(arr…

Vue 过滤器

1. 定义 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。即对要显示的数据进行特定格式化后再显示(适用于一些简单的逻辑处理) 2. 注册和使用 1)全局注册和局部…

Vue 自定义指令

1. 定义 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。当开发人员有的情况下,仍然需要对普通 DOM 元素进行底层操作,这时候就…

Vue key的作用与原理

1. vue中key的作用 1)虚拟DOM中key的作用: key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新…

Vue 计算属性和监听属性

1. 计算属性computed 1)为什么要使用计算属性? 模板内使用表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: &l…

Vue MVVM与数据代理

1.vue中的MVVM 在Vue框架中,MVVM是指Model-View-ViewModel(模型-视图-视图模型),是一种用于构建用户界面的架构模式。MVVM将用户界面分为三个主…

Vue el与data的两种写法

1. el 指定容器的方式 第一种: <!-- vue模板容器 --> <div id='root'> <h1>{{ msg }}</h1> </di…

加载更多