weixin_58726419的博客

action creator问题导入dispatch({type: 'book/add', payload: '三国演义'})dispatch({type: 'book/add', payload: '红楼梦'})一个action的type名字出现多次，多次dispatch会重复，不利于修改。解决方式补充一个action creator。 它是一个函数。 作用：用来创建指定类型的action。 入参：payload 返回值: action .

纯函数是函数式编程中的概念，对于纯函数来说，相同的输入总是得到相同的输出var arr = [1,2,3,4,5]arr.slice(1,2)arr.splice(1,2)非纯函数var arr =[1,2,3,4]arr.splice(1,2) //[2, 3]arr.splice(1,2) //[4] 原则： 不得改写参数 不能调用 Date.now()或者 Math.random()等不纯的方法，因为每次会得到不一样的结果 不能..

使用步骤全局安装json-server以前安装过的全局包：nodemon,nrm它是依赖于nodejs的第三方包，它是一个独立的工具，并不限于某个项目，可以全局安装。npm i json-server -g准备空文件夹在任意目录下，准备一个空文件夹创建json文件在文件夹中新建一个名为db.json文件(可改其它名称，注意名字是是英文）初始化结构在db.json文件中，按json格式的要求，去定义一个对象： 键值对格式 用双引号括起来 ..

formatDate = () => { const dt = new Date() const year = dt.getFullYear() const month = dt.getMonth() + 1 const date = dt.getDate() const hour = dt.getHours() const minute = dt.getMinutes() const second = dt.getSeconds(...

const arr = [ { 'id': '29', 'pid': '', 'name': '总裁办' }, { 'id': '2c', 'pid': '', 'name': '财务部' }, { 'id': '2d', 'pid': '2c', 'name': '财务核算部' }, { 'id': '2f', 'pid': '2c', 'name': '薪资管理部' }, ...

1.正则表达式概述1.1 什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。1.2 正则表达式的创建方式一：通过调用RegExp对象的构造函数创建var regexp = new RegExp(/123/);console.log(regexp);方式二：利用字面量创建 正则表达式var rg = /123/;1.3 测试正则表达式test() 正则对...

// 创建分页组件需要的 按钮数组 // btnCount: 最多能看到几个按钮 // total: 总条数 // size: 每页几条 // page: 当前第几页 function f(total, size, page, btnCount) { if (Math.ceil(total / size) < page) { return '...

目录1. JavaScript 是单线程的语言2. 同步任务和异步任务2.1同步任务和异步任务的执行过程3.EventLoop 的基本概念4. 宏任务和微任务4.1什么是宏任务和微任务4.2宏任务和微任务的执行顺序1. JavaScript 是单线程的语言 JavaScript 是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。 单线程执行任务队列的问题： 如果前一个任务非常耗时，则后续的任务就不得不一直等待，从而导致程序假死的问题...

1.node.js 中如何实现模块化node.js 遵循了 CommonJS 的模块化规范。其中： ⚫ 导入其它模块使用 require() 方法 ⚫ 模块对外共享成员使用 module.exports 对象 模块化的好处： 大家都遵守同样的模块化规范写代码，降低了沟通的成本，极大方便了各个模块之间的相互调用，利人利己2.什么是 ES6 模块化规范ES6 模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本..

局部使用 组件1. 创建一个组件 , 并引入2 . 注册3 . 使用全局使用 组件

给 表格的 第一列 添加 动态属性 和 方法

1. return 不能单纯用在 循环中

如何在新项目使用svg-icon组件 步骤1.安装依赖npm i svg-sprite-loader@4.1.32.配置 vue.config.js3.复制/创建文件(1) src/icons(2) 组件(3)utils/validate.js4 .在main.js中引入 import '@/icons'5 .使用格式<svg-icon icon-class="文件名"/>这里的文件名就是在src/icons...

v-model你也可以通过model选项来修改v-model的默认行为和prop所以相应的父组件使用v-model的时候的等效操作为：v-model通常用于表单控件，因为这样子组件有更强的控制能力.sync这里绑定的属性名称的更改，相应的属性名也会变化.sync的原理用到了子组件向父组件派发事件的$emit方法。其应用场景为子组件想修改父组件传递的属性sync修饰符的控制能力都在父组件，事件名称也是相对固定的update:xx...

利用 forEach 完成 :利用 reduce 完成 :

<template><div><div>{{arr}}</div>数组转对象:<button@click="btn">点击转换</button><div>{{newObj}}</div><hr><div>{{obj}}</div>对象转数组:<butto...

<template><div><h2>数组转化成树</h2><button@click="btn(data)">点击生成树状图</button><div>{{tree}}</div></div></template><script>exportdefault{name:''...

1.Ctrl+C复制选中的文本,如果空选,则复制这一行2.Ctrl+X剪切选中的文本,如果空选,则剪切这一行3.Ctrl+v

什么是数组?数组对象是使用单独的变量名来存储一系列的值。如何创建数组?创建数组有三种方式:1.字面量var arr1 = [1,2,3]2.简介方式var arr2 = new Array ('a','b','c')3.常规方式var arr3 = new Array ()arr3...