![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 76
菜鸟一枚在这
这个作者很懒,什么都没留下…
展开
-
Vue快速了解并上手-5
系列文章目录上期我们讲解了路由组件等功能,这期我们开始讲解如何使用vue快速有效的开发。目录系列文章目录1、路由嵌套2、过渡动画3、vue-cli3.1、安装3.2、cli创建项目3.3、项目的目录介绍4、使用cli去搭建一个项目总结1、路由嵌套如果存在 组件嵌套 ,就需要提供多个视图容器同时,router-link和router-view 都可以添加类名、设定样式路径:在原有的一级导航的template里面 配置 二级导航的router-link和router-view在相原创 2021-11-13 12:35:55 · 244 阅读 · 0 评论 -
Vue快速了解并上手-4
系列文章目录上期我们讲解了v-model等等的一些指令,这期我们来讲解组件方面的内容文章目录系列文章目录1、组件1.1、全局组件1.2、局部组件1.3、组件的嵌套1.4、组件间的通信2、路由2.1、基于js路由的实现2.2、vue-router实现2.3、代码实现vue-router2.4、实现动态路由2.5、to属性3、重定向4、编程式导航5、路由激活样式总结1、组件重复的页面结构,数据,逻辑 都可以抽提成一个组件特点 简单 高效 不重复组件和实例相似之处: data/method原创 2021-11-13 00:06:38 · 553 阅读 · 0 评论 -
Vue快速了解并上手-3
系列文章目录上期我们讲解了系统指令、过滤器、自定义指令等等内容,这期我们继续讲解vue相关知识文章目录系列文章目录1、计算属性1.1、计算属性实现表格内容的搜索2、在Vue中实现请求发送2.1、axios2.1.1、axios表格2.1.3、实现表格获取请求数据2.1.4、实现表格数据删除2.1.5、实现表格数据的添加2.1.6、实现表格数据的搜索2.2、watch-基本使用总结1、计算属性场景:当表达式过于复杂的情况下 可以采用计算属性 对于任何复杂逻辑都可以采用计算属性常用的计算属性的例原创 2021-11-12 16:51:19 · 1374 阅读 · 2 评论 -
Vue快速了解并上手-2
系列文章目录上期我们讲解了一部分vue的基础,表格等等知识,这一期我们继续讲解vue目录系列文章目录1、系统指令1.1、v-bind1.1.1、v-bind绑定class对象1.1.2、绑定class数组1.2、绑定style(对象)1.2.1、绑定单个style1.2.2、绑定style数组1.3、v-model1.3.1、使用v-bind实现v-model1.3.2、v-mode绑定其他元素1.4、v-cloak1.4、v-once2、过滤器2.1、局部过滤器2.2、全局过滤器2.3、过滤器的基本原创 2021-11-12 10:51:13 · 543 阅读 · 0 评论 -
Vue快速了解并上手-1
系列文章目录Vue现状:开发人员大部分在用Vue开发Vue学习曲线相比其他框架简单很多目录系列文章目录1、什么是Vue?2、Vue能做什么?3、Vue特点4、如何学习?5.2、HelloWorld5.3、实例选项el5.4、实例选项-data5.5、实例选项-methods5.6、插值表达式5.7、指令5.7.1、v-text和v-html的区别5.7.2、系统指令-v-if 和 v-show5.7.3、系统指令-v-on绑定事件5.7.4、-系统指令-v-for(数组)5.8、表格总结原创 2021-11-11 20:19:40 · 184 阅读 · 0 评论 -
ECMAScript6-Class的基本语法
系列文章目录上一期讲解了对象相关的内容,这一期讲解class的基本语法。目录系列文章目录总结提示:以下是本篇文章正文内容,下面案例可供参考ES6 提供了更接近传统语⾔的写法,引⼊了 Class(类)这个概念,作为对象的模板。通过class关 键字,可以定义类。基本上,ES6 的class可以看作只是⼀个语法糖,它的绝⼤部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像⾯向对象编程的语法⽽已。class Point { constructor(x, y)原创 2021-11-11 14:28:59 · 360 阅读 · 0 评论 -
ECMAScript6-对象新增方法
系列文章目录上期我们讲解了对象创建相关的知识,这一期我们讲解对象的新增方法相关内容。目录系列文章目录1、Object.is()2、Object.assign()3、Object.getOwnPropertyDescriptors()4、属性5、Object.keys(),Object.values(),Object.entries()总结1、Object.is()ES5 ⽐较两个值是否相等,只有两个运算符:相等运算符()和严格相等运算符(=)。它们都有缺点,前者会⾃动转换数据类型,后者的N原创 2021-11-10 22:10:21 · 275 阅读 · 0 评论 -
ECMAScript6-对象的扩展
系列文章目录前面我们学习了set和map相关的知识,这一期我们讲解对象相关的知识目录系列文章目录1、属性的简洁表示法总结1、属性的简洁表示法ES6 允许在⼤括号⾥⾯,直接写⼊变量和函数,作为对象的属性和⽅法。这样的书写更加简洁const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};上⾯代码中,变量foo直接写在⼤括号⾥⾯。这时,属性名就是变量名, 属性值就是变量值原创 2021-11-10 21:57:08 · 204 阅读 · 0 评论 -
ECMAScript6-Set和Map
系列文章目录上期我们讲解了数组方面的内容,这期我们将set和map方面的知识。es6 提供了两种新的数据结构 Set 和 Map文章目录系列文章目录1、Set2、Map总结1、SetSet 是⼀个构造函数,⽤来⽣成 Set 数据结构,它类似于数组,但是成员的值都是唯⼀的,没有重 复的值.初始化 Set 可以接受⼀个数组或类数组对象作为参数,也可以创建⼀个空的 Set<!DOCTYPE html><html lang="en"><head>原创 2021-11-10 20:56:26 · 234 阅读 · 0 评论 -
ECMAScript6-数组的扩展
数组的扩展上一期我们讲解了函数扩展的相关内容,这一期我们开始讲解数组的相关内容。数组的遍历for…of循环的使⽤实例Array.from()Array.of()数组实例的 find() 和 findIndex()数组实例的 some() 和 every()数组实例的 fill()目录数组的扩展1、数组的遍历2、For...of循环的使用实例3、Array.from()4、 Array.of()5、数组实例的 find() 和 findIndex()6、数组实例的 some() 和 e原创 2021-11-10 19:15:20 · 311 阅读 · 0 评论 -
ECMAScript6-函数的扩展
系列文章目录上一期我们学习了数值扩展的相关内容,这一期我们讲解函数的扩展相关知识。目录系列文章目录函数的扩展1、函数参数的默认值2、箭头函数3、箭头函数中this的理解4、箭头函数使⽤注意点总结函数的扩展函数参数的默认值箭头函数箭头函数中this的理解箭头函数使⽤注意点提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考1、原创 2021-11-10 18:23:37 · 187 阅读 · 0 评论 -
ECMAScript6-数值的扩展
数值的扩展上期我们讲解了运算符相关的内容,这期我们讲解数值的相关扩展。目录数值的扩展1、二进制和八进制表示法2、Number.isFinite(), Number.isNaN()3、Number.parseInt(), Number.parseFloat()4、Number.isInteger()5、Math 对象的扩展总结1、二进制和八进制表示法ES6 提供了⼆进制和⼋进制数值的新的写法,分别⽤前缀0b(或0B)和0o(或0O)表示。<!DOCTYPE html><原创 2021-11-10 17:17:31 · 67 阅读 · 0 评论 -
ECMAScript6-运算符的扩展
运算符的扩展上期我们讲解了字符串的相关内容,这期我们讲解运算符相关的知识。es6之扩展运算符 三个点(…)对象的扩展运算符数组的扩展运算符剩余参数的处理目录运算符的扩展1、对象的扩展运算符2、数组的扩展运算符3、使⽤三个点(...)对剩余参数的处理总结1、对象的扩展运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2021-11-10 15:42:19 · 71 阅读 · 0 评论 -
ECMAScript6-字符串的新增方法
字符串的新增方法上期我们讲解了字符串的扩展,这期我们继续讲解字符串的相关知识,主要是字符串的新增方法。实例⽅法:includes(), startsWith(), endsWith()-- ⼦串查找⽅法,返回布尔值。实例⽅法:repeat()-- ⽅法返回⼀个新字符串,表示将原字符串重复n次。实例⽅法:padStart(),padEnd() --字符串补全⻓度的功能。实例⽅法:trimStart(),trimEnd()–消除字符串头部或尾部的空格,返回新串,不修改原字符串。实例⽅法:match原创 2021-11-10 11:47:16 · 133 阅读 · 0 评论 -
ECMAScript6-字符串扩展
ECMAScript6-字符串扩展模板字符串模板字符串实例标签模板上期我们讲到了变量的解构赋值,这期我们开始讲述字符串的相关扩展操作。ECMAScript6系列文章目录ECMAScript6-字符串扩展1、模板字符串2、模板字符串实例3、模板标签总结1、模板字符串模板字符串(template string)是增强版的字符串,⽤反引号(`)标识。它可以当作普通字符串使⽤,也可以⽤来定义多⾏字符串,或者在字符串中嵌⼊变量如果在模板字符串中需要使⽤反引号,则前⾯要⽤反斜杠转义。如果原创 2021-11-10 11:17:44 · 109 阅读 · 0 评论 -
ECMAScript6-变量解构赋值
变量赋值解构上期我们讲述了let和const相关内容,这期我们接着讲变量解构赋值。ES6 允许按照⼀定模式,从数组和对象中提取值,对变量进⾏赋值,这被称为 解构(Destructuring)数组的解构赋值对象的解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值圆括号问题⽤途ECMAScript6变量赋值解构1、数组的解构赋值2、对象的解构赋值3、字符串的解构赋值4、数值和布尔值的解构赋值(了解)5、函数参数的解构赋值6、圆括号问题(了解)7、用途总结1、数组的解原创 2021-11-10 10:45:54 · 266 阅读 · 0 评论 -
ECMAScript6-let和const
ECMAScript6ECMAScript 6.0(以下简称 ES6)是 JavaScript 语⾔的下⼀代标准,已经在 2015 年 6 ⽉正式发布了。其⽬标是使得 JavaScript 语⾔可以⽤来编写复杂的⼤型应⽤程序,成为企业级开发语⾔。ECMAScript6ECMAScript6简介let和const命令1、变量提升问题2、重复声明变量3、块级作用域4、定义常量--const命令5、本质总结简介ECMAScript 和 JavaScript 的关系ECMAScript是Ja原创 2021-11-09 23:10:04 · 174 阅读 · 0 评论