自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 前端数组方法汇总

前端数组方法汇总下面是我们在前端开发中经常使用到的一些关于数组的方法,包括数组的创建等等,你可以通过点击下面的锚点链接来查看,希望对你有帮助。目录前端数组方法汇总 创建数组 new Array() 检测数组 object instanceof constructor Array.isArray(value) 转换方法 toString() join() 栈方法 push() pop() 队列方法 shi.

2020-12-29 15:49:39 1272

原创 vue自定义指令

vue中的指令是指以v-开头并加在元素上的自定义属性,通过指令系统来增强其当作模板引擎的功能。常用的指令有:v-for, v-html, v-if, v-show等等。在一些特殊场景下,我们也还是会需要去订制一些功能,此时我们就需要去自定义一些指令。此外,自定义指令也是面试中经常会被问到的问题之一,你是否有使用过自定义指令也能从一定层面体现你是否经历过了复杂的业务要求。简介本文介绍了vue中的指令系统,介绍了自定义指令的使用格式,并举了一个本人在项目开中使用到的真实的自定义指令(附代码)。阅读本文

2020-12-29 14:17:06 218

原创 vue3-setup-基本使用-理解它的作用

摘要本文介绍了setup支持的组合式api的两个好处。内容•业务分离•组合业务分离下面是一段描述vue2代码的伪代码new Vue({ data () { 数据项1:[], 数据项2:{} }, methods: { 与数据1相关的操作 () {} 与数据2相关的操作 () {} }, computed: { 与数据1相关的计算属性:(){} 与数据2相关的计算属性:(){} }})缺点:与数据1相关的代码分散在不同的配置项中,并没有

2020-12-21 15:35:12 9063

原创 vue3-setup-基本使用

摘要本文介绍了如何开始写第一个vue3程序,比较了与vue2的区别。并介绍vue3中非常重要的setup的基本使用。需要你有vue基础。内容 第一个vue3程序,重温经典双向绑定 认识setup配置项 setup 定义响应式数据(ref单值) setup 定义响应式数据(reactive对象) setup 定义响应式数据(reactive对象+toRefs) setup 定义计算属性 setup 定义watch setup

2020-12-17 10:57:29 10053 2

原创 前端工具-ESlint

ESLint 是一个开源的 JavaScript 代码检查工具。它可以帮助我们去检查js代码中可能潜在的问题,并且有利于形成良好的编码习惯。无论你是不是初学者都应该尽早去使用它。1 简介本文介绍了ESlint的基本使用方法:安装,配置,使用。不涉及具体的开发工具和前端工程。只要你在使用js写代码就可以按本文介绍的步骤去使用这个强大的工具了。2 主要内容•基本介绍•它能做什么•安装及基本使用•规则说明•应用规则3 基本介绍ESLint 是一个开源的 JavaScript 代码检.

2020-12-14 14:19:36 1460

原创 ES6 Proxy讲解

Proxy是es6中提出的内置对象,我们可以方便地使用它来给对象添加一个代理对象。1 简介本文介绍 Proxy的基本用法,并用它实现了几个小应用:1.访问对象不存在的属性时,主动抛出错误;2.设计一个数组,它支持下标是负整数;3.链式调用。题目如下var double = n => n*2;var pow2 = n => n*n;var half = n => n/2;var add1 = n => n+1;function pipe (num){ // 请完成.

2020-12-09 10:23:41 362

原创 js高级-定义一个不能修改的对象

在实际开发中,我们会需要一个真正常量对象:这个对象一经初始化,就不能被添加属性,删除属性,修改属性。1 简介本文讨论如何定义一个常量对象。解释了es6中const关键字的用法,及它在作用于对象时的缺陷,用Object.freeze() 和 Proxy() 给出了一个定义常量对象的解决方案,最后封装成了一个工具方法。2 内容•问题描述•学习const•用Object.freeze() 冻结对象•Proxy 监听对象操作•封装3 问题描述对于给定的常量如下:const cons.

2020-12-07 14:47:22 2730 1

原创 promise的链式用法详细

本文重点分析了promise的链式用法。1 简介本文介绍promise对象的then,catch,finally方法及链式用法。重点介绍了then的使用方式以及对链式调用的执行过程。如果你对promise不是很了解,可以先查看 promise初级文章-在上一篇文章。2 主要内容•then的参数及执行逻辑•then的返回值•catch•finally•链式调用的逻辑3 Promise实例的方法在js中,对象会从它的构造器的原型对象中继承方法。例如:var arr ...

2020-12-04 10:04:48 7143

原创 promise初使用详细教学

promise初使用promise是es6是新增的构造器,用来提供另一种异步代码的实现方案。本文介绍了Promise的基本使用,并给出了用它来改写异步回调函数的套路。1 简介本文介绍了Promise的构造器的使用语法,promise对象的三种状态及状态转换,并分析了其经典格式的执行流程,最后给出了用它来改写异步代码的套路,并予以实践。你最好需要有一些ajax,箭头函数的基础这会理解更深一些。当然啦,也有可能你还没有需要用它们的时候。2 主要内容•什么是promise•Promis

2020-12-03 09:59:54 780

原创 js中 new原理及实现

在js中,我们通过new运算符来创建一个对象,它是一个高频的操作。我们一般只是去用它,而很少关注它是如何实现的,它的工作机制是什么。1 简介本文介绍new的功能,用法,补充介绍不加new也同样也创建对象的方式,分析了new的原理,最后模拟了new的实现。学习本文内容需要你了解js中对象,原型链,call,bind,arguments的用法。2 内容•基本用法•不写new也能创建对象•new原理•模拟new的实现3 new 的基本用法我们通过new来创建对象,它的基本格式是:.

2020-12-02 14:18:27 3735 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除