mao儿一根葱-CSDN博客

原创 typescript学习笔记（一）

目录一、typescript是什么？二、安装三、执行代码四、声明变量并指定类型(1)讲解(2)变量的练习五、数据类型1、分类2、加号引发的思考3、三元运算符六、调试ts代码七、数组八、函数九、接口9.1 对象的类型注解9.2对象方法的类型注解9.3接口的使用十、内置对象一、typescript是什么？ts是js的超集（js有的ts都有）ts=type+JavaScript （为js添加了类型系统）二、安装npm i -g typescript三、执行代码步骤：创建ts文件 ---->

2020-09-23 17:03:20 463

原创 Promise解析

目录：1、按照用途来解释：2、为什么会有Promise?3、例子(1)最简单的Promise实例（定时器）（2）两步执行的例子（3）对已完成的promise执行then（4）在.then()的函数里面不返回新的Promise（5）then的嵌套4、面试题4、简单实现Promise1、按照用途来解释：用于异步计算可以将异步操作队列化，按照期望的顺序执行，并返回预期的结果可以在队列之间传递和操作Promise,帮助我们处理队列2、为什么会有Promise?为了解决同步操作的问题初始化Pro

2020-09-22 10:03:29 278

原创 JavaScript之深拷贝和浅拷贝

一、概念浅拷贝：浅拷贝只是拷贝一层，更深层次的拷贝只拷贝引用（拷贝最外面一层）注意：如果浅拷贝要拷贝多层数据，只会拷贝地址深拷贝：深拷贝拷贝多层，每一级别的数据都会拷贝浅拷贝：第一种方法： var obj={ name:"zhangsan", age:"10" } var o={} for(var i in obj){ o[i]=obj[i] } console.log(o)第二种方法（ES6）新增的：Object.assign(target,sourc

2020-09-21 10:48:03 194

原创 JavaScript之原型和原型链

原型和原型链一、原型1.1 Constructor 构造函数1.2 prototype 原型1.3 proto 隐式原型1.4原型对象的几个相关属性二、原型链一、原型1.1 Constructor 构造函数首先写一个构造函数Person，构造函数一般为了区别普通函数要求首字母大写:function Person ( ) { }1.2 prototype 原型（1）原型指的就是一个对象（2）原型对象就好比是一个公共的区域，可以被每一个实例化对象所访问到（3）在创建函数的时候，如果将方法写在

2020-09-18 16:19:07 133

转载使用await发送请求

[https://www.cnblogs.com/IwishIcould/p/12444738.html]

2020-09-16 11:10:41 735

原创 navicat出现Authentication plugin ‘caching_sha2_password‘ cannot be loaded错误的解决方法

解决方法：在控制台登陆后重新改下密码即可步骤如下：（1）mysql -u root -p出现welcome的界面就表示输入成功（2）ALTER USER ‘root’@‘localhost’ IDENTIFIED BY ‘password’ PASSWORD EXPIRE NEVER;（3）ALTER USER ‘root’@‘localhost’ IDENTIFIED WITH mysql_native_password BY ‘password’;（4）FLUSH PRIVILEGE

2020-09-15 10:22:44 2157 1

原创 axios学习笔记（二）

axios方法深入目录一、创建axios实例二、实例的相关配置三、常用参数配置具体使用方法四、拦截器（interceptors）五、错误处理六、取消请求一、创建axios实例为什么要创建axios实例？后端接口地址有多个，并且超时时常不一样，有了axios实例，可以用实例去请求export default { created() { let instance = axios.create({ baseURL: 'http://localhost:8080', //请求的

2020-09-08 09:39:22 122

原创 axios学习笔记（一）

一、Axios是什么Axios是基于promise的http库可以用于浏览器和node.js二、Axios有哪些特性支持promise API拦截请求和相应（意思就是它可以在请求或者相应前做一些操作，比如说想在请求前加一些信息，比如授权信息等）转换请求数据和响应数据（比如在请求的时候一些敏感信息需要加密，在请求回来的时候也可以进行解密）取消请求自动转换JSON数据客户端支持防御XSRF三、axios的一些常见的请求方法：get，post，put，patch，delete等get

2020-09-03 17:09:16 303 1

原创 vue中的ref和$refs的使用

前言：有的时候你仍可能需要在 JavaScript 里直接访问一个子组件。为了达到这个目的，你可以通过 ref 为子组件赋予一个 ID 引用，类似于html中的id，ref ref 被用来给DOM元素或子组件注册引用信息$refs $refs是一个对象，持有已注册过ref的所有的子组件下面一起来看下几种用法：(1)获取本页面的DOM元素<template><div> <h3 ref="getDom">1234&lt

2020-09-03 09:56:16 669

原创 vue的生命周期的详解

一、vue实例的生命周期什么是生命周期：从vue的实例创建、运行到销毁期间，总是伴随着各种事件，这些事件统称为生命周期生命周期钩子：生命周期事件的别名生命周期钩子=生命周期函数=生命周期事件生命周期的函数分类创建期间的生命周期函数（1）beforeCreate()刚初始化了一个vue空的实例化对象，这个对象身上只有默认的生命周期和默认的事件，其他东西都还没有背创建。在beforeCreate生命周期函数执行的时候，data和methos中的数据都还没有初始化（2）create

2020-09-02 15:50:45 320

原创 [Vue warn]: The data property “pageSize“ is already declared as a prop. Use prop default value

vue中使用props传递数据后就不能在子组件的data中用同样的名字了，否则会报错。解决方法直接去掉data中的相同名字改为其他的。

2020-08-31 16:05:26 1189

原创高德地图api--清除覆盖物（已解决）

出现的问题如下：左侧点击复选框后右侧会出现绿色相对应的道路，但是再次点击后对应的道路无法隐藏为了解决这一个问题，可以使用高德地图api里面的“清除所有覆盖物”文档：https://lbs.amap.com/api/javascript-api/example/common/overlay-clear.根据文档，清除地图上所有添加的覆盖物需要用 map.clearMap();来看看代码：...

2020-08-26 11:02:38 8181 1

原创牛客网js能力测评--我的解题方法

1、方法：function indexOf(arr,index){ return arr.indexOf(index)}2、方法：function sum(arr){ var count=0; for(var a of arr){ count+=a } return count;}

2020-08-24 14:47:38 430

原创 JavaScript之parseInt() 方法解析

一、首先来看下W3C对parseInt() 的定义1.定义和用法parseInt() 函数可解析一个字符串，并返回一个整数。2.语法parseInt(string, radix)

2020-08-24 09:54:11 3135

原创 vue中简单使用axios

一、下载依赖npm install axios --save二、在main.js中引入依赖并全局注册import axios from ‘axios’Vue.prototype.$axios = axios举个简单的例子，点击按钮，会显示对应的笑话，点击一次笑话变化一次<template> <div id="app"> <input type="button" value="获取笑话" @click="

2020-08-20 15:28:31 216

原创 vue基础知识小结

1、v-text 设置标签的文本值<div>{{ message + '!' }}</div>或者<div v-text="message+'!'"></div> data() { return { message:'hello' } },2、v-html设置标签的innerHTML<p v-html="message"></p>data() { return {

2020-08-18 17:39:36 151

原创 Vue实现下拉框

先看看效果图：鼠标经过列表，字体颜色发生改变来看看代码：<template> <div class="content"> <div class="selectBox" style="width: 400px;"> <div class="selectBox_show"> <p>{{ unitName }}</p> <i v-on:click.stop="arrowD

2020-08-14 11:17:45 10929 1

原创 css3自适应宽度高度calc

height:calc(100% - 200px);

2020-08-13 16:06:12 498

原创 echarts改变x轴或y轴刻度文本的颜色

以y轴为例子： yAxis: { type: 'value', axisLabel: { textStyle: { color: '#fff', }, }, },效果：

2020-08-12 17:41:16 3379

原创 for...of循环（ES6新增）

用for…of来循环遍历数组，用法如下：var m = new Set([1, 2, 3, 3, 4]); var n = [1, 2, 3, 4, 5, 6]; var y = new Map([ ['lby', 21], ['swh', 22] ]); for (var a of m) { console.log(a); //遍历set数组 }

2020-08-12 10:55:47 270

原创 JavaScript（ES6）新增的map和set

JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。但是JavaScript的对象有个小问题，就是键必须是字符串

2020-08-12 10:07:21 244

原创 for...in循环

for … in循环，它可以把一个对象的所有属性依次循环出来var o = { name: 'Jack', age: 20, city: 'Beijing'};for (var key in o) { console.log(key); // 'name', 'age', 'city'}要过滤掉对象继承的属性，用hasOwnProperty()来实现：var o = { name: 'Jack', age: 20, city: 'Beij

2020-07-25 19:08:40 601

原创巩固JavaScript基础--对象方法

一、字符串对象方法indexOf（）会搜索指定字符串出现的位置var a = 'hello, JavaScript';a.indexOf("JavaScript"); // 返回7a.indexOf(”javaScript“); // 没有找到指定的子串，返回-1substring() 返回指定索引区间的子串：var s = 'hello,JavaScript's.substring(0, 5); // 从索引0开始到5（不包括5），返回'hello's.substring(7);

2020-07-25 18:58:22 178

原创 js多行字符串和模版字符串

一、多行字符串由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法注意：反引号在键盘的ESC下方，数字键1的左边：二、模板字符串要把多个字符串连接起来，可以用+号连接，如果有很多变量需要连接，用+号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样var name = '小明';var age = 20;var message = `你好, ${name}, 你今年${age}岁了!`;alert(message);...

2020-07-25 15:52:11 419

原创巩固JavaScript基础--js三个等号和两个等号的区别（==与===的区别）

JavaScript在设计时，有两种比较运算符：第一种是==比较，两个等号我们称为等值符，它会首先对等号两边内容自动转换数据类型再比较 100==“100” //返回true 1==true //返回true “1”==“01” //返回false false == 0; // 返回true第二种是===比较，两个等号我们称为等同符，当等号两边的值为相同类型的时候，直接比较等号两边的值，值相同则返回true

2020-07-25 15:25:47 222

原创状态管理中心之Vuex

文章目录一、Vuex是什么？二、使用Vuex统一管理状态的好处三、什么样的数据适合存到Vuex中？四、Vuex中主要核心概念1.state（1）访问state中数据的第一种方式：（2）访问state中数据的第二种方式：2.Mutation3.Action4.Getter一、Vuex是什么？Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享，这句话是什么意思呢？简单的来说，比如我们有很多个组件，这些组件都依赖一些数据，并且要操作数据，比方说电商页面，电商页面需要操作一些商

2020-07-25 14:44:02 328

原创单页面应用的控制中心--vue-router

文章目录一、路由的基本配置二、路由的跳转1.router-link2.编程式导航三、动态路由四、嵌套路由五、导航守卫一、路由的基本配置目录结构：home.vue// home.vue<template> <div> this is home! </div></template><script>export default {};</script><style lang="scss" sco

2020-07-18 22:49:41 230

原创 vue通信之--父子通信

首先来讲讲父子通信的原理：（1）父传子：用props来实现，在子组件中定义一个props，来接收父组件传过来的值，并在子组件中使用下面来看看代码～目录结构：App.vue父组件：子组件：效果：...

2020-07-16 10:23:20 252

原创 vue项目npm run serve时自动打开浏览器

解决办法：devServer中的open设为true

2020-07-15 21:27:48 3709 2

原创 Js大挑战--模块

一、题目描述完成函数 createModule，调用之后满足如下要求：1、返回一个对象2、对象的 greeting 属性值等于 str1， name 属性值等于 str23、对象存在一个 sayIt 方法，该方法返回的字符串为 greeting属性值 + ', ’ + name属性值二、解析（1）原型模式：// 原型模式function createModule(str1, str2) { function Obj() { this.greeting = st

2020-07-14 11:12:02 125

原创 Js大挑战--移除数组中的元素

一、题目描述移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进行操作，并将结果返回示例：输入：// 输入[1, 2, 2, 3, 4, 2, 2], 2输出：// An highlighted block[1,3,4]二、解析function removeWithoutCopy(arr, item) { for(i=arr.length-1;i>=0;i--){ if(arr[i] === item)

2020-07-14 11:04:27 88

原创 Js大挑战--判断是否包含数字

一、题目描述

2020-07-14 10:20:16 1190

原创 css3之3D按钮的实现

一、思路（1）将按钮的样式分为两部分：变化前和变化后（2）分别用伪元素::after和::before分别来展示变化前和变化后的样式（3）变化前，需要显示的部分是::after伪元素中的样式(transform:rotateX(0deg) translateY(0%)),则需要将::before伪元素的样式隐藏(transform:rotateX(90deg) translateY(-50%)（4）变化后，需要显示的是::before伪元素中的样式(transform:rotateX(0deg) t

2020-07-14 09:48:54 693

空空如也

空空如也