首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
夏茉薇薇
掘友等级
web前端工程师
|
保密
经验丰富的前端菜鸟
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
25
文章 25
沸点 0
赞
25
返回
|
搜索文章
赞
文章( 25 )
沸点( 0 )
面试了十几个高级前端,竟然连(扁平数据结构转Tree)都写不出来
「本文已参与好文召集令活动,点击查看:后端、大前端双赛道投稿,2万元奖池等你挑战!」 前言 招聘季节一般都在金三银四,或者金九银十。最近在这五六月份,陆陆续续面试了十几个高级前端。有一套考察算法的小题
「React进阶」react-router v6 通关指南
一 前言 不知不觉 react-router 已经到了 v6 版本了,可能很多同学发现,v6相比之前的 v5 有着翻天覆地的变化,因为最近接触到了 React 的新项目,用到了 v6 版本的 reac
「源码解析 」这一次彻底弄懂react-router路由原理
个人理解,单页面应用是使用一个html下,一次性加载js, css等资源,所有页面都在一个容器页面下,页面切换实质是组件的切换。 history 可以理解为react-router的核心,也是整个路由原理的核心,里面集成了popState,history.pushState等底…
这一次彻底搞定 useReducer - useContext使用
上篇文章结尾提到过使用useReducer,可以帮助我们集中式的处理复杂的state管理。但如果我们的页面很复杂,拆分成了多层多个组件,我们如何在子组件触发这些state变化呢,比如在LoginButton触发登录失败操作? 这篇文章会介绍如何使用另外一个高阶Hook-useC…
用 useContext + useReducer 替代 redux
Redux 毫无疑问是众多 React 项目首选的状态管理方案,但我觉得 Redux 的开发体验并不好。 去到管理 redux 的文件夹,思考把这个状态放到状态树的哪个位置,然后新建一个文件夹并命名 myFeature。 以上只是加个状态而已,写很多模板代码还是其次,最要命的是…
使用 postMessage 解决 iframe 跨域通信问题
这周碰到一个让人头疼的需求:要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了,但问题来了,我和第三方web项目是有交互的,这就违反同源策略了,处理跨域问题是最让人头疼的事之一。 需求是这样的,在我的页面点击一些按钮,要实时反馈到iframe子页…
网站性能优化实战——从12.67s到1.06s的故事
——本文是对之前同名文章的修正,将所有webpack3的内容更新为webpack4,以及加入了笔者近期在公司工作中学习到的自动化思想,对文章内容作了进一步提升。 作为互联网项目,最重要的便是用户体验。在举国“互联网+”的热潮中,用户至上也已经被大多数企业所接收,特别是在如今移动…
从 8 道面试题看浏览器渲染过程与性能优化
移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…
彻底理解 React hook useCallback和useMemo的区别
返回一个 memoized 回调函数。在依赖参数不变的情况下,返回的回调函数是同一个引用地址 返回一个 memoized 值。在依赖参数不变的的情况返回的是上次第一次计算的值
前端 UI 组件库搭建指南
近期负责公司内部 React UI 组件库的搭建,过程中踩了不少坑,主要还是对整个搭建过程没有一个比较清晰的概念,本文章就作为整个搭建过程的一个总结吧。 本文将详细讲述搭建一个前端 UI 组件库需要涉及的流程和相关知识、工具,其中参考了一些主流开源组件库的做法,阅读大约需要15…
下一页
个人成就
文章被点赞
5
文章被阅读
9,968
掘力值
207
关注了
5
关注者
0
收藏集
5
关注标签
5
加入于
2021-02-05