好记性不如烂笔头

setState在更新react组件时，我们常常使用setState方法传入一个对象来更新组价的状态。但其实除了状态对象，该方法还允许传入一个状态计算函数。 setState()的参数支持对象和函数两种。 对象式setState —> this.setState({ showModal: true}); 函数式setState12345this.setState((state, props ...

node采用commonJS实现模块管理 module.exports node同一进程内只有一个上下文，不同文件内部只是node对js文件进行的封装，源代码被包裹在一个自执行函数中，文件内部的 require 和 module 等由node注入自执行函数中。 标准的导出命令只有 module.exports, exports 其实是个语法糖，本质上 exports = module.export ...

常见场景：后台系统，运营人员常常需要大批量配置内容。如果挨个填写form表单会累死的。这时可以考虑使用excel上传，利用js来完成解析，自动填写。 这里给出一个利用xlsx这个库来实现解析excel表格并生成json的方式。 1234567891011121314151617181920212223242526272829303132333435const XLSX = require('xls ...

之前我们写过一篇文章，简单介绍了浏览器里如何使用get/post方法下载excel。本文我们介绍下如何利用node导出excel 我们使用 excel-export 这个库来完成 123456789101112131415161718192021222324252627282930const nodeExcel = require('excel-export');const conf =  ...

一般的后台管理系统有个很常见的需求是下载excel。前端实现有两种方法1.get请求，利用诸如a标签等直接发起一次get请求，浏览器会自行处理后端接口返回的二进制流优点：简单缺点：如果需要先上传大量数据，后端根据上传的数据生成excel，这种场景满足不了。（当然可以先用post提交数据，再用get二次请求，这是另外一回事了） 2.post请求上面的GET方法不能很好的满足先上传数据，再下载exce ...

前言 父元素如果有transform属性，会导致子元素的fixed失效（相当于absolute定位）。暂时没有好的解决办法。 移动端如果用到了fixed定位，建议使用position:absolute来实现类似效果。 问题最近在做一个移动端页面开发的时候遇到了一个fixed的问题。 使用场景：页面中有一个筛选栏绝对定位，当页面滚动过一定距离，筛选栏固定定位在页面头部。但是我在开发过程中，发现修改 ...

this的指向问题，就记住4句话：默认绑定，显式绑定，隐式绑定，new绑定 默认绑定默认指向全局对象上，例如window；如果是严格模式，则指向undefined 显式绑定使用apply,call,bind强制绑定this 隐式绑定使用.运算符，调用对象上的函数，自动绑定为该调用对象，但可能会丢失绑定关系 123456var obj = { name: 'bobo', say ...

背景本质上，react只是一个dom的抽象层，允许你通过jsx的语法，组件的思想构建虚拟dom。react提供的组件通信方式只有一个方式—父子组件传参，当应用复杂起来，简单的传参已经不满足需要。这个时候引入了redux。 reduxredux源码分析 tip: 注意区分redux和react-reduxredux是一个状态管理库，理论上可以和任何库合作。react-redux是针对react做的适 ...

1.关于checkbox元素，不同浏览器下表现不一致 设置checked=“false”和checked=“0“,checked=“null”只要设置了checked(无论其值是什么)的input都会默认选中状态。vue1下，设置checked为0或”0”，chrome下表现为未选中；safari表现为选中。如果设为null或者false时，两者均表现未选中 chrome/safari测试通过js ...

网上讲事件循环的文章很多，这里mark下自己的认识。 每一个线程都有自己的事件循环(event loop)机制，事件循环按照事件队列里的任务(task)“依次”执行。浏览器中的工作线程也有自己的event loop，浏览器确保多个task可以按照一定顺序执行，并在多个task之间可能进行UI渲染。 概念Tasks: 任务队列Microtasks: 微任务队列Stack: js执行堆栈 js有两 ...