随笔分类 - 前端技术栈
摘要：思路是使用race这个api, 同时开启定时器和请求两个异步任务 如果定时器的timeout到达之后请求还没返回，就可以看做是请求超时 promise.race[req,timer]
阅读全文
摘要：grid布局按列分割时，每行行高都会均分父容器，但我们需要的效果是行高自适应为元素高度即可，此时需要设置 align-content: start; 参考MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/align-content displa
阅读全文
摘要：word-break: break-all; 所有单词碰到边界一律拆分换行，不管你是incomprehensibilities这样一行都显示不下的单词，还是long这样很短的单词，只要碰到边界，都会被强制拆分换行。 可以作用于table元素，同时设置宽度为100%，表格内容宽度将保持在table宽度
阅读全文
摘要：个人推荐使用after伪元素的方式实现 张大佬的博文: https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
摘要：1 js 几种 for 循环的区别 测试 loop 类型: for forEach forOf forin forof Object.keys 测试维度: 1. 是否可访问非索引的属性 2. 是否会访问到empty元素 3. 是否可中断循环 4. 是否可访问原型属性 5. 是否可访问不可枚举属性 6
阅读全文
摘要：1 CommonJS规范 CommonJS规范中，每个文件都可以当做一个模块，并且模块的加载是同步阻塞的，也是缓存的 在服务器端，NodeJS本身实现了CommonJS 在浏览器端，在使用Browserify编译之后可以支持CmmonJS 1.2 服务器端 Node环境中，一般使用module.ex
阅读全文
摘要：1 关于amd Asynchronous Module Definition 异步模块定义 https://github.com/amdjs/amdjs-api/wiki/AMD 专门用于浏览器端，再amd规范中，模块的加载是异步的 2 暴露模块 使用define定义暴露的模块,在暴露之前需要在入口
阅读全文
摘要：1 ES6模块化 使用export 或 export default暴露,使用import引入 ES6比较独特的一点就是，使用export暴露时，一个模块可以暴露多个对象 2 暴露模块 单次暴露 export default { fn: () => console.log('module1 fn')
阅读全文
摘要：import { homedir } from 'os' //系统的home目录 home dir const home = process.env.HOME || homedir // 系统配置的home环境变量 home variable
阅读全文
摘要：useImperativeHandle useImperativeHandle(ref, createHandle, [deps]) useImperativeHandle 可以让你在使用 ref 时自定义暴露给父组件的实例值。在大多数情况下，应当避免使用 ref 这样的命令式代码。 useImpe
阅读全文
摘要：定义与区别 seal: 封闭。只允许操作入参对象原本就可写的属性 freeze: 冻结，不允许操作所有属性，包括原型与原型链 应用 React源码，开发模式下 初次渲染，ref会被赋值为一个具有current的seal对象，而props.children则是一个childArray的冻结对象 fre
阅读全文
摘要：import axios from 'axios' const axiosHandle = axios.CancelToken.source() login(){ this.props.dispatch(getData(value, (res) => {},(error)=>{},axiosHand
阅读全文
摘要：在js中，NaN作为一种特殊的number类型，和自己比较时并不严格相等 可以用Object.is(NaN, param), 或者isNaN来进行判断 在一些判断严格相等的场景，如数组去重、深拷贝等，需要注意这个问题
阅读全文
摘要：Koa对比Express Express的中间件是线型的，调用next就放行，执行下一个中间件 Koa的中间件是U型，也叫做洋葱模型, 即use多个中间件，先按中间件书写的顺序执行每个中间件awaitnext调用之前的代码，然后按中间件书写的逆序执行中间件await next之后的代码 Koa1使用
阅读全文
摘要：基于React Hooks 封装一个Echarts组件 官网 https://echarts.apache.org/zh/index.html 1 Echarts全局配置 echarts.config.js // 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。 i
阅读全文
摘要：在url上将github加上1s，如https://github1s.com/facebook/react 你将会看下如下页面，不必clone也能像本地编辑器查看代码一样丝滑 amazing~ 快去体验吧~
阅读全文
摘要：taro异步请求与列表渲染 客户端 import Taro, { useEffect, useState } from '@tarojs/taro'; import { View, Text } from '@tarojs/components'; export default function I
阅读全文
摘要：taro路由配置和跳转 路由传参 顶级组件App pages属性配置 谁在pages数组最上面，就默认打开谁 import Taro, { Component, Config } from '@tarojs/taro' import Index from './pages/index' import
阅读全文
浙公网安备 33010602011771号