![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 79
小白在线学前端
这个作者很懒,什么都没留下…
展开
-
ES6的新特性
ES6的新特性let关键字作用和Var一样let k;let b,c,d//初识值let e=100let声明变量的特性变量不可以重复声明 ,为了防止变量名污染let star='小米'let star='小明'块级作用域,只在代码块中有效,如果出了代码块中无效{ let girl='翠花'}console.log(girl)不存在变量提升console.log(obj)let obj=123131不影响作用域链<body>原创 2021-10-13 19:06:50 · 241 阅读 · 0 评论 -
前端JS继承的方式
前置JavaScript继承是一种允许我们在已有类的基础上创建新类的机制;它为子类提供了灵活性,可以重用父类的方法和变量。继承的过程,就是从一般到特殊的过程。开始啦一、原型链继承的方式实现的方法:设置B.prototype=new A 即可(其中B为子类,A为父类)特点:它把父类中的私有属性和共有属性都继承到了子类的原型链上(new A得到一个实例对象,该对象具有构造函数A的私有和公有属性)核心:原型链继承方式并不是将父类的所有属性克隆一份给了子类,而是在父类和子类之间建立了原型链的连接,如果原创 2021-09-13 23:57:51 · 169 阅读 · 0 评论 -
javascript的事件委托
文章目录前言开始一、事件委托是什么?二、事件委托的优点事件委托的缺点为什么要用事件委托事件委托怎么实现总结前言hello,我来啦,今天发得有点晚,请各位读者大大,多多包涵,那今天我们讲一下什么是事件委托,以及事件委托的理解开始一、事件委托是什么?它还有一个名字叫事件代理,JavaScript高级程序中是这样讲的:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件,也就是说,通过它你可以把事件处理器添加到一个上级元素上,这样就避免了把事件处理器添加到多个子元素上,当我原创 2021-09-02 23:47:30 · 182 阅读 · 0 评论 -
一文带你搞定svg-icon的使用
前置有的时候,我们经常在业务中会需要使用字体图标的场景,比如同一个图标在不同的地方显示不同的颜色,这个时候我们使用字体图标就非常的合适,这篇文章我们主要讲的是在Vue中显示的字体图标`svg-icon`的使用# 开始啦!第一步:下载相应的**包**或者**插件**(会提示没有安装xml-loader,只需要安装下xml-loader,重启下项目就可以解决报错)## 使用npmnpm install vue-svg-icon xml-loader -D## 使用yarn yarn add .原创 2021-09-01 20:50:21 · 14483 阅读 · 8 评论 -
JavaScript函数(看这个就可以了)
函数函数的作用:函数:function,是被设计为执行特定任务的代码块函数可以把具有相同的或者相似逻辑的代码“包裹”起来,通过函数调用执行,为了代码的多次使用(重用)(复用) 一次编写,多次使用函数的基本使用函数的声明语法function 函数名(){ 函数体(函数要做的事)}例如:function sayHi(){ document.write('hhai~~~~')}函数的调用:函数只声明,不调用,不发挥作用,代码不执行,函数名()例如:sa.原创 2021-08-29 14:32:35 · 272 阅读 · 0 评论 -
JavaScript中Dom(第一天,最详细的笔记)
JavaScript中Dom(第一天,最详细的笔记)1. 什么是domDom全称(Document Object Model)[文件对象模型],Dom是浏览器中提供的一套专门用来操作网页内容的功能,它的作用是,开发网页内容特效和实现用户交互2. 什么是DOM树Dom树:将HTML文档以树形结构直观的表现出来,我们称之为文档树或者DOM树,表示描述网页内容关系的名词,作用是文档树直观的体现了标题和标签之间的关系<!DOCTYPE html><html lang="en"&原创 2021-08-28 18:51:57 · 121 阅读 · 0 评论 -
JavaScript 进阶 - 第4天(笔记)
JavaScript 进阶 - 第4天了解函数中 this 在不同场景下的默认值,动态指定函数 this 的值,提升代码封装的灵活度。能够区分不同场景下函数中 this 的默认值知道箭头函数的普通函数的区别,掌握箭头函数的使用能够动指定函数中 this 的值了解基于类的面向对象的实现语法一、this了解函数中 this 在不同场景下的默认值,知道动态指定函数 this 值的方法。1.1 默认值this 是 JavaScript 最具“魅惑”的知识点,不同的应用场合 this 的原创 2021-08-22 22:29:07 · 271 阅读 · 0 评论 -
一文带你搞懂Math对象的常用方法有哪些
前言Hi,我又来的,今天我们认识一下什么是Math对象,及Math对象的属性和方法,每天必须学一点,回顾一点,才可以巩固,熟练的掌握,Math对象的属性和方法概念:Math是JavaScript的原生对象,提供了各种的数学功能,改对象不是构造函数,不能生成实例,所有的属性和方法都必须在Math对象上调用的Math对象的属性静态属性Math.E:常数eMath.LN2:2的自然对数Math.LN10 :10的自然对数Math.LOG2E:以 2 为底的e的对数。Math.LOG10E原创 2021-08-20 20:28:51 · 617 阅读 · 0 评论 -
你不知道的Vue的公共组件?
你不知道的Vue的公共组件?1、组件是什么?答:组件是包含数据、逻辑功能、展现样式的代码片段。2、封装公共组件要注意哪些事项?答:1)可读性。公共组件是团队协作的基础,可读性就显得尤为总要,怎么增加组件的可读性呢?首先组件命名要语义化,大家看到组件就一目了然,知道该组件的功能是啥;其次我们组件要有一个清晰明了的注释,演示组件用例,属性、参数、方法说明,让大家几乎不用动脑就可以完美使用。什么是公共组件?本质上是,多次使用一个组件定义公共组件的·格式是什么?Vue.component(‘原创 2021-08-19 20:04:45 · 1414 阅读 · 0 评论 -
一文带你搞懂Vuex
概念: Vuex可以理解为一种开发模式或者框架。比如:PHP有thinkphp,java有spring等!通过状态(数据源)集中管理驱动的组件的变化(好比spring的IOC容器对bean进行集中管理)应用级的状态集中放在store 里面改变状态的方式是提交mutation,这是个同步的事物异步逻辑应该封装到action 中vuex中的5个核心有哪些?1.statestate为单一状态数,在state中 需要定义我们所需要管理的数组,对象、字符串等等,只有在这里定义了,在vue.js的组件中原创 2021-08-18 21:32:26 · 109 阅读 · 0 评论 -
浅谈Promise对象
前置先说一下Promise是什么,先简单的用一下,在控制台,中输入 console.dir(Promise) 输出的结果如下图:Promise是什么Promise是一个构造函数,自己的身上有all、reject、resolve这几个非常眼熟的方法,原型上有then、catch等同样非常眼熟的方法,这么说用new Promise()出来的对象肯定就有then。catch方法,那么我们马上开始编写第一个Promise方法,一起来看看把!!var obj = new Promise(function(原创 2021-08-16 22:13:16 · 118 阅读 · 0 评论 -
vue中后台管理项目-添加(表单校验)
表单校验校验规则,两个数据不能重复,表单校验的基本步骤定义验证规则配置模板,使用规则给表单设置rules属性传入验证的规则 // 校验 rules: { // 部门名称校验 name: [ { required: true, message: '部门名称不能为空', trigger: 'blur' }, { min: 1, max: 5, message: '名字必须是1-5之间', trigge.原创 2021-08-15 21:20:16 · 845 阅读 · 0 评论 -
JS数组去重
JS数组去重,可以使用哪些方法实现使用ES6中的set方法//定义一个数组let arr= [1,2,3,4,5,6,5,4,3,1,7,8,9]//使用Es6中的Set方法let unique = (arr) =>[...new Set(arr)];console.log(unique(arr))利用新数组indexOf查找,indexOf()方法返回某个指定的元素在数组中首次出现的位置,如果没有放回-1var arr= [1,2,3,4,5,6,5,4,3,1,7,8,9]fu原创 2021-08-14 22:59:45 · 90 阅读 · 0 评论 -
如何在新项目使用svg-icon组件
要点在src/icon/index中注册成立单独的组件在main.js中引入src/icon/index中定义的组件需要下载svg-sprite-loader@4.1.3的配合使用,以及在对应的vue.config.js里面的配置它的使用格式是://这里的文件名就是src/icon/svg下的文件名<icon-svg class="文件名"/> 使用步骤第一步## npm 包管理下载npm install svg-spriye-loader@4.1.3## yarn转载 2021-08-13 14:37:39 · 250 阅读 · 0 评论 -
Object.assign()
前言哈喽,大家好,我们今天说一下对象中的assign方法Object.assign() 方法将用于对象之间的合并语法: Object.assign(target, source1, source2)object.assign方法的第一个参数是目标(多个对象中的属性都保存到第一个里面)对象,后面的参数都是源对象 var target = { app: 'applo' } var source1 = { b: 2 } var sourc原创 2021-08-12 17:53:04 · 3439 阅读 · 1 评论 -
JavaScript字符串的方法
字符串的方法字符串的方法含义概念length()字符串的长度toLowerCase()把字母转换为小写的toUpperCase()把字母转换为大写的slice()分割字符串substring()截取字符串substr()截取字符串split()分割字符串为数组indexOf()查找字符串中首次出现的字符,返回的索引值,找不到返回-1lastIndexOf()查找字符串中尾次出现的位置,找不到返回-1replace(原创 2021-08-11 20:29:13 · 80 阅读 · 0 评论