- 博客(18)
- 收藏
- 关注
RSS订阅原创 个人总结es6新特性
1.箭头函数 （）=> {}2.模板字符串 ``3.let const关键字 let a= '' const b = ''4.解构赋值 obj={a:'1',b:'2',c:'3'} let [a,b,c] = obj //a=obj.a b= obj.b c=obj.c5.剩余参数 fun(...args)6.扩展运算符 let arr = [...arr1,...arr2]7.伪数组转换数组...
2021-12-17 08:59:46
205
原创 vue中插槽有哪些用法-笔记
一、内容插槽二、后备插槽三、作用域插槽主要是用来访问子组件中的数据四、具名插槽主要是用于页面需要用多个插槽，每个插槽都有自己的名字<base-layout> <template v-slot:header> <h1>Here might be a page title</h1> </template> <template v-slot:default> <p&...
2021-12-16 15:27:41
98
原创 js内存泄漏的常见原因以及垃圾回收机制
1.在函数体内部声明变量时，没有加关键字 2.dom被清空时，js代码中还存在引用 3.不规范使用闭包 4.定时导致的内存泄漏垃圾回收机制：没有被引用的对象，就会被js清除...
2021-12-16 15:11:28
341
原创 js闭包的个人理解
主要为了放置全局的变量污染影响，在匿名函数包裹需要执行的函数体。缺点：被引用的函数体内部私有变量不能被销毁，导致内存不能被释放，造成内存泄漏解决方法：使用完变量后，手动将变量赋值为null...
2021-12-16 15:01:40
76
原创 vuex的用法-笔记
一、state的用法1.state引入import { mapState} from "vuex"2.解析计算computed: { ...mapState(["user"]), }3.访问statethis.$store.state.user二、mutations的用法 mutations主要用于修改state数据,vuex修改状态的唯一途径，如果写异步代码，会导致不好追踪数据状态，加大调试难度，异步操作用过Action实现1.mutat...
2021-12-16 14:54:31
40
原创 深拷贝和浅拷贝理解-笔记
1.浅拷贝只是拷贝了栈内存的引用数据地址，如果拷贝后的数据发生改变，会影响复制的数据2.深拷贝是把栈内存的数据单独复制一份放到栈内存中，不会影响原数据。
2021-12-16 14:34:54
164
原创 null和undefined区别
1.数据类型不一样，null是对象，undefined是undefined2.转化值不一样，undefined转为数值类型为undefined，null为03.undefined===null /false undefined==null /true
2021-12-16 14:25:06
572
原创 js的常用的几种全局方法
1.encodeURI()把字符串编码为 URI2.eval()计算 JavaScript 字符串，并把它作为脚本代码来执行3.isNaN()检查某个值是否是数字。4.Number()把对象的值转换为数字。5.parseInt()解析一个字符串并返回一个整数。6.parseFloat()解析一个字符串并返回一个浮点数。7.String()把对象的值转换为字符串。...
2021-12-16 14:16:12
898
原创 vue中设置代理解决跨域的原理-个人笔记
背景：因为浏览器同源策略的限制，ip与后端不一致，导致请求发送到了，但是没有服务器响应返回。 例如：后台地址localhost：8000，前端：localhost：8080 原理：vue会开启一个和前端相同的一个服务器，地址为localhost：8080，先把需要发送给后台的请求先发给前台的服务器，然后通过前端服务器的8080端口给后台的8000端口，解决浏览器跨域问题。...
2021-12-16 11:25:01
1824
原创 Axios请求的封装
import Vue from "vue"import axios from "axios"import VueAxios from "vue-axios"import Qs from "qs"Vue.prototype.baseUrl = "/api"// 环境的切换if (process.env.NODE_ENV == 'development') { Vue.prototype.baseUrl = "http://localhost:8000";} else if .
2021-12-16 11:07:28
908
原创 Promise笔记
一、什么是Promise promise其实就是用来解决回调地狱的问题的，从语法上，它就是一个构造函数，从功能上，就是用对象来封装一个异步操作，同时获取它的结果二、理解resolve和reject 在异步操作中，满足条件执行resolve，不满足执行rejectconst p = new promise((resolve,reject)=>{ //异步操作代码 setTimeout(function(){ var...
2021-12-16 10:41:14
279
原创 get和post的区别
1.get是从服务器上获取数据，post是向服务器传送数据。2.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。3.get安全性非常低，post安全性较高4.获取参数的方式不同，get是通过Request.queryString获取，post通过Request.body获取...
2021-12-14 18:06:34
1852
原创 Ajax笔记（一）
1.工作原理Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。2.工作步骤 a.创建xhr对象 b.初始化xhr对象 c.向服务器...
2021-12-14 16:26:05
180
原创 vue项目性能优化
一、分包 1.减少http请求 2.压缩图片，css和js代码 3.使用cdn 4.首页懒加载，路由分包 5.gzip压缩 6.关闭预加载 7.浏览器缓存，通过html的头文件中的meta来控制<meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Expires" content="0"...
2021-12-14 16:05:16
164
原创 vue生命周期笔记（一）
1.什么时候使用created，什么时候用mounted在created时，$el属性没不存在，简而言之就是页面的dom还没有被vue的dom替换，一般用于数据初始化 mounted时，$el属性存在，已经挂载了实例，一般用于向后端发请求获取数据后做一些业务逻辑处理2.钩子函数实例创建前：beforeCreate $el和data未被初始化实例创建后：created data初始化...
2021-12-14 15:32:11
125
原创 VUE组件传参
一、父子组件传参1.常规组件传参,子组件通过props接收 a.引入子组件import Login from "../../components/Login&Register/Login.vue"; b.注册子组件 components: { Login } c.使用子组件 <Login :loginName="uname"></Login>2.特殊组件传参 通过路由进行传参&l...
2021-12-14 15:14:17
50
原创 记录vue项目中碰到的跨域问题
做前后台分离的项目，碰到各种问题，记录一下。这次主要是跨域问题，前台的地址是http://localhost:8080 ,后台的地址是：http://localhost:8000前台通过axios调用后台接口，配置了proxy之后，还是有跨域的报错，下面是vue.config.js配置module.exports = { // 开发服务器的配置 devServer:{ proxy:{ // 以前发请求是http或https开头 // 自定义请求的开头，使
2021-10-30 16:26:19
149
原创 记录一个vue-socket.io碰到的坑
第一步，先安装相关的socket包npm install vue-socket.io --savenpm installsocket.io-client --save第二步，创建和服务器之间的连接，先建立一个socket.js文件，代码如下：import io from 'socket.io-client'let socket = io.connect('http://localhost:8000')socket.on('connect',function(){ console.
2021-10-29 20:37:30
409
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人