Barley_-CSDN博客

原创深拷贝与浅拷贝

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

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

原创 vue3 简单搭建router

router文件夹下index.jsimport { 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 197

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

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

2021-01-11 18:32:47 273

原创求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 164

转载什么是 js 原型链？

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

2020-08-19 10:48:32 143

转载 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 394

原创 HOOK的知识点解析

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

2020-08-03 16:51:49 315

原创 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 4203

Barley_的博客