自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

垂耳兔的博客

共同讨论前端那些事

  • 博客(28)
  • 收藏
  • 关注

原创 数组操作方法(包括es6数组的操作方法)

//(1)push() //向数组最里面推一个或多个数据 var arr=["色","等","烟","雨"]; arr.push("而",'我',"在"); console.log(arr); //(2)unshift() // 在数组的开头添加一个或多个数据 var arr=["色","等...

2019-09-04 15:41:51 5043 3

原创 12-vue3插槽

vue3插槽

2023-04-12 10:21:03 411

原创 11-vue3自定义指令

vue3自定义指令

2023-04-12 10:19:47 422

原创 10-vue3动画

vue3动画

2023-04-12 10:18:49 681

原创 09-vue3组件间数据共享

vue3组件间数据共享

2023-04-12 10:09:05 898

原创 07-vue的组件化

vue的组件化

2023-04-12 10:07:26 634

原创 08-vue3创建组件

vue3创建组件

2023-04-12 10:07:26 387

原创 06-vue3的ref属性

vue3中的ref属性

2023-04-12 10:00:36 707

原创 05-vue3的生命周期

vue3的生命周期

2023-04-12 09:56:37 1232

原创 04-vue3侦听器

vue3的watch和watchEffect

2023-04-12 09:53:02 409

原创 03.vue3的计算属性

vue3的计算属性相关介绍

2023-04-11 17:43:20 7513

原创 02.vue3事件处理

vue3中关于事件处理,event事件等

2023-04-11 17:40:04 985

原创 01-vue3升级指南

vue3更新指南

2022-09-26 15:43:06 702

原创 vscode 代码出现波浪线

1.代码出现波浪线如下:说明编辑的代码有问题如果想要关闭执行下面操作即可:2.代码左侧出现类似于波浪线的符号如下:是因为我们的代码没有提交,如果想要去掉,可以把.git文件夹删了即可....

2022-04-24 15:23:31 5056

原创 03ts中的接口

