前端切图

分类

CSS(1) Vue(13) 原生JS(2) 算法(2)

/ 注册

全部文章（共13篇）

新拟态

先看效果图直接上代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport...

2020-07-16

1 554

数组或字符串去重

基本思路都差不多下面有几种方法一个非常简单的方法 let arr = [1,1,2,'a','a','b']; arr = [...new Set(arr)];然后是剩下的方法 //这里都使用 const str = "https://github.com"; //为例一...

2020-06-26

0 650

快速排序

1.数组中随便找一个数用于比较（一般确定为第一个数） const r = [10,3,9,2,8,1,5,4,6,7]; let baseData = data.splice(0,1)[0];2.定义两个数组分别存放每次排序后参照数左边和右边的数。左边存放比参照数小的数，右边存放比参照数大的数。 ...

2020-06-26

0 585

判断js中的数据类型

1.typeof const obj = {name: 'c',age: 21}const arr = [1,2,3]const str = 'cc'const boolean = trueconst number = 1const a = nullconst func = () => {co...

2020-06-26

0 403

Vue生命周期钩子函数

Vue中每个组件都有属于它自己的生命周期。这个生命周期包括：组件创建、数据初始化、挂载、更新、销毁。这整个生命周期中，每执行到一个特定结点就会执行相应操作或者进行事件回调，因此我们就可以在这些回调函数中添加自己所需要的一些操作。钩子函数就是回调函数的一种形式。 beforeCreate 在实例初...

2020-06-04

0 607

Vuex---getters

getters相当于一个计算属性，在我们从state取数据时，对数据进行一些计算或者过滤等操作 state: { counter: 1000, students: [ &...

2020-06-01

0 484

Vuex--actions

在Vuex mutations中，我们有时会进行异步操作（向后端发送请求）。 action中方法的第一个参数context 相当于$store 现在使用setTimeout()模仿异步操作 state: { inf...

2020-06-01

0 619

Vuex---mutation

mutation vue中更新状态的唯一方式 state: { counter: 1000, } mutations: { //add称为事件类型 ...

2020-06-01

0 640

Vuex简介

我们有一个需要多个组件共享的数据，单独放到一个组件中，其他组件需要使用，如果我们自己来完成这是非常麻烦的事情，你需要去写很多个组件通信的方法。Vuejs提供一个状态管理的插件Vuex。上图就是Vuex的基本原理。我们将需要共享的数据存放到state（状态）中。 /...

2020-06-01

0 593

Vue-Router路由传参方式

路由传参方式params或者query 当我们使用params时。router/index.js中定义的路由后面一定要加参数 { path: "/user/:id", component: User, meta: { title...

2020-06-01

0 580