- 博客(23)
- 收藏
- 关注
原创 ts的总结
ts简介:ts是什么:ts是js的超集特点:提供类的类型和es6的支持优点:增加代码的可读性和可维护性以及包容性类型系统是最好的文档在编译阶段就发现错误,比运行时发现错误好增加了编辑器和ide的功能,代码不全、接口提示、跳转到定义、重构js文件可重命名为.ts文件不显式的定义类型,也能自动作出类型推论可定义一切类型即使typescript编译报错,也可生成js文件兼容第三方库,即使第三方库不是用ts写的,也可编写单独的类型文件供ts读取缺点:集成到构建流程需要工作量,可
2021-11-13 23:34:44
1097
原创 常见HTTP状态码都有哪些,分别表示什么意思!
状态码第一位数字决定了不同的响应状态,如下:1 表示消息2 表示成功3 表示重定向4 表示请求错误5 表示服务器错误那么就来具体说说这些都代表什么1xx代表请求已被接受,需要继续处理,这类响应是临时响应,只包含状态行和某些可选的响应信息,并一空行结束常见的有:100 (客户继续发送请求,这是临时响应) 这个临时响应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端印当据需发送请求的剩余部分,或者如果请求已经完成,忽略这个响应,服务器必须在请求完成后向客户端发送一个最
2021-10-07 21:22:36
855
原创 Vue中的自定义指令
Vue除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。那么自己如何自定义一个v-show指令?在Vue.js官网也有自定义指令的一个步骤,看起来可能有些繁琐,我简单规整了一下代码如下:局部自定义指令写法 // v-show的一个代码 <div> <button @click="bind">控制</button> <p v-show="show">show显示隐藏</p&
2021-10-07 20:19:38
125
原创 原生ajax
1. ajax四步1. 创建一个XMLHttpRequest的实例 为xhrlet xhr = new XMLHttpRequest();2. 为xhr.onreadystatechange设置事件监听 xhr.onreadystatechange = function (){ if(xhr.readyState === 4){ switch (xhr.status){ case 200:{
2021-10-05 21:33:55
69
原创 Async和Await
async搭配await是ES7提出的,它的实现是基于Promise。async可以作用在任何方法之前,返回的是一个Promise对象,可以使用then函数添加回调函数。async的作用方法:就是在内部出现报错,可以被Promise中的catch方法捕获1. async / await每个 async 方法都返回一个 promise 对象举个例子:var promise = function() { return new Promise(function(resolve, reject) {
2021-10-05 20:57:56
113
原创 js数组常用方法
1. join() : 就是把数组转换成字符串 给他顶一个连接字符 默认是(,) 格式:join("") 括号里写字符串(“必加引号”)。(不改变原数组) var arr = [1, 2, 3, 5] console.log(arr.join()) console.log(arr.join("="))2. push() : 可以接受一个或者多个参数内容添加到数组末尾,并返回修添加后的数组的长度,(原数组会发生改变)。格式:arr.push(" "),括号里面写内容(“字符串
2021-10-05 19:10:16
155
原创 Promise
1. 什么是PromisePromise 是处理异步回调的解决方案,Promise 对象是一个容器,里面包裹了一个(些)异步操作,它表示一个预计会在未来完成的异步操作其实是一个构造函数,自己身上有all、race、reject、resolve这几个方法,原型上有then、catch等方法Promise对象有一下两个特点Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有进行异步操作的结果,可以决定当前是哪一种状态,
2021-10-03 18:30:00
54
原创 箭头函数与普通函数区别
箭头函数是在 ES6 当中出现并使用箭头函数的出现就是为了解决ES5中this指向混乱的问题箭头函数没有自己的this,它的this来自父级上下文,并且永远指向父级上下文箭头函数的this不会在调用的时候被改变, 因为箭头函数在声明的时候它的this就已经被永久的确定了1. 箭头函数的this,始终指向父级的上下文 var a = 100; let obj = { a: 200, fn: function (){
2021-10-02 18:03:24
63
原创 this的指向问题
1. js的this指向1. 普通函数this没有特殊情况,就是指向全局对象-window let arr='aa' function fn(){ alert(this.username);//undefined } fn();因为我声明的方式是let,不会是window对象,那么当使用var声明 let arr='aa' function fn(){ alert(this.username); //aa } fu(); //--------------- w
2021-10-02 17:46:38
152
原创 js中的继承
1. 原型连继承特点:让子类的原型指向父类的实例;把父类的实例放到子类的原型链上,子类实例想要去调用这些属性和方法的时候,实际上是基于__proto__原型链查找的形式去完成的子类实例可以直接修改父类上的方法(这样就会导致其他父类实例都会收到影响)父类中私有的属性和方法,在实现原型链继承之后都会变成子类公有的属性和方法 //父类构造函数 function Parent(x){ this.x = x; } //父类原型 Parent.prototype.getX = funct
2021-10-01 18:00:00
95
原创 js中的数据类型!
1. 基本数据类型String 字符串 Nnmber 数字Boolean 布尔值null 空undefined 未定义symbol 唯一值bigInt 大数字2. 引用数据类型Object 对象Array 数组Function 函数Data RegExp3. 数据类型判断1.typeof 一般用来判断基本数据类型 不能判断引用数据类型 会之间返回小写的字符串数据类型2.instanceof 语法: (要判断的数据类型) instanceof 3.
2021-09-30 15:33:32
63
原创 var let const 三者区别!
1. 是否存在变量提升?1.使用 var 声明的变量存在变量提升2.使用 let const 声明的变量不存在变量的提升变量提升:变量在声明之前可以进行使用,并且代码不会报错 代码会提前进行一个预解析预解析:在浏览器拿到js代码将要执行之前,会整体的解读一遍js文件,把其中的var声明的变量还有function提前定义 console.log(a); //undefined 在没有定义之前使用a代码不报错 值为undefined var a = 10; //使用var声明的变量存在变量提升
2021-09-29 17:39:16
69
原创 数组的方法
join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() (ES5新增) forEach() (ES5新增) map() (ES5新增) filter() (ES5新增) every() (ES5新...
2021-09-06 21:41:37
79
原创 npm包的简单发布流程
npm包的发布1.账号注册1.npm的发布需要创建一个个人的npm账号,注册成功需要在qq邮箱进行邮箱验证重新发布即可npm的官网地址: https://www.npmjs.com.2. 创建npm包2.在本地创建一个文件夹(文件夹名不要和npm上的包名重复,可以先去npm上搜索下,这个文件夹名将作为你的npm包名),打开Powershell cd 进去进去文件夹1. npm init 初始化项目2. package.json 项目配置管理文件3. 也可以在开发工具中打开此包
2021-07-17 19:04:00
1426
原创 小程序的request封装
小程序当中的请求封装其实跟VUE的请求封装是一样的,相差不大,写法一致那么这篇博客文章我们就说说小程序的封装VUE 的封装我们都知道需要两个.js文件,在小程序当中同样也需要两个.js文件,一个公共路径文件以及一个各个页面商品的路径1.首先我们在根目录下创建一个API文件夹用来存放我们的request请求的.js文件,在API当中创建两个.js文件,一个是公共路径文件:request.js,一个是单个页面路径文件:api.js先来封装request.js文件 const BASE_UR
2021-07-16 14:50:10
798
原创 vue项目配置rem
export default function() { // 7.5根据设计稿的横向分辨率/100得来 var deviceWidth = document.documentElement.clientWidth; // var deviceWidth = window.screen.availWidth // console.log(navigator.userAgent) // console.log(deviceWidth) // con..
2021-06-01 16:23:13
338
原创 Vue3全局Loangin
第一步在components文件夹中新建myLoad.vue组件 <template> <div class="loading" v-show="msg.show"> <div>{{msg.title}}</div> </div> </template> <script> export default { props: { msg: Obje
2021-06-01 16:21:53
65
原创 setup组合api
在src目录下创建一个setup文件夹 在当前文件夹中创建一个js文件 import { ref } from 'vue' let count = ref(0) // console.log(count); function add(num) { count.value = count.value + num } function minus(num) { count.value = count.value - num } export { count,
2021-05-31 19:12:00
216
原创 css重置样式
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, l
2021-05-31 14:14:43
144
原创 vue3.0项目vant组件引入
创建项目vue create yxsc_project安装vant 组件库第一步安装命令 npm install vant@next --save (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next)第二部vant的进阶使用 通过 npm install postcss postcss-pxtorem --save-dev (用来将px尺寸转化为rem尺寸)配置rem的根元素字体大小 安装lib-flexiable 安装命令 npm i
2021-05-31 11:44:20
1247
原创 vuex的本地存储
vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式vuex就是一个仓库 众所周知就是存放公共数据的一个地方 任何组件内的都可以使用vuex中的数据vuex中的五大核心State存放Vuex store实例的状态对象,用于定义共享的数据, 以及设定的变量Action向store发出调用通知,去执行异步操作Mutations它只用于修改state中定义的状态变量 , 相当于vue当中methods 来进行逻辑的代码操作Modules
2021-05-28 17:22:46
2309
1
原创 ajax请求的优点与缺点
ajax的概念:相当于在客户端与服务端之间加了一个抽象层(Ajax引擎),使用户请求和服务器响应异步化,并不是所有的请求都提交给服务器,像一些数据验证和数据处理都交给Ajax引擎来完成,只有确认需要向服务器读取新数据时才右Ajax引擎向服务器提交请求。ajax的优点:1.无刷新更新数据Ajax最大的优点就是能在不刷新整个页面的情况下维持与服务器通信2.异步与服务器通信使用异步的方式与服务器通信,不打断用户的操作3.前端与后端负载均衡将一些后端的工作移到前端,减少服务器与带宽的负担4.基于
2021-05-28 15:47:09
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人