道招
原创的几个前端校招面试题
鉴于太多新入行的朋友理论知识太扎实,简历太精彩,特出了几个手写题目,不求每个都作对,面试过程都是先问理论,如果答的不错的话再要求写代码。 变量提升 console.log(1, test); var test = 1; console.log(2, test); function test(){ console.log(3, test); } test(); 实测没有全部做
react router页面跳转二次确认弹框及样式、业务逻辑自定义
我们在编辑页面时如果需要跳走通常会需要给用户提示,react router本身已经给了我们这样的功能,我们先看看怎么使用。 初见二次确认弹框 // App.jsx const App = () { return ( <BrowserRouter> <div> <ul style={{marginTop
怎么调试Webpack+React项目,报错basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")怎么办
今天在WebStorm上Windows上准备调试一个React项目,就出现了这样的报错。 Node Parameters里面写的是webpack-dev-server的执行文件 .\node_modules\.bin\webpack-dev-server.cmd ,用的是相对当前工作空间Working directory的相对路径。 basedir=$(dirname "$(ec
React router用hooks读取routeName、根据routeName跳转
在迁移Vue至React的过程中遇到了一些路由相关的问题,在Vue项目中经常会使用routeName,毕竟使用path太长了,也记不住,我自己看了看React router也没有发现routeName相关的信息,可能是我没有找到,或者React没有这个概念吧。 在Vue中这样的写法比较常见 const router = new Router({ routes: [{ p
邮箱收件人组件成长历程(三)跨栏拖拽不同数据方案对比
前几天写了收件人组件,它实际就是一个既能输入搜索又能标签形式展示的组件,我称它为SmartInputSelect(以下简称sis组件),在实现下列需求时遇到了些问题,需求就是想实现多个sis组件的邮箱地址能够相互拖拽,效果类似剪切操作。比如从sis_a中的邮箱地址拖拽到sis_b中,同时需要sis_a中的那个会被移除。 下面是具体的代码实现,每行的具体作用已经有注释了。 将拖拽数组逻辑简单写
wordpress博客提示“Briefly unavailable for scheduled maintenance. Check back in a minute”
所谓“Briefly unavailable for scheduled maintenance. Check back in a minute”翻译过来就是“正在执行例行维护,请一分钟后回来”,这个问题一般出现在我们升级wordpress博客或者插件期间,有人访问,网址给予了这个提示,但是有时候不巧的是我们正在升级,然后因为网络等其它原因,升级失败了,我们只能刷新,然后我们作为网站的管理员,我
邮箱收件人组件成长历程(二)(React hooks升级版)
记得自己之前写过一篇 《邮箱收件人组件(vue版)成长历程(一)》 记得当时里面写到了自己使用的是可编辑div来进行输入的,同时提到 当时出于挑战自己和青铜的倔强,想试着换个方案,完全使用可编辑div来实现。。。这个小小的倔强为后续很多功能瓶颈埋下了隐患。。。 使用contenteditable的div缺点 具体的隐患是什么的? 因为方案中采用的点击插入新收件人时实际上就是
Mysql报错“this is incompatible with sql_mode=only_full_group_by”
由于本站使用的是msyql8.x版本的mysql数据库,版本较高,发现网站的“月份存档”的数据不展示了,经过排查发现是接口未能如期返回的数据,而是出现了报错“this is incompatible with sql_mode=only_full_group_by”,显然是自己的sql语句里面有 group_by ,出现了兼容性问题。 我先进Mysql里面执行 select @@GLOBAL
道招网回归国内主机并完成备案
之前道招网一直使用的国外的vps主机,鉴于vps的ip可能存在被误封的风险,特将网站全部内容迁移回阿里云上海主机,并备案,期间造成网址较长时间无法正常访问,深表抱歉。
Vue和React hooks实现Select批量选择、选中条数、全选、反选实现对比
批量选择、全选、反选这些功能使用频率还是很高的,下面直接看看Vue和React分别怎么实现吧。 Vue 在使用Vue的时候是很容易实现的,我们以下列数据格式为例: const dataList = [{ id: 1, label: '第一个', }, { id: 2, label: '第二个', }, {
关注道招网公众帐号
道招开发者二群