一、对象类型object表示非原始类型,也就是除number,string,boolean,symbol,null或undefined之外的类型。对象类型可以有几种形式:对象类型数组类型类类型函数类型这几种形式我们在TypeScript里叫做对象类型。1.对象类型:比如我们写一个表示商品基本信息的对象:const KFC = { name: "汉堡炸鸡", price: 38.5, sell() { return `单品是:${this.name

2021-11-05 16:58:58 186

原创 vue的响应式原理

一、reduce1.数值的累加作用:将****前一项*和*后一项****的值进行运算,返回累积的结果格式:数组.reduce(function(prev,next){…})其中,prev表示前一项,next表示后一项。运算规则:默认情况下,会把数组的第一个元素作为prev的初始值。每循环一次,把累积的结果赋给prev,next就变为下一个数组元素var arr3 = [10,22,23,25,50]; const total = arr3.reduce(function(pre,ne

2021-04-28 20:55:38 8475 1

原创 es6模块化

一、Javascript模块化介绍随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等…开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Javascript不是一种模块化编程语言,它不支持"类"(class),更不要说"模块"(module)了。(正在制定中

2021-04-24 17:35:57 323

原创 ES6相关操作方法

es6入门一、es6 简介1.什么是es6?Es6是简称,全称是ECMAScript 6.0。由于es6是2015年6月份发布的标准。又可以称之为ECMAScript 2015,或es2015。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。2.ECMAScript和JavaScript的关系请问二者相等吗?ECMAScript != JavaScript稍微回顾js的历史。ECMAScript是一个语言标准。JavaScript则是这个语言

2021-04-24 16:53:01 297

原创 04ts中的函数

通过前面JS的学习,想必大家对函数已经非常了解了。 TS 定义函数的方法和 JS 基本一样,不同的是 TS 可以要求有无返回值。接下来就介绍一下ts中有关函数的一些东西。一、函数的定义​ 1.es5定义函数的方法 //函数声明法 function run(){ return 'run'; } //匿名函数 var run2=function(){ return 'run2

2021-03-23 20:57:40 1348

原创 02ts中数据类型

一、类型声明(一) 类型声明类型声明是TS非常重要的一个特点通过类型声明可以指定TS中变量(参数、形参)的类型指定类型后,这些指定的类型也称为“静态类型”为,就是你一旦定义了,就不可以再改变了。当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值语法:let 变量: 类型;let 变量: 类型 = 值;function fn(参数: 类型, 参数: 类型): 类型{

2021-03-23 20:51:35 1295

原创 01ts简介和相关配置

一、tscript简介1.tscript是什么?TypeScript(简称:TS)是 JavaScript 的超集(JS 有的 TS 都有)。TypeScript = Type + JavaScript(为 JS 添加了类型系统)。TypeScript 是微软开发的开源编程语言,设计目标是开发大型应用。可以在任何浏览器、任何计算机、任何操作系统上运行。2.TypeScript 相比 JS 的优势JS 的类型系统存在“先天缺陷” ,绝大部分错误都是类型错误( Uncaught TypeErro

2021-03-23 19:34:57 1138 6

原创 mock模拟数据,get、post请求

一、为什么使用mockjs在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口1.我们可以使用json文件来模拟后台数据,但比较局限,无法模拟数据的增删改查 2.使用json-server模拟,但不能随机生成所需数据 3.使用mockjs模拟后端接口,可随机生成所需数据,可模拟对数据的增删改查二、mock优点1.前后端分离, 2.可随机生成大量的数据 3.用法简单 4.数据类型丰富 5.可扩展数据类型 6.在已有接口文档的情况下,我们可以直接按照接口文档来开发,将

2021-03-23 19:06:19 10325 2

原创 jsonp跨域

关于跨域讨论的是比较多的,实现跨域的方式也有很多种,jsonp,cros,代理等等。关于跨域的诸多方式就不多说,主要说说一个很小众的问题,关于jsnop的。先来回答一个小问题:实际工作中跨域请求用JSONP,CORS,Proxy那个使用频率更高?首先是proxy最多、其次是cors、jsonp最后通过nginx进行代理这个方法最好, 因为不管什么环境, 你只要请求/api/xxxx就可以了。Proxy理论上是应该是最多的。 现在前端能搞定的, 中小型公司后端都不愿意写Proxy,因为他们根本

2021-03-18 19:33:03 716 3

原创 axios基础和封装

一、简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 二、安装使用npm//安装npm install axios -

2021-03-17 21:08:11 1227

原创 移动端像素概念,viewport,适配

想必大家对移动端像素的概念比较疑惑,总结一下我们经常会听到的几个词。一、屏幕尺寸平时我们通常提到手机的尺寸,比如iPhone6是4.7英寸的。手机的屏幕是以英寸为单位的。我们平时使用最多的单位是:毫米、厘米、米。对于英寸并不熟悉,首先我们先来换算一下单位:1英寸(inch)=2.54厘米(cm)。那么,英寸到底表示 的是什么呢?是手机的宽还高?原来英寸代表的意思是:手机屏幕对角线的长度。常见的屏幕尺寸有:2.4、2.8、3.5、3.7、4.2、5.5、5.6等二、屏幕分辨率..

2021-02-22 21:15:36 1567 2

原创 js字符串的操作方法

//(1)charAt() //根据字符的下标返回相应小标上的字符 var str="愤怒的小鸟"; console.log(str.charAt(2)); //结果为:的 //(2) charcodeat() //根据字符的下标返回相应下标上的字符对应的编码 console.log(str.charCodeAt(3)); //23567 //(3)S...

2019-09-05 15:10:47 273

原创 Babel的安装和使用

(1)什么是Babel?Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。大部分es6语法,Chrome浏览器是可以直接支持的。当是有一小部分,浏览器并不支持,所以需要使用babel进行转码(2)如何使用babel? (1)第一步:安装npm (安装node就阔以了) (2)安装babel-cli 工具(全局) ...

2019-09-04 16:07:02 698

原创 git上传代码到码云(详细)

一、安装git .要使用git 先安转git 请到官网下载最新githttp://git-scm.com/downloads安装完成右键查看下是否有如下图所示的图标 二、本地建立git文件 本次建立的git文件是在本地完成的项目上建立的。找到当前完成项目的文件夹完成如下代码(1)“git init” 初始化项目 (2)“git status”...

2018-10-31 17:39:08 29450 1

空空如也

空空如也

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

TA关注的人

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