前端项目难点
文章平均质量分 87
Web面试那些事儿
前端面试小册、简历优化修改、大厂内推以及更多阿里、字节大厂面试真题合集,添加小助理yinke0036免费领取,和阿里p8大佬一起交流,更有一对一面试指导!!!
展开
-
js的一些潜在规则(二)
我们操作元素时,都是通过输入设备来做到的,点击事件来自触摸屏或者鼠标,鼠标点击并没有位置信息,但是一般操作系统会根据位移的累积计算出来,跟触摸屏一样,提供一个坐标给浏览器。对于 Text 节点,我们则需要把相邻的 Text 节点合并起来,我们的做法是当词(token)入栈时,检查栈顶是否是 Text 节点,如果是的话就合并 Text 节点。这个过程是使用栈来实现的。渲染过程,是不会把子元素绘制到渲染的位图上的,这样,当父子元素的相对位置发生变化时,可以保证渲染的结果能够最大程度被缓存,减少重新渲染。原创 2024-02-02 10:00:00 · 1141 阅读 · 0 评论 -
js的一些潜在规则(一)
因为 JavaScript 的代码 undefined 是一个变量,而并非是一个关键字,这是JavaScript 语言公认的设计失误之一,所以,我们为了避免无意中被篡改,我建议使用void 0 来获取 undefined 值。所以,在实际编程时,我们一般不会把变量赋值为 undefined,这样可以保证所有值为 undefined 的变量,都是从未赋值的自然状态。JavaScript 中的字符串是永远无法变更的,一旦字符串构造出来,无法用任何方式改变字符串的内容,所以字符串具有值类型的特征。原创 2024-02-01 10:32:25 · 464 阅读 · 0 评论 -
面试官:你能说说常见的前端加密方法吗?
本篇文章略微介绍一下前端中常见的加密算法。前端中常见的加密算法主要形式包括——哈希函数,对称加密和非对称加密算法。前端使用非对称加密原理很简单,平时用的比较多的也是非对称加密,前后端共用一套加密解密算法,前端使用公钥对数据加密,后端使用私钥将数据解密为明文。中间攻击人拿到密文,如果没有私钥的话是没办法破解的。原创 2024-01-10 10:25:27 · 1001 阅读 · 0 评论 -
如何实现 H5 秒开?
深度关注的是技术解决方案,可以从页面加载链路进行方案拆解,得到容器启动、资源加载、代码执行、数据获取、绘制渲染各个环节。从这个问题出发,如果想高分通过,不仅需要了解优化方案,还要关注研发流程、数据指标、项目协作等等,有沉淀自己的方法论和指导性原则,能实施可执行的 SOP。突出的是一个系统性思维。另外,就我个人认为,候选人拥有抽象思维比实操经验更重要,更何况有些人的实操仅仅是知道怎么做,而不知道为什么做。现在,尝试使用「页面加载链路+流程优化+协作方」的多级分类思维,对常见的首屏性能优化手段进行分类。原创 2024-01-08 16:57:48 · 977 阅读 · 0 评论 -
vite + react + ts 手摸手做项目系列二 (实战篇)
这篇实战篇文章,我改了很多遍,本来加了很多复杂的封装,但是对于初学 react+ts 的同学很不友好,因为不好看懂 所以我删删减减,尽量用写的大家都能看的懂,尽量用简洁的语言表达出我们想做什么功能,先易后难。原创 2024-01-12 10:00:00 · 968 阅读 · 0 评论 -
javascript精进之路手写系列第三弹我写不出来篇(15个)(附详解)
如果你现在正在找工作,可以私信“web”或者直接添加小助理进群领取前端面试小册、简历优化修改、大厂内推以及更多阿里、字节大厂面试真题合集,和p8大佬一起交流。原创 2024-01-13 10:00:00 · 903 阅读 · 0 评论 -
javascript精进之路手写系列第二弹实际应用篇(18个)(附详解)
如果你现在正在找工作,可以私信“web”或者直接添加小助理进群领取前端面试小册、简历优化修改、大厂内推以及更多阿里、字节大厂面试真题合集,和p8大佬一起交流。原创 2024-01-12 10:00:00 · 848 阅读 · 0 评论 -
vite + react + ts 手摸手做项目系列一 (项目配置篇)
说好的教程终于来了,文章主要带大家打造一个 react spa 的项目,使用的技术栈是 vite+react+ts,vite 的快想必我就不用介绍了,用过的都说好, react + ts 已经成为大型项目的主流,大厂极为青睐,所以学好 react + ts 对你之后想进大厂应该会如虎添翼,本项目会有严格的规范性,eslint 规范,stylelint 规范,ts 类型规范,git 提交规范,包括打包上线体积分析,性能分析,以及何如做项目的想能优化。原创 2024-01-11 10:00:00 · 1629 阅读 · 0 评论 -
webpack 十连问你能接住几题
面试题只是一个引子,快速刷题就是背(面试官问你,但是他不一定很深入),想深入理解还是得花大量精力;原创 2024-01-10 10:00:00 · 922 阅读 · 0 评论 -
为什么我总学不好TS?
TS的出现为JS带来静态分析能力。从这个角度看,TS是兼容JS的。所以从JS出发学习TS,在初期不会有很大阻力。但是,TS本身也是一门语言,这门语言的操作对象是类型,语法规则叫结构化类型系统。所以,当我们想深入使用TS时,必然会触碰TS语言本身的规则,此时我们需要从TS出发学习。只有这样,才能真的学懂、用好TS。原创 2024-01-08 11:39:54 · 757 阅读 · 0 评论 -
面试官:登录功能是怎么实现的?(下)
以上就是剩余几种登录方式的介绍。如果你现在正在找工作,可以私信“web”或者直接添加下方小助理进群领取前端面试小册、简历优化修改、大厂内推以及更多阿里、字节大厂面试真题合集,和p8大佬一起交流。原创 2024-01-07 10:00:00 · 1099 阅读 · 0 评论 -
面试官:登录功能是怎么实现的?(上)
TokenSSO单点登录是常见的身份认证和授权方案,它们各有特点:Cookie + Session:该方案通常用于同一域名下的应用程序之间的身份认证。它通过浏览器的 Cookie 和服务器端的 Session 机制来共享用户信息和状态,但需要注意的是,由于 Cookie 和 Session 都是存储在客户端或服务端的,因此可能存在被盗用或篡改的风险。Token:该方案通常用于跨域身份认证和授权。它通过生成加密签名的 Token 来代表用户身份和权限,并将 Token 传递给其他应用程序进行验证。原创 2024-01-06 10:00:00 · 1681 阅读 · 0 评论 -
如此丝滑的按钮交互效果
到此整个核心的实现过程就结束了,整个代码中我们使用了box-shadowfilter等属性,还有CSS3函数maxclampcalc。还有transition动画相关没有说明,涉及的知识点比较多,有兴趣的同学可以看源码了解。原创 2024-01-07 10:00:00 · 1144 阅读 · 0 评论 -
前端上传大文件怎么处理
属于专栏-重要程度:★★★★★当我们在做文件的导入功能的时候,如果导入的文件过大,可能会导所需要的时间够长,且失败后需要重新上传,我们需要前后端结合的方式解决这个问题,即将一个请求拆分成多个请求,每个请求的时间就会缩短,且如果某个请求失败,只需要重新发送这一次请求即可,无需从头开始,在上传完切片后,前端通知服务器做合并切片操作,防止多个请求同时发送,造成浏览器内存溢出,导致页面卡死,当多个请求中有请求发送失败,例如出现网络故障、页面关闭等,我们得对失败的请求做处理,让它们重复发送。原创 2023-12-14 17:16:37 · 435 阅读 · 0 评论 -
vue刷新当前页面
通过和都可以实现页面刷新,它利用浏览器刷新功能,相当于按下了f5键刷新页面优点:足够简单缺点:会出现页面空白,用户体验不好通过方法,跳转一个空白页面,然后再调回之前页面,它利用vue-router切换页面会把页面销毁并新建新页面的特性优点:不会出现页面空白,用户体验好缺点:地址栏会出现快速切换的过程通过在父页面的上添加v-if的控制来销毁和重新创建页面的方式刷新页面,并且用到provide和inject实现多层级组件通信方式,父页面通过provide提供reload方法,子页面通过inject获取。原创 2023-12-14 17:12:51 · 449 阅读 · 0 评论 -
vue阻止重复请求
效果:当用户连续点击多次同一个按钮,最后一次点击之后,过小段时间后才发起一次请求原理:每次调用方法后都产生一个定时器,定时器结束以后再发请求,如果重复调用方法,就取消当前的定时器,创建新的定时器,等结束后再发请求,工作当中可以用第三方封装的工具函数例如lodash的debounce方法来简化防抖的代码直接对请求方法做处理,通过ajax库的api方法把重复的请求给取消掉直接对请求方法做处理,通过ajax库的api方法在请求之前先访问缓存列表,如果有结果那么从缓存当中获取结果,如果没有再向服务器索要数据。原创 2023-12-10 15:01:15 · 844 阅读 · 0 评论