自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 htttp常见得状态码

http状态码分类:100-199 提示信息 – 表示请求正在处理200-299 成功 – 表示请求正常处理完毕300-399 重定向 –要完成请求必须进行更进一步的处理400-499 客户端错误 – 请求有语法错误或请求无法实现500-599 服务器端错误 –服务器处理请求出错常见的状态码有哪些?200:请求成功,浏览器会把响应体内容(通常是html)显示在浏览器中;404:(客户端问题)请求的资源没有找到 400: 语义有误,当前请求无法被服务器理解。401: 当前请求需要用户验证

2021-03-12 14:12:36 851

原创 Vue脚手架配置跨域

配置proxy跨域如果你的项目需要配置跨域,你需要打来vue.config.js proxy注释 并且配置响应参数!!!注意:你还需要将 src/config/env.development.js 里的 baseApi 设置成 '/'module.exports = { devServer: { // .... proxy: { //配置跨域 '/api': { target: 'https://test.xxx.com', // 接口的域名

2021-03-12 11:59:27 337

原创 Vue转场动画(So easy!)

Vue转场动画<template> <div id="app"> <transition :name="transitionName"> <keep-alive> <router-view class="child-view "></router-view> </keep-alive> </transition> </div><

2021-03-03 10:58:18 209

原创 js继承

前言首先在js继承中占有非常的地位,那么在js中有很多的继承方式,不过每一种继承方式都有优缺点。实现继承首先需要一个父类,在js中实际上是没有类的概念,在ES6中Class虽然很像类,但实际上只是ES5的语法糖而已。function People(name){ //属性 this.name = name || 'Annie' //实例方法 this.sleep=function(){ console.log(this.name + '正在睡觉') }}//原型方法P

2021-01-22 15:28:35 99

原创 闭包

1.如何产生闭包函数中的自由变量,取决于函数定义的地方,根执行的地方没关系2.this5大调用场景:普通函数对象方法call apply bindclass箭头函数注意this取什么值,是在执行时确认的,定义时无法确认全局下,普通函数fn1执行,相当于window执行了fn1函数,所以this是window callapply bind可以修改this function fn1(this={x:100}){

2021-01-20 17:07:56 122

原创 JS操作DOM

首先,在原生js中我们要操作对象 从我们要 获取,创建,删除,修改,节点之间的关系。获取:获取id:getElementById获取name:getElementByName获取标签名:getElementByTagName获取类名:getElementByClassName通过选择器获取第一个元素:querySelector通过选择器获取多个元素:querySelectorAll获取html标签:document.documentElement获取body标签:document.b.

2021-01-19 15:42:16 82

原创 HTML&&CSS

盒模型与BFC1,什么是盒子模型在我们HTML页面中,每一个元素都可以被看作一个盒子,而这个盒子是由:内容区(content),填充区(padding),边框区(border),外边界区(margin)四部分组成。2,盒子模型有哪几种标准模式下:一个块的总宽度 = width+marign(左右)+padding(左右)+border(左右)怪异模式下:一个块的总宽度 = width+marign(width包括padding,border)3,标准和怪异模型的转换box-sizing:co

2021-01-19 14:14:46 82

原创 项目的自我介绍!

如何介绍你的项目?1,vue脚手架,多环境变量,axios请求响应拦截,api封装统一管理。首页先向面试官说你好,在介绍自己的项目,XXX这个项目是我自己独立开发的(也可以说是多人开发的),下面我给您介绍一下下,我从0开始,到发布上线的流程。首先,开发这个项目我用的是最新的vue脚手架 3.0,项目创建完成后,首先我会先配置多环境变量,(在package.json里的scripts配置serve stage build 然后在根目录中新建.env).env.development本地开发环境配置.

2021-01-15 21:37:16 1294

原创 vue双向数据绑定

vue双向数据绑定原理vue数据双向绑定是通过数据劫持结合发布者-订阅模式的方式来实现的,通过Object.defineProperty()来来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,出发相应的监听回调来渲染视图。var vm = new Vue({ data: { obj: { a: 1 } }, created: function () { console.log(this

2021-01-08 15:58:03 100

原创 项目总结

首先我们需要观察一个项目需要需要配置哪些插件比如rem 弹性盒子 让页面自适应大小 ,用哪些框架,可以先去配置,配置多环境变量development本地开发环境,staging测试环境,production正式环境,配置完这些,再利用scss封装一下组件公共的样式。(可以使用混入的方式,先创建好一些常用的公共样式,再使用时直接导入混入的样式,通过@include 变量名 来使用)可以在组件内首先可以拆分组件,配置路由,然后再根据不同的环境变量封装promise网络模块,可以把组件内公共的状态存进v

2021-01-04 21:26:47 69

原创 什么是vuex?

一,什么是vuexvuex是一个专门为vue.js应用程序开发得状态管理模式,vuex存放得状态是响应式的,更改状态只有唯一的途径显示的提交(commit)触发mutation更改state二,由哪几部分组成State vue的状态管理,驱动应用的数据源Mutations 同步操作 它是唯一可以直接更改state状态,通过提交commit触发mutation更改stateActions 异步操作 它不能直接改变state而是需要触发mutation来更改state,它可以任意包含异步操作

2021-01-04 15:42:52 3784

原创 js基础

一, 变量类型:值类型:let a = 100let b = aa = 200console.log( b ) // 100解析:因为值类型是存放再栈中,一个一个互不干扰,常见的值类型:const a // 报错const s = ' abc ' // 字符串 stringconst n = 100 // 数值 numberconst b = true // boolean类型const s = Symbol( 's ') //ES6引入了一种新的原始数据类型Sym

2020-12-28 11:27:35 71

原创 什么是promise?

什么是promise?Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,promise 是一个对象,从它可以获取异步操作的的最终状态(成功或失败)。Promise是一个构造函数,对外提供统一的 API,自己身上有all、reject、resolve等方法,原型上有then、catch等方法。Promise的两个特点Promise对象的状态不受外界影响pending 初始状态fulfilled 成功状态rejected 失

2020-12-17 21:59:42 581

原创 es6中的class与继承

ES5中的类ES5中如果要生成一个对象实例,需要先定义一个构造函数,然后通过new操作符来完成。//构造函数名大写(非强制,但这么写有助于区分构造函数和普通函数)function Person(name,age) { this.name = name; this.age=age;}Person.prototype.say = function(){ return "我的名字叫" + this.name+"今年"+this.age+"岁了";}var obj=new Pe

2020-12-16 21:18:35 68

原创 箭头函数与普通函数的区别

一、箭头函数是匿名函数,不能作为构造函数,不能使用new//箭头函数let fun = ()=>{ console.log("我是箭头函数")};//普通函数function fun (){ console.log("我是普通函数")}箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式:一种只包含一个表达式,连{ … }和return都省略掉。还有一种可以包含多条语句,这时候就不能省略{ … }和return。不能作为构造函数,不能使用new//箭头函数let f

2020-12-15 20:45:36 110

原创 gitHub如何使用

gitHub如何使用Git 是什么Git是一个版本管理控制系统(缩写VCS),它可以在任何时间点,将文档的状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来。git提交步骤1.git init 初始化git仓库 (mac中Command+Shift+. 可以显示隐藏文件)2.git status 查看文件状态3.git add 文件列表 追踪文件4.git commit -m 提交信息 向仓库中提交代码5.git log 查看提交记录撤销用暂存区中的文件覆盖工作目

2020-12-14 21:48:58 96

原创 什么是DOM?

什么是DOM?文档对象模型,DOM的核心是什么?document,DOM用来干什么?对HTML进行获取,修改,添加,删除等操作。document.对象的获取方法?getElementById()getElementsByClassName()getElementsByName()getElementsByTagName()对元素内容的操作(设置,获取内容)?对象.i...

2020-01-14 17:08:07 220

原创 JavaScript数组

1,数组1-1数组的概念一组数据的有序结合1-2数组创建的两种方式字面量定义法var arr =[]; 空数组var arr = [10,20,30,40,50];构造函数定义法var arr = new Array();空数组var arr = new Array(10,20,30,40,50);1-3数组元素的获取数组名[下标]1-4数组的下标数组给内部的元素...

2019-12-23 10:59:41 162

原创 JavaScript函数

1、函数1-1、函数的概念函数是当被调用时执行的可重复使用的代码块1函数是当被调用时执行的可重复使用的代码块2-2、函数的命名规则11、有数字,字母,下划线-,美元符号组成2、不能以数字开头3、不能是关键字4、区分大小写5、驼峰命名法2-3、函数的调用的俩种方式1、function fn(){var sum = 0;for(var i = 1;i<=100;i+...

2019-12-22 18:57:50 135

原创 JavaScript表达式和语句

表达式和语句表达式一个表达式可以产生一个值,表达式可以放在任何需要值的地方。3>5 5+6语句JavaScript的语句是发给浏览器的命令。这些命令的语句是告诉浏览器要做事情。分号是用于分隔JavaScript语句。var a = 5;var b = 6;c = a + b;语句可以理解为一个行为,循环语句和判断语句就是经典的语句。一个程序有很多语句...

2019-12-19 11:27:38 270

原创 JavaScript运算符

算数运算符+ ‐ * / % 一元运算符 一元运算符:只有一个操作数的运算符5 + 6 两个操作数的运算符 二元运算符 ++ 自身加1 -- 自身减1parseFloat()把字符串转换成浮点数 parseFloat()和parseInt非常相似,不之处在与 parseFloat会解析第一个. 遇到第二个.或者非数字结束 如果解析的内容里只有整数,解析成整数var s...

2019-12-18 17:38:12 146

原创 JavaScript类型转换

类型转换string类型换成number类型纯数字的字符串,数字开头的字符串,其他字符串,ParseInt():将其它类型转为整数类型,Parseflaot():将其它类型转为浮点数,异同点其它类型转换为布尔类型...

2019-12-18 11:04:27 122

原创 JavaScript第一天

JavaScript的诞生javascript历史回顾JavaScript 因为互联网而生,紧随着浏览器的出现而问世。回顾它的历史,就要从浏览器的历史讲起。1990年,欧洲的Tim Berners-Lee(伯纳斯·李)在互联网基础上发明了万维网,可以在网页上浏览器网页文件。最早的网页只能在操作系统的终端里浏览,也就是只能用命名行的方式,网页在字符窗口里显示,非常的不方便。1992年,NCS...

2019-12-17 20:39:46 186 2

原创 JavaScript的变量规则

标识符命名规则:数字,字母,下划线,美元符号,不能以数字开头,不能是关键字(关键字是JS语言赋予特定含义的单词),区分大小写,命名规范:见名识意,驼峰命名法,什么是变量在程序运行过程中,只会发生改变的量。如何声明变量:用var声明,var a;声明一个变量a,a=10 将10赋值给a,常见类型number 数值类型,string 字符...

2019-12-17 11:00:43 158 1

原创 js

第1单元JavaScript入门及语法结构 JavaScript发展过程Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为 JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类 似之处,一些名称和命名规范也借自Java。 Java 服务器端的编程语言 JavaScri...

2019-12-16 18:00:45 732 1

空空如也

空空如也

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

TA关注的人

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