1k字1 分钟

# resizable 实现拖拽改变 div 宽度 记录一下需求，方便下次粘贴。 要求是右侧可以拖拽调节大小，并且 hover 上去要有蓝色竖线提示，只需要使用 resizable 这个 js 库，这个需求就非常简单了～～ # 1. 效果展示 # 2. 使用方法 yarn add re-resizable 或者 npm install --save re-resizable 安装组件 在项目中引用 handleLine 下的 div 才是移动的块，所以我们设置的是它下层的 div Index.less .resizable {   transition: all
3.1k字3 分钟

需求来源是某页面具有编辑功能，如果用户正在编辑态，且内容还没保存。 如果用户点击了某些地方会导致切换路由，需要弹窗提示是否需要切换。 如果用户想要刷新或关闭浏览器窗口需要提示用户，是否刷新 / 关闭此网站？ 基于这个需求想到了四种方法，记录下来方便自己下次复制粘贴。 # 1. componentWillUnmount 首先这个钩子函数是在组件卸载前调用的一个函数，它并不能阻止当前组件的卸载。所以不要想方设法在这里做提示，因为即便提示了，组件还是会卸载，文章还是会消失。 # 2. 路由守卫 - <Prompt/> 为了实现第一个功能，需要一个跳转路由之前进行的判断
506字1 分钟

一、限制只能选明天及之后的日期（今天不可选中） disabledDate (current) { return current && current < moment().endOf('day') }, 二、限制只能选今天及之后的日期（今天可选中） disabledDate (current) { return current && current < moment().subtract(1, 'days').endOf('day') }, 三、限制只能
637字1 分钟

# 问题： 首先打开 Creact-react-app 的官方文档可以找到指令 npx create-react-app my-app --template [template-name] 打开终端运行命令之后 好吧本地版本太低了，再运行指令卸载吧 npm uninstall -g create-react-app 结果再次尝试还是报相同的错误，尝试用 yarn 去卸载 真的会谢 # 解决方法： 在 create-react-app 后面加上最新版本号，一定得是最新。如： create-react-app@5.0.1 最终命令 npx create-react-app@5.0.0 wh
1.4k字1 分钟

想写这篇文的起因是帷幄的二面过程中的一道面试题，有点深度。虽然一直知道 hooks 不能写在一些条件语句中，但是没有深入了解过原因。之前面试也没有被问到这个问题，所以整理一篇文档记录学习一下。 React Hooks 的使用限制 官网是这样解释的： 不要在循环，条件或嵌套函数中调用 Hook， 确保总是在你的 React 函数的最顶层以及任何 return 之前调用他们。遵守这条规则，你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调用之间保持 hook 状态的正确。 限制的原因 这个限制并不是
2.6k字2 分钟

面试体验很差，可能一开始就不大想要吧，不知道为啥要面试。 1. 实现一个 flex 的布局 //存在如下的html元素，利用flex布局实现左中右三个元素分别占据屏幕的25%、50%、25% <style> .box { width: 80%; height: 500px; display: flex; background-color: red; } .center { width: 250px; height: 20
1.7k字2 分钟

第一次笔试有十道左右选择题（大多是多选题），五六道简答题，三道编程题。由于简答题写的太久了后面编程题就没来得及写完，后来一面的时候面试官说可以再做一次笔试，于是有了第二次笔试。 第二次笔试有十几道选择题，大部分都比较常规，然后是五道编程题。由简单到难的，接下来记录一下～ # 第一题 给定一个字符串数组 返回另一个包含所有最长字符串的数组 let inputArray = ["aba", "aa", "ad", "vcd", "aba"] function solution(inputA
4.4k字4 分钟

# 第一题 # 目标 使用 React, 参考下述需求优先级和设计稿 ，实现倒计时抢券组件。 # 关键需求点 功能 1: 按钮自动倒计时 (此功能重要占比 60%) 进入页面时，卡片中的按钮开始自动 10s 倒计时 倒计时过程中，按钮显示剩余时间 (文案为: 10s、9s、8s、...、1s) 倒计时结束后，按钮文案变为「 抢购 」 功能 2: 抢购功能模拟 (此功能重要占比 20%) 点击抢购按钮时，调用异步模拟请求方法，请求完成后按钮文字变为「 已抢购 」 异步请求模拟方法需自行实现，延迟 1s 后返回成功即可 功能 3: 还原券 css 样式 (此功能重要占比 20%)
224字1 分钟

# 一面 ES6 新特性 let、const、var 的区别 对 Promise 有哪些了解 Promise.all () 和 Promise.race () Vue 的生命周期 Vuex 是什么？如何使用？ 总体感觉比较简单，公司前端只有两个人，技术栈是 Vue 和 Node.js，主管去出差了没有参加面试，公司不大，薪资在上海比较一般，应该不会去，如果有面试会继续面。