摘要： 执行时期的区别 一 useEffect 回调函数的执行时期 useEffect为异步执行，执行时期为 触发状态更新（如：setState，forceUpdate） React渲染函数执行（render） 将更新渲染到页面上 执行useEffect回调函数 二 useLayoutEffect 回调函数 阅读全文

摘要： 一 setInterval的时间误差 setInterval(fn,300); setInterval 执行机制，300ms会检测一次任务队列中有无未执行的上一次任务fn，如果没有则将fn加入任务队列，如果有则跳过。由于js单线程，如果在执行fn前还要耗时的任务执行，则会暴露缺点 1.某些间隔会被跳 阅读全文

摘要： 关于iframe的一些事情 一 iframe简介 iframe是一个行内标签，在一个页面中使用iframe标签，通过src可以链接到其他页面。当前页面也可通过设置 X-Frame-Options：'sameorigin'，只允许同源访问。 二 iframe通信 1.同源通信 通过在父页面中中获取if 阅读全文

摘要： 水平垂直居中总结 html结构 <div class="container"> <div class="box">text</div> </div> 一 box 为行内元素时， 水平居中 方案：父元素设置 text-align：center； 垂直居中 方案一： 父元素设置 display：tabl 阅读全文

摘要： 什么是正则表达式 正则表达式 Regular Expression (构造函数 RegExp) 用于字符串匹配规则 要么匹配字符，要么匹配位置 如何新建正则表达式 字面量 /[ab]/gim const reg = /[\w\*\.]{2}/; console.log(reg.test('**')) 阅读全文

摘要： 一 浮点计算精读出现的问题枚举 0.1 + 0.2 // 0.30000000000000004 not 0.3 0.3 - 0.2 // 0.09999999999999998 not 0.1 1.005 * 100 //100.49999999999999 not 100.5 , 所以用 Mat 阅读全文

摘要： 一 css 特性 scroll-behavior 凡是需要滚动的地方都加一句scroll-behavior:smooth就好了！ 二 js 特性 1.Element.scrollIntoView({behavior:'smooth'})；平滑回到顶部 // 点击按钮让body滚动条回到顶部 func 阅读全文

摘要： 使用create-react-app 脚手架 一 通过create-react-app脚手架 搭建项目 首先全局安装 create-react-app 脚手架： yarn add -g create-react-app 通过create-react-app新建一个项目 npx create-reat 阅读全文

摘要： 一 传统的下载文件方式 - 通过get请求，模拟a标签，利用浏览器下载特性 const downFile = （ ）=> { const link = document.createElement('a'); link.target = '_blank'; link.href = URL + url 阅读全文

摘要： contentType 常见的格式 text/plain ：纯文本格式 application/json： JSON数据格式 application/x-www-form-urlencoded 中默认的encType，form表单数据被编码为key/value格式发送到服务器（表单默认的提交数据的格 阅读全文

摘要： git 默认只会git diff 文本文件，不能对doc、docx 文件格式进行diff，所以需要用到特殊的工具将doc、docx格式的word文件转换为文本格式。 这儿用到的工具是pandoc 一 安装 pandoc pandoc下载地址 , 直接下载安装就可以了。 二 需要更改 git软件的安装 阅读全文

摘要： 一 map 函数（copyMap） map函数接收两个参数 1 迭代器函数 ，该函数有三个参数 数组项的值 数组项下标 数组对象本身 2 迭代器函数的this指向 （注：当传了该值，迭代器函数不能为箭头函数了。原因是箭头函数没有this隐式指向。箭头函数在定义时候就已经绑定了上层上下文中非箭头函数t 阅读全文

摘要： 一 什么是 opensearch ？ 第一步： 用百度举例：先输入百度的域名 第二步： 按Tab键 第三步： 输入值就能进行搜索了 二 一般项目使用opensearch 很简单 1.第一步，新建一个xml文件 <OpenSearchDescription xmlns="http://a9.com/- 阅读全文

摘要： a标签的target属性 _self ：默认。在相同的框架中打开被链接文档。 _blank: 新开一个窗口打开文档 _parent : 在父框架集中打开被链接文档。 _top:在整个窗口中打开被链接文档。 a标签 react-router-dom 或者 umi 中使用 <Link target = 阅读全文

摘要： 一 准备工作 umi 为 react 的一个封装比较nice的脚手架。优点当然就是 安装方便，开箱即用，集成了诸多好用功能，详见 官网。 当然 缺点就是 无法暴露原始的webpack.config.json 文件，只能按照官方文档上特定的方法进行修改，而文档却并不完善。项目顺利进行大家笑嘻嘻，一旦遇 阅读全文