Barley_-优快云博客

原创深拷贝与浅拷贝

数组深拷贝深拷贝方法： 1.Array 通过slice和concat 方法 var arr=[1,3],arr2=arr.slice() arr2[0]=2 console.log(arr)//[1,3] console.log(arr2)//[2,3] var arr=[1,3],arr2=arr.concat() arr2[0]=2 console.log(arr)//[1,3] console.log(arr2)//[2,3] 多维数组使用slice和concat就不行 2.Object 重新

2021-09-05 17:01:31 219 1

原创 vue3 简单搭建router

router文件夹下index.js import { createWebHistory, createRouter } from "vue-router"; import { defineAsyncComponent } from 'vue' const Login= defineAsyncComponent(() => import('../page/login/index.vue')) const Register= defineAsyncComponent(() => import('.

2021-03-19 16:18:44 308

原创 vue中使用mock.js 模拟数据

安装 npm install mockjs --save-dev npm install axios --save-dev 配置axios，在api文件下新建http.js import axios from 'axios' // 创建一个axios实例 const service = axios.create({ //请求超时配置 timeout:3000 }) // 请求拦截器 service.interceptors.request.use((config) => { cons

2021-01-11 18:32:47 384

原创求2数之和等于目标值的对应下标。返回数组

求2数之和等于目标值的对应下标。返回数组你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1] /** * @param {number[]} nums * @param {number} target * @return {number[]} */ var twoSum = function(nums, targ

2020-11-24 10:22:34 259

转载什么是 js 原型链？

创建一个js对象 var obj = { name: 'obj' } 「读」属性「新增」属性「更新」属性「删除」属性看一下「读」和「新增」属性。为什么有 valueOf / toString 属性呢？在我们没有对 obj 进行任何其他操作之前，发现 obj 已经有几个属性（方法）了：那么问题来了：valueOf / toString / constructor 是怎么来？我们并没有给 obj.valueOf 赋值呀。要搞清楚 valueOf / toString / constru

2020-08-19 10:48:32 230

转载 vue-router按需加载

使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如： import Hello from '@/components/Hello' import Boy from '@/components/Boy' import Girl from '@/components/Girl' 缺点：webpack在打包的时候会把整个路由打包成一个js文件，如果页面一多，会导致这个文件非常大，加载缓慢解决办法（按需加载）方法一：require.ensure()实现

2020-08-13 14:50:50 518

原创 HOOK的知识点解析

HOOK HOOK是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook的特点：使你在无需修改组件结构的情况下复用状态逻辑；可将组件中相互关联的部分拆分成更小的函数，复杂组件将变得更容易理解；更简洁，更易理解的代码；准备工作如果版本低于16.8，先升级react,react-dom npm i react react-dom -S 状态钩子 - State Hook 创建HooksTest.js imp

2020-08-03 16:51:49 439

原创 vuex实现购物车添加与删除功能

vuex实现购物车添加与删除功能让我们一起来了解一下怎么用vuex来写一个购物车的功能，在这，小编写了一个demo作为参考前期准备第一步：用vue的脚手架创建项目 npm i vue-cli --g //如果已经全局安装过了，这步可以省去第二步：初始化项目 npm init webpack 项目名称第三步：安装vuex包 npm i vuex --save 第四步：新建store文...

2018-12-07 16:38:41 4431

Barley_的博客