1k1 分钟

# 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.1k3 分钟

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

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

# 问题: 首先打开 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.4k1 分钟

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

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

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

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

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