
前端面试
文章平均质量分 57
大风起兮云飞扬丶
学习最大的困难不是学习本身,而是急于求成的心态
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端权限控制
后端: 后端在收到请求时,验证请求中的认证信息,并根据用户的角色和权限返回合适的数据。前端权限控制并不是完全安全的,前端的权限控制通常是为了优化用户体验,防止用户在没有权限的情况下看到不应该看到的内容。但真正的权限验证应该在后端进行。前端: 前端通过 API 调用时会携带用户的认证信息(如 JWT Token 或 Session),然后前端判断是否显示相应的功能、页面等。Cookies:也可以用于存储权限信息,尤其是在与后端配合时,使用 Cookie 存储会更加安全,通常与会话管理(如 JWT)一起使用。原创 2024-12-09 14:45:46 · 406 阅读 · 0 评论 -
JSONP处理跨域请求
由于浏览器存在安全策略,所以当访问的请求中的协议、域名、端口其中一个与本站不同时就会形成跨域,这里介绍一种比较简单的方案——jsonp。原创 2024-11-19 17:38:04 · 621 阅读 · 0 评论 -
前端埋点、监控
监控主要关注系统的性能和稳定性。在日常开发中,我们会通过。的方式来实现前端监控。原创 2024-11-15 17:19:16 · 546 阅读 · 0 评论 -
UI库架构设计
工程架构:monorepo,core + components + hooks +utils …测试,单元测试,vitest,jest+react-testing-library。构建打包:rollup、esbuild、swc。流程化、规范化、自动化,原创 2024-11-14 10:52:34 · 562 阅读 · 0 评论 -
高性能JavaScript
高性能javascript原创 2023-08-25 11:49:41 · 275 阅读 · 0 评论 -
小知识积累
奇怪的小知识又增加了原创 2023-08-17 20:43:51 · 422 阅读 · 0 评论 -
写给HR的“用户体验”
最近这段时间换工作,和HR之间的对线可谓是你来我往,下面做一个简单的分享。 我是19年出来工作,在简历上也是舍近求远的写了三年经验。具体的工作时间我在简历上也写的很清楚,但就还是有HR会拿出来说,“你这顶多也就两年半啊”。就很无语,有的人把一年的经验用了五年,你说它是大牛,有的人一年时间用了五年的经验,你说它是傻屌实习原创 2021-12-11 12:29:29 · 1640 阅读 · 0 评论 -
防抖&&节流
防抖 function debounce(fn, time) { let timer = null return function () { clearTimeout(timer) timer = setTimeout(() => { fn.apply(this, argume原创 2021-12-06 21:40:58 · 215 阅读 · 0 评论 -
你不知道的——this
首先,我们应该知道this是在运行时绑定的,并不是在编写时绑定的。它的上下文取决于函数调用时的各种条件。this的绑定和函数生命的位置没有任何关系,只取决于函数的调用方式。 当一个函数被调用时,会创建一个活动记录(也称为执行上下文)。这个记录会包含函数在哪里被调用(调用栈)、函数的调用方式、传入的参数等信息。this就是这个记录的一个属性,会在函数执行的过程中用到。this的指向问题用大白话讲就是:谁调用我,我就指向谁 //这里有一个foo函数,想通过count记录该函数被调用原创 2021-09-12 23:31:57 · 303 阅读 · 0 评论 -
JavaScript——继承
js 中的继承是原型的继承,而不是改变构造函数的原型1、继承是原型的继承*通过设置__proto__实现继承 function User() {} User.prototype.name = function () { console.log("user.name"); }; function Admin() {} Admin.prototype.__proto__ = User.prototype; Admin.原创 2021-08-15 22:44:27 · 149 阅读 · 0 评论 -
你不知道的——作用域
在执行javascript代码的过程中,主要由引擎、编译器、作用域处理我们的代码,首先来说说这几个成员的作用引擎从头到尾负责整个JavaScript程序的编译及执行过程编译器负责语法分析及代码生成作用域负责收集并维护由所有声明的标识符(变量)组成的一系列查询,确定当前执行的代码对这些标识符的访问权限举个例子:我要执行吃饭这个动作,此时的引擎就是 “我”,因为整个过程都是我在执行。吃饭就得有饭有菜,这些需要厨师给我做好放到我的饭桌上,此时 “厨师” 就扮演了编译器的角色。吃菜我只能吃我自己原创 2021-07-31 19:53:54 · 162 阅读 · 0 评论 -
JavaScript——原型、原型链
写在前面:很多人分不清__proto__和 prototype ,我个人的理解是 __proto__是作为父级原型,也就是你通过谁创建出来的。prototype 是自身的原型,你的子级被创建出来时它的它的__proto__原型就是你的 prototype1.原型初步认识 let arr = ["hello"]; console.log(arr.concat("world"));如下图,__proto__属性就是 Array 对象的原型,因为arr 是Array的实例化对象,所原创 2021-07-21 16:13:09 · 312 阅读 · 0 评论 -
为什么要用TypeScript、函数式组件...
相信很多前端小伙伴面试的时候经常被问道为什么要使用TypeScript,或者说他能给我们带来什么好处。最开是我被面试官问到的时候,也只是回答了些啊哦额,但是突然有一天我悟了,大师,我真的悟了。首先说说我的技术经历吧,一直以来我都是使用的react或者是reactNative框架进行开发。最开始使用类组件,做了几个项目之后,又第一次使用函数式组件,并且加入了TypeScript,但是在实际写代码中觉得比较累赘,所以就没怎么使用到,并且一开始并没有觉得函数式组件要优与类组件什么地方。之后我来到另外一家公司,它原创 2021-05-22 23:38:22 · 633 阅读 · 0 评论 -
你女朋友都能看懂的“三握四挥”
今天,我们来说一下这个面试中经常问到的“三握四挥”。不过,我们不从技术层面来说,毕竟对于小白来说,弄的太高大上,未必就是好的。我将以全国(梵蒂冈)最简单的方式来说这个问题。如图1:小强想和热巴谈恋爱,首先,得是小强去追求热巴,为什么是小强追求热巴呢?这个问题不难理解,让热巴来追你,你在想屁吃。所以小强给热巴说“我爱你,做我女朋友吧”,很幸运,热巴也喜欢我们的小强,所以给小强回了句“俺愿意”,最后,他们便开始了幸福的生活。图 1...原创 2020-07-11 15:43:37 · 496 阅读 · 0 评论 -
1000瓶药,1瓶有毒,找毒药
【经典面试题】找毒药问:先有1000瓶药,其中999瓶无毒,只有一瓶有毒。已知小白鼠喝了毒药1小时后会死,现给你10只小白鼠,和1个小时的时间,让你找出有毒的那瓶药。备注:每一瓶药的量足够每只小白鼠同时服用。当看到这么一道题的时候,我相信很多IT界的小伙伴都会第一瞬间想到二分法,左边500瓶,右边500瓶…当然,我也一样。显然,这样的想法只能暴露出自己太年轻了。其实这道题做法有很多,各路...原创 2020-02-29 19:34:53 · 6398 阅读 · 32 评论