贾明恣
文章大多写于刚开始接触前端,现在看来有很多不足,正在整理中,先将整理所得备份到juejin同名账号,后期迁移。学习是个向内向外的过程,希望和大家交流
展开
-
【前端面试】React深度学习(上)
web app,有两类场景会制约快速响应:大计算量、设备性能不足使页面掉帧=>发送网络请求后,由于需要等待数据返回 =>主流浏览器刷新频率为 60Hz,即每(1000ms / 60Hz)16.6ms 浏览器刷新一次。JS 可以操作 DOM,GUI渲染线程与JS线程互斥、JS 脚本执行和浏览器布局、绘制并非同时执行。在每 16.6ms 时间内,需要完成如下工作:JS脚本执行 ----- 样式布局 ----- 样式绘制当 JS 执行时间过长,超出了 16.6ms,样式布局和样式绘制就会受影响。原创 2024-08-26 16:47:33 · 109 阅读 · 0 评论 -
【前端面试】挖掘做过的nextJS项目(下)——详谈服务端渲染
nextjs做服务端渲染是基于nodejs,node环境与浏览器环境有很大区别——模块系统、web api。原创 2024-08-16 14:30:32 · 639 阅读 · 0 评论 -
【前端面试】挖掘做过的nextJS项目(中)
文章浏览阅读105次。需求:快速搭建宣传官网1.适应pc、移动端2.基本的路由跳转3.页面渲染优化4.宣传的图片、视频资源的加载优化5.seo优化全栈react web应用、tailwind css原子工具的支持,方便书写响应式uiapp router(React 服务器组件)支持服务器渲染优化、code-spilit优化服务端渲染对seo友好。原创 2024-08-14 17:48:57 · 905 阅读 · 0 评论 -
【前端面试】全网最全javascript Event Loop、任务队列解释
Axios 是一个基于 Promise 的 HTTP 客户端,用于执行异步的 HTTP 请求。它利用了 JavaScript 的异步编程特性,特别是 Promise,来处理请求和响应。Axios 的请求和响应处理遵循 JavaScript 的事件循环和宏任务/微任务队列,但它本身并不定义为宏任务。宏任务通常指的是浏览器或 Node.js 环境中的高级别异步操作,如定时器、网络请求等,而 Axios 作为这些操作的封装,其内部实现细节对用户来说是透明的。性能影响过度使用微任务(如大量Promise。原创 2024-08-15 14:42:29 · 743 阅读 · 0 评论 -
【前端面试】如何深度谈class组件和函数组件的区别
虚拟 DOM 是 React 的一个基础概念,它与组件是函数式还是类没有直接关系。无论是函数式组件还是类组件,它们都通过虚拟 DOM 来描述 UI,React 通过比较新旧虚拟 DOM 树来高效地更新 DOM。随着 React 的发展,函数式组件和 Hooks 成为了构建组件的推荐方式,因为它们提供了更简洁和灵活的代码组织方式。原创 2024-08-16 11:20:35 · 867 阅读 · 0 评论 -
【前端面试】挖掘做过的nextJS项目(上)
需求:快速搭建宣传官网1.适应pc、移动端2.基本的路由跳转3.页面渲染优化4.宣传的图片、视频资源的加载优化5.seo优化全栈react web应用、tailwind css原子工具的支持,方便书写响应式uiapp router(React 服务器组件)支持服务器渲染优化、code-spilit优化服务端渲染对seo友好。原创 2024-08-14 17:23:20 · 975 阅读 · 0 评论 -
DOM元素尺寸:offsetWidth、clientWidth、scrollWidth
目录偏移尺寸:所有视觉空间客户端尺寸:内部视口大小滚动尺寸确定大小本文尺寸除了标记可写的之外 都是只读,每次访问都要重新计算。访问过多会影响性能,多次使用同一值时最好保存在局量中。偏移尺寸:所有视觉空间以边框为界定来算offsetTop 元素上边框外侧距离父元素上边框内侧的像素数offsetLeft可以通过这两属性获取元素在页面中的偏移量function getLeft(ele){ let left=ele.offsetLeft; let current=ele.offse原创 2021-04-14 12:53:27 · 397 阅读 · 0 评论