
前端面经
文章平均质量分 90
了不起的明明
web前端工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端面经-虚幻引擎5
蓝图是虚幻引擎 5 的可视化脚本系统,通过节点图而非传统代码实现游戏逻辑。:美术师、设计师可直接参与逻辑开发。:可视化界面降低调试成本,支持热重载。:可继承 C++ 类并扩展功能,或直接调用 C++ 函数。:支持事件处理、变量管理、AI 行为树、动画蓝图等。原创 2025-05-25 17:41:48 · 1059 阅读 · 0 评论 -
前端面经-nginx/docker
使用 top、htop 或 uptime 查看系统负载。负载值(Load Average)反映 CPU 繁忙程度,理想情况下应小于 CPU 核心数。例如,4 核 CPU 的负载持续超过 4 表示过高。原创 2025-05-21 16:46:06 · 1000 阅读 · 0 评论 -
前端面经-WebGL/threeJS
WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。原创 2025-05-21 13:21:11 · 1270 阅读 · 0 评论 -
前端面经-TypeScript面试题
接口用于定义对象的形状。age: 30泛型是一种允许你在定义函数、类或接口时使用类型参数的机制。使用泛型可以创建可复用的组件,提高代码的灵活性和可维护性。T。原创 2025-05-06 16:58:50 · 886 阅读 · 0 评论 -
前端面经-地图可视化、图形化方向(canvas/svg/webgl)
例如,通过颜色深浅表示人口密度、用不同形状的图标表示不同类型的地点等,能够提高数据的可读性和可理解性,帮助用户做出更准确的决策。它是基于位图的,通过脚本动态绘制,绘制完成后就像一张图片,适合绘制大量的、频繁更新的图形。可以直接操作像素,实现复杂的图像处理效果。如果图形需要进行频繁的交互,如点击、拖拽等,并且对图形的缩放质量有较高要求,svg 更合适,因为它支持事件绑定和矢量图形。如果需要绘制大量动态变化的图形,如实时的交通流量、粒子效果等,canvas 是较好的选择,因为它的性能较高。原创 2025-04-28 13:54:20 · 740 阅读 · 0 评论 -
前端面经-uniapp与小程序
onLoad(页面加载时触发)、onShow(页面显示时触发)、onReady(页面初次渲染完成时触发)、onHide(页面隐藏时触发)、onUnload(页面卸载时触发)等。:在 HBuilderX 中,点击菜单栏的 “发行”,选择对应的平台进行打包,如发行到 App、小程序等,按照向导完成配置和打包操作。:使用 Chrome 开发者工具、HBuilderX 的性能分析工具等,找出性能瓶颈所在,如加载慢的资源、执行时间长的代码等。使用组件:在需要使用组件的页面中引入并注册组件。原创 2025-04-28 13:33:43 · 609 阅读 · 0 评论 -
前端面经-关于简历
关键渲染路径是指浏览器将HTML、CSS、JavaScript转换为像素的过程。优化方法:减少关键资源数量:内联关键CSS、延迟非关键JS。缩短关键路径长度:减少文件大小、使用CDN加速。优化资源加载顺序:使用async或defer加载JS。Polyfill:用于实现浏览器不支持的功能。原创 2025-02-06 17:51:40 · 1112 阅读 · 1 评论 -
前端面经-数据结构
1、栈和队列的区别操作的限定不同队列(Queue):是限定只能在表的一端进行插入和另一端删除操作的线性表栈(Stack):是限定之能在表的一端进行插入和删除操作的线性表队列和栈的规则队列:先进先出栈:先进后出队列和栈的遍历数据速度队列:基于地址指针进行遍历,而且可以从头部或者尾部进行遍历,但不能同时遍历,无需开辟空间,因为在遍历的过程中不影响数据结构,所以遍历速度要快栈:只能从顶部取数据,也就是说最先进入栈底的,需要遍历整个栈才能取出来,遍历数据时需要微数据开辟临时空间,保持数据在遍历前的原创 2021-12-20 19:03:01 · 622 阅读 · 0 评论 -
前端面经-关于算法的一些基础知识
标题1、位运算2、正则表达式1、位运算&: 与 两个位都为1时,结果才为1|: 或 两个位都为0时,结果才为0^: 异或 两个位相同为0,相异为1~: 取反 0变1,1变0<<: 左移 各二进位全部左移若干位,高位丢弃,低位补0'>>: 右移各二进位全部右移若干位,对无符号数,高位补0,有符号数,各编译器处理方法不一样,有的补符号位(算术右移),有的补0(逻辑右移)2、正则表达式...原创 2021-10-19 16:11:18 · 312 阅读 · 0 评论 -
前端面经-node.js与express
标题1、讲讲koa2、Nodejs进程间通信1、讲讲koanode.js后端的每一个路由就是一个接口。koa2框架结合koa-router中间件,使路由更加简介明了。koa-router的简单使用1、安装koa-routernpm install koa-router --save2、koa-router要实例化使用3、在入口文件中使用2、Nodejs进程间通信通信方式与进程产生方式有关,而Node有4种创建进程的方式: spawn() , exec() , execFile() 和原创 2021-10-14 15:54:09 · 426 阅读 · 0 评论 -
前端面经-JS36个手写问题&设计模式&遇到的算法题
目录标题1、实现函数原型方法(call、apply、bind)2、实现数组原型方法(forEach、map、filter、some、reduce)1、实现函数原型方法(call、apply、bind)call使用一个指定的 this 值和一个或多个参数来调用一个函数。实现要点:this 可能传入 null;传入不固定个数的参数;函数可能有返回值;Function.prototype.call2 = function (context) { var context = contex转载 2021-10-12 18:40:22 · 1237 阅读 · 0 评论 -
前端面经-React
目录标题1、react生命周期1、react生命周期react生命周期分为4个阶段:挂载时(4个),更新时(5个),卸载时(1个),错误处理阶段(2个)。一共有12个钩子。1.挂载时阶段(4个钩子):constructor():加载时调用一次,可以实现:初始化state,为事件处理函数绑定实例。static getDerivedStateFromProps(props, state):在组件每次更新时会调用,让组件在props变化时更新state,每次接收新的props之后都会返回一个对象作原创 2021-09-17 22:17:11 · 2376 阅读 · 0 评论 -
前端面经-项目相关
目录标题一、**个人博客**二、渔乐圈i一、个人博客如何让前后端进行通信主要解决端口跨域问题:在config目录下index.js添加proxytable代理(请求地址,是否跨域,替换重写)-确保请求url正常二、渔乐圈i项目简介这个项目主要想打造一个智能化的渔场,其服务的主要对象时鱼塘主。只要想解决鱼塘主的两个问题。第一个痛点是报名方式,传统的是在微信群里用文字形式发布活动,然后渔友(客户)转正,又或者直接到现场报名。这个时候就有两个问题:1)一个是鱼塘主的账单记录比较麻烦 2原创 2021-09-09 17:00:31 · 851 阅读 · 0 评论 -
前端面经-Vue
1、双向绑定原理,手撕简单源码(vue响应式原理)Vue的双向数据绑定是通过数据劫持集合发布者订阅者模式来实现的原创 2021-08-31 15:44:47 · 2636 阅读 · 0 评论 -
前端面经-常用工具(git、webpack、npm)
一、GIT二、webpackwebpack是什么webpack是一种前端资源构建工具,一个静态模块打包器(modoule bundler)在webpack看来,前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。他将根据模块的处理关系进行分析,打包成对应的静态资源(bundle)webpack五个核心概念Entry入口(entry)指示webpack以哪个文件为入口起点开始打包,分析构建内部依赖图Output输出(output)指示webpack打包后的资原创 2021-08-30 15:49:37 · 1535 阅读 · 0 评论 -
前端面经-html,http,web基础篇
1、h5新特性语义话标签:header、footer、section、nav、aside、article(有利于代码可读性和SEO(搜索引擎优化)增强型表单:input的多个type新增表单元素:datalist、keygen、output音频视频:audiocanvas地理定位拖拽本地存储新增标签embedembed可以用来插入多种多媒体,格式可以是Swf、Midi、Wav等等,Netscape已经新版本IE都支持。src为音频或视频文件及其路径2、canvas相关待补充 1原创 2021-08-30 15:49:24 · 703 阅读 · 0 评论 -
前端面经-js篇
1、闭包,内存泄露特性函数嵌套函数函数内部可以引用函数外部的参数和变量参数和变量不会被垃圾回收机制回收优点保护函数内的变量安全,实现封装,防止变量流入其他环境发生命名冲突在内存中维持一个变量,可以做缓存(但使用多了同时也是一种缺点,消耗内存匿名执行函数可以减少内存消耗缺点其中一点上面已经有体现了 ,就是被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄露,解决方法是可以在使用完变量后 手动为他赋值为null;其次由于闭包涉及跨域访问,所以会导致性能有所流失,我们可以把跨域原创 2021-08-30 15:49:07 · 2308 阅读 · 0 评论 -
前端面经-css篇
1、画一条0.5px 的线采用meta viewport的方式<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/>采用transform:scale()的 方式trasform:scale(0.5,0.5);2、link标签和import标签的区别link属于html标签,而@import是css提供的。页面被加原创 2021-08-30 15:48:37 · 627 阅读 · 0 评论