- 博客(81)
- 收藏
- 关注
RSS订阅原创 Vue3加载Element-plus
Element，一套为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端组件库Element Plus 基于Vue 3，面向设计师和开发者的组件库。
2024-07-29 17:21:33
397
原创 Vue3新特性1
在2.x中methods来定义一些当前组件内部方法methods:{http(){}在3.x中直接在setup方法中定义并returnsetup() {return {http。
2024-07-29 17:13:12
813
原创 Vue状态管理(Vuex)
Vuex 是一个专为 Vue.js 应用程序开发的。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说，状态管理可以理解成为了更方便的管理组件之间的数据交互，提供了一个集中式的管理方案，任何组件都可以按照指定的方式进行读取和改变数据。
2024-07-29 16:56:16
1492
原创 嵌套路由配置
router-link to="/news/baidu">百度新闻</router-link> |<router-link to="/news/wangyi">网易新闻</router-link>第二步：在路由配置文件中添加子路由配置。第一步：创建子路由要加载显示的页面。第三步：指定子路由显示位置。第四步：添加子路由跳转链接。路由嵌套是非常常见的需求。
2024-07-29 16:38:32
331
原创 路由传递参数
<router-link to="/list/北京">北京旅游十大景区</router-link></li><li><router-link to="/list/四川">四川旅游十大景区</router-link>
2024-07-28 21:00:39
302
原创 Vue引入路由配置
在Vue中，我们可以通过vue-router路由管理页面之间的关系Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。
2024-07-28 20:50:48
417
原创 Vue引入第三方
开源、免费、强大的触摸滑动插件 是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端 能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果<template> <div class="hello"> <swiper class="mySwiper"> <swiper-slide>Slide 1</swiper-slide> <swiper-slide>Slide 2<
2024-07-28 17:55:05
396
原创 vue组件生命周期
每个组件在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做。的函数，这给了用户在不同阶段添加自己的代码的机会。
2024-07-28 17:54:15
136
原创 自定义事件组件交互
button @click="sendHandle">发送数据</button>可以将数据从父组件传递到子组件，那么反向如何操作呢，就可以利用自定义事件实现。this.$emit("onCustom","数据")自定义事件可以在组件中反向传递数据，<h3>单文件组件</h3>
2024-07-28 17:42:33
314
原创 vue组件基础
是一种特殊的文件格式，它允许将 Vue 组件的模板、逻辑。通常一个应用会以一棵嵌套的组件树的形式来组织。<h3>单文件组件</h3>Vue 单文件组件（又名。样式封装在单个文件中。
2024-07-28 17:39:26
304
原创 表单输入绑定
你可以用v-model指令在表单<input><textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。它负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特殊处理。
2024-07-28 17:38:47
155
原创 vue 事件处理
符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。然而许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在。// `event` 是原生 DOM event。这是官方的翻译称呼，其实我们可以直接叫他 "事件传递参数"还可以接收一个需要调用的方法名称。
2024-07-28 17:32:48
223
原创 vue列表渲染
渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一的。形式的特殊语法，其中 items 是源数据数组，而。指令基于一个数组来渲染一个列表。当 Vue 正在更新使用。则是被迭代的数组元素的。
2024-07-28 17:25:02
391
原创 Module 的语法
历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍ES6 模块是通过export命令显式指定输出的代码，再通过import命令输入。
2024-07-27 21:28:32
416
原创 Class 的基本语法
ES6 规定，子类必须在`constructor()`方法中调用`super()`，否则就会报错，这是因为子类自己的`this`对象，必须先通过父类的构造函数完成塑造，得到与父类同样的实例属性和方法，然后再对其进行加工，添加子类自己的实例属性和方法。类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上`static`关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”> 注意，如果静态方法包含`this`关键字，这个`this`指的是类，而不是实例。
2024-07-27 21:01:34
686
原创 Async 函数
ES2017 标准引入了 async 函数，使得异步操作变得更加方便。console.log("定时器");async函数可以将异步操作变为同步操作。
2024-07-27 20:35:44
276
原创 Promise 对象
简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了。对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。对象是一个构造函数，用来生成。
2024-07-27 17:40:02
758
原创 Set 数据结构
## 基本用法ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。`Set`本身是一个构造函数，用来生成 Set 数据结构。```js// 2 3 5 4```通过`add()`方法向 Set 结构加入成员，结果表明 Set 结构不会添加重复的值。`Set`函数可以接受一个数组作为参数```js[...set]```数组去除重复成员的方法```js// 去除数组的重复成员```字符串去除重复字符```js。
2024-07-27 17:17:02
239
原创 函数的扩展_箭头函
对于普通函数来说，内部的`this`指向函数运行时所在的对象，但是这一点对箭头函数不成立。它没有自己的`this`对象，内部的`this`就是定义时上层作用域中的`this`如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用`return`语句返回。由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错。> 箭头函数里面根本没有自己的`this`，而是引用外层的`this`如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。
2024-07-27 17:06:21
398
原创 对象的扩展
ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。ES6 允许字面量定义对象时，用表达式作为对象的属性名，即把表达式放在方括号内。这种写法用于函数的返回值，将会非常方便。ES2018 将这个运算符引入了对象。结果是// undefined。除了属性简写，方法也可以简写。### 属性的简洁表示法。### 对象的扩展运算符。### 属性名表达式。
2024-07-27 16:53:54
368
原创 字符串扩展
统一码（Unicode），也叫万国码、单一码，是计算机科学领域里的一项业界标准，包括字符集、编码方案等。Unicode是为了解决传统的字符编码方案的局限而产生的，它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。方法接受一个整数作为参数，返回参数指定位置的字符，支持负索引（即倒数的位置）。：返回布尔值，表示参数字符串是否在原字符串的头部。方法返回一个新字符串，表示将原字符串重复。
2024-07-27 16:42:46
296
原创 对象解构赋值
注意事项，如果要将一个已经声明的变量用于解构赋值，必须非常小心。> 对象的属性没有次序，变量必须与属性同名，才能取到正确的值。对象的解构赋值，可以很方便地将现有对象的方法，赋值到某个变量。> **温馨提示**
2024-07-27 16:41:59
329
原创 Let 命令和Const 命令
ES6 `新增了`let`命令，用来声明变量。它的用法类似于`var`，但是所声明的变量，只在`let`命令所在的代码块内有效。### let块级作用域```jssxt // 1````for`循环的计数器，就很合适使用`let`命令```jsi < 10;i++) {// ...```对比`var`和`let`在循环中的应用```jsvar a = [];i < 10;// 10```
2024-07-27 16:41:29
333
原创 Babel转码器
Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。Babel 的配置文件是.babelrc，存放在项目的根目录下。原始代码用了箭头函数，Babel 将其转为普通函数，就能在不支持箭头函数的 JavaScript 环境执行了。presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。Babel 提供命令行工具`@babel/cli`，用于命令行转码。# --out-file 或 -o 参数指定输出文件。Babel命令行转码。
2024-07-27 16:40:37
218
原创 ECMAScript 6 简介
ECMAScript 6（以下简称 ES6）是 JavaScript 语言的标准，在 2015 年 6 月发布。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。因此，ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等。ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现，常场合，这两个词是可以互换的。
2024-07-27 16:39:22
243
原创 Element获取元素位置
属性返回一个整数，表示元素的 CSS 垂直高度（单位像素），包括元素本身的高度、padding 和 border，以及水平滚动条的高度（如果存在滚动条）。属性返回一个整数值，表示元素节点的 CSS 高度（单位像素），只对块级元素生效，对于行内元素返回。属性返回元素节点的 CSS 宽度，同样只对块级元素有效，也是只包括元素本身的宽度和。属性返回一个整数值（小数会四舍五入），表示当前元素的总高度（单位像素），它包括。属性，返回当前视口的高度（即浏览器窗口的高度）。，如果有垂直滚动条，还要减去垂直滚动条的宽度。
2024-07-24 21:04:42
444
原创 DOM概述
DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如对元素增删内容）浏览器会根据 DOM 模型，将结构化文档HTML解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口DOM 只是一个接口规范，可以用各种语言实现。
2024-07-24 20:43:22
1569
原创 JavaScript 对象概述
什么是对象？对象（object）是 JavaScript 语言的核心概念，也是最重要的数据类型简单说，对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合age: '13'对象的每一个键名又称为“属性”（property），它的“键值”可以是任何数据类型。如果一个属性的值为函数，通常把这个属性称为“方法”，它可以像函数那样调用如果属性的值还是一个对象，就形成了链式引用age:13,frontEnd:["Web前端","Android","iOS"],
2024-07-24 17:17:13
832
原创 JavaScript 数组
数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。两端的方括号是数组的标志。sxt是0号位置，baizhan是1号位置，it是2号位置。（位置也被称为下标）除了在定义时赋值，数组也可以先定义后赋值。任何类型的数据，都可以放入数组如果数组的元素还是数组，就形成了多维数组。
2024-07-23 17:24:40
1710
原创 JavaScript 字符串
字符串就是零个或多个排在一起的字符，放在单引号或双引号之中'大家好'"大家好"document.write 在页面展示单引号字符串的内部，可以使用双引号。双引号字符串的内部，可以使用单引号"It's a long 大家好"如果要在单引号字符串的内部，使用单引号，就必须在内部的单引号前面加上反斜杠，用来转义。双引号字符串内部使用双引号，也是如此字符串默认只能写在一行内，分成多行将会报错如果长字符串必须分成多行，可以在每一行的尾部使用反斜杠long \string';
2024-07-22 21:30:59
674
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人