theme: smartblue 持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第6天，点击查看活动详情 本文简介 点赞 + 关注 + 收藏 = 学会了 使用 Vue 开发时，肯定会接触到 组件 的概念，无可避免的也会接触到 组件通讯 的概念。 组件通讯的方式有很多种，我在 《Vue3 过10种组件通讯方式》 一文中粗略罗列了 Vue3 常用的组件通讯方法。 在 Vue 2 中除了 $attrs 外，还有 $listeners ； Vue 3

目录 什么是类？ 定义一个简单的类 定义一个类为Person，每个Person都会跑，都有名字 看一下Person类 和 Person的实例  但是为什么Person实例多出来的两个属性？ new 一个类发生了什么 类的静态属性和实例属性 类的私有属性 继承 什么是类？ class 类是一种抽象的体现，用来表示具有相同特性的一类事物，是面向对象编程（oop）不可缺少的工具。 定义一个简单的类 定义一个类为Person，每个Person都会跑，都有名字

前言 ❤️ 温柔的日落中总归要夹杂些诗和远方 ❤️ 一、PC端网页特效 （1）元素偏移量 offset 系列 1.1 offset 概述 offset翻译过来就是偏移量， 我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置； 获得元素自身的大小（宽度高度）； 注意：返回的数值都不带单位； offset 系列常用属性： offset 系列属性 说明 element.offsetParent

第一种方法 downloadIamge(imgSrc, fileName) { // imgSrc 为图片链接路径 // 必须同源才能下载   var alink = document.createElement("a");   alink.href = imgSrc;   alink.download = fileName; //fileName保存提示中用作预先填写的文件名   alink.click(); } 第二种方法 downloadIamge:function(

一、什么是Promise Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配（ES8），但是它们是基于promise的)，从语法上讲，Promise是一个对象或者说是构造函数，用来封装异步操作并可以获取其成功或失败的结果。   二、为什么要使用promise 最重要也是最主要的一个场景就是ajax和axios请求。通俗来说，由于网速的不同，可能你得到返回值的时间也是不同的，但是我们下一步要执行的代码依赖于上一次请求返回值，这个时候我们就需要等待

JavaScript 对象 在之前的文章 《JavaScript数据类型》中，我们简单的介绍了JavaScript的八种数据类型，其中包括七种原始的数据类型（Number、BigInt、String、Boolean、null、undefined和symbol）和一种复杂类型object（也就是对象类型）。 相比于原始数据类型，object之所以被称为复杂类型，是因为原始类型仅仅能表示一种数据，例如Number表示数字，String表示字符串等，而object可以通过键值对的形式，包

Vue 是目前用于创建用户界面的最佳 JavaScript 框架之一，本文推荐 Vue 项目开发用得上的 6 个第三方库，这些库基本可以覆盖项目大部份需求，有效的提高项目开发效率。如果不希望过多的使用第三方库，这些库则可以作为学习，从中吸取精华开发自己的依赖库。 vue-easytable vue-easytable 提供了一个功能齐全且高度可定制的表格组件/数据集合，支持许多功能，如虚拟滚动、列固定、标题固定、标题分组、过滤器、排序、单元格省略号、行扩展、行复选框等等。单元测试覆盖率超过 8

 文章导读：        这篇文章给大家讲解在 ES5 中对象新增的两个常用方法：defineProperty()，keys()， 这两个方法可以让我们更方便的操作对象，获取对象属性，赋值修改等等操作，最重要的是，这些方法可以让我们设置无法修改对象属性值，下面跟我一起了解一下吧！ 文章目录： 一：Object.defineProperty()  1.1 参数说明 1.2 第三个参数 descriptor 的说明 1.3 实际使用 1.3.1 writab

Symbol类型的使用 在前文《JavaScript的8种数据类型》中，我们已经简单的介绍过了JavaScript的Symbol类型，下面对其使用方法和使用场景做一个简单的介绍。 Symbol简介 Symbol类型是JavaScript中的一种特殊的类型，特殊在所有的Symbol类型值都互不相同。我们可以使用“Symbol”来表示唯一的值，下面是创建Symbol对象的案例： let id = Symbol(); 这样我们就创建了一个Symbol类型的值，并把这个值存储

JavaScript字符串详解 不论在何种编程语言中，字符串都是重要的数据类型，跟随我了解更多JavaScript字符串知识吧！ 前言 字符串就是由字符组成的串，如果学习过C、Java就应该知道，字符本身也可以独立成为一个类型。但是，JavaScript没有单个的字符类型，只有长度为1的字符串。 JavaScript的字符串采用固定的UTF-16编码，不论我们编写程序时采用何种编码，都不会影响。 写法 字符串有三种写法：单引号、双引号、反引号。 let singl

目前我使用的是利用a标签的download属性去下载的文件，第一个是后端返回的流下载，第二个是根据URL去下载，以下是具体实现 一：端返回的流下载文件 1：首先创建一个新的URL对象,使用window.URL.createObjectURL这个方法把后端返回来的流创建成一个URL对象可以代表某一个指定的File对象或Blob对象 我这里设置的type是excel格式的，编码格式是utf-8 2：定义一个变量等于document创建的a标签 3：a标签的样式设置为display：non

哈喽，今天有小伙伴在问，群文件发的JS脚本怎么添加到任务。或者说没有拉库连接怎么办？ 方法有很多，接下来为大家带来两种相对简单的。 方法一： 有宝塔面板，直接把js文件上传到这个地方,如果是txt文件，可以新建一个js文件，把里面的内容粘贴过来保存就好。 FinalShell 同样的道理 添加完文件后，返回到青龙面板-定时任务 名称和时间自己写，任务 task /ql/scripts/XXX.js(py) 不会写时间的 搜 cron表达式在线 方法二： 打开青龙面板-脚本管理-右上