《MetaApp前端》专题

前后端分离 在B／S架构的环境中，前后端分离一直都众说纷纭，没有一个标准。我觉得打开可以分为三个阶段： 传统的分离方法 传统意义上的前后端分离，前端指的是美工、切图、设计，后端是实现代码、数据库相关的实现。美工设计和生成的前端页面，给到程序员来做集成。那么这里其实就不分什么前后端了，程序员从数据库一直搞到前端页面的样式，就是“全能型运动员“。当然，一般传统上的开发协作模式有两种： 一种是前端先写一

前端标准化 本篇文章主要讲解什么是前后端分离，为什么要做前后端分离，还包括如何将前端工程化、前端编码约定、如何进行写RESTFul资源接口。 我们将前端分成两个工程： 1) WEB工程：主要提供RESTFul资源接口。 2) HTML工程：主要H5和JS，实现前端MVC分层，实现多端的能力。 前端标准化目标：代码可维护、可重构，组件化、可扩展【多端】

前端 Front-end 和后端 Back-end 是描述进程开始和结束的通用词汇。前端作用于采集输入信息，后端进行处理。 这种说法给人一种很模糊的感觉，但是他说得又很对，它负责视觉展示。在 MVC 或者 MVP 结构中，负责视觉显示的部分只有 View 层，而今天大多数所谓的 View 层已经超越了 View 层。前端是一个很神奇的概念，但是而今的前端已经发生了很大的变化。你引入了 Backbo

16.1 库与车轮子 在多数的情况下我们都没有理由也没有必要去重新发明我们的车轮，在这时使用库会是一个比较好的做法。 16.2 库 16.2.1 jQuery Jquery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续

1. 自我介绍 2. 虚拟 dom 如何生成 3. 说一下 vue路由 4. vue 生命周期钩子，每个阶段的主要做了什么 5. 计算属性，计算属性和watch的区别 6. 闭包 7. dom 更新线程 8. 跨域，解决跨域的方法 9. 防止某个攻击事件（忘了是哪个） 10. 定义组件的两种方式 11. 抽离公共方法到组件使用… 12. 事件流 13. 反问

天翼云 一面 10.11 js的事件机制 说了事件循环、事件委托、事件冒泡、事件捕获 有哪些宏任务和微任务 axios是宏任务还是微任务 es6新增的数组对象的一些方法，列举一些 map和reduce的使用场景 map和weakMap的区别 闭包是什么？闭包的作用 vue2的生命周期 如果要对dom元素进行操作，那么应该在哪个生命周期 父子组件之间的传值的方法 响应式布局（header+conte

问了很多非技术上的职场沟通问题，如何学前端之类的，任务分配，需求理解，规划 性能优化 面试官说候选人很多，招的人很少，感谢我的时间#funplus#

写面经攒人品....... 面试到一半才想起来录屏，前面的问题有点不太记得了 1.对低代码有了解吗（回答用过），让你实现低代码你会怎么实现 2.介绍一下自己的项目 3.缓存相关问题，cookie怎么使用之类的 4.不想让别人拿到cookie，细问了就是不让js脚本去获取，回答了httponly属性 5.这个属性一般是哪里设置，回答后端设置 6.实现九宫格的布局，问css的。 7.编程题，写一个冒泡

1.深挖项目，完成的功能->如何实现->如何改进->结果。 （英文介绍- - 我只准备了英文面试，但是面试官让中文自我介绍，英文介绍项目，凉的很完全 2.实习做了什么，怎么做的 3.自己设计一个redux->不能用useContext怎么实现 4.手撕：JS写一个链表，从小到大排列->说出时间复杂度和空间复杂度 其他的不记得了

选择题10道还是15道来着，408和前端都有涉及到。算法题前端只有两道，第一题是输入两个数字字符串，不可以用bigint，求他们的乘积，输出也要是一个字符串。第二题是自然数按1 23 456 78910这样的规律排成一个三角形，然后输入一个字符串，里面有三个数字，要你判断这三个数是否在这个三角形里能组成一个等边三角形（比如3，5，6），输出true false。

1. ES module 和 CommenJS的区别 2. Tailwind css框架是否了解 3. vue 的响应性语法糖 4. 处理异步的方式，promise用过没有 5. 跨域问题 6. px rpx区别；rem px 区别 7. 组件之间传参方式 爷孙组件通信方式 8. 登录页功能实现 9. websocket 10. 事件穿透 11. wx.login uni.login

1. 自我介绍 2. 数据类型 typeof instanceof 3. strong em 是什么 4. lable标签 form标签 5. v-if v-show区别 6. 缓存的整个流程，如何缓存 7. 内存满了会报什么错误 8. inline-block 和 block 的区别 9. css hack 10. display 有哪些属性可以设置 11. 浮动是什么 怎么清除浮动 12. v

20min 没开摄像头 1.自我介绍 2.问实习为什么没转正 3.问项目难点 提问细节 4.防抖节流区别 应用场景(估计说错了面试官让我下来再看看 5.职业规划 6.暂时想不起了 想起来再补充😂

base：北京 时长：39min，有点像kpi tl：4.2 hr捞 约面 4.3 一面 内容： 自我介绍 介绍下项目重难点 jwt的传输流程，谁签发 为什么用token，防什么攻击 有没有用过sessionstorage http和https区别 post和get区别 还有没有其他方法，分别做什么的 手写：url分割 说下url的结构，https的端口是什么，后面的#什么含义 反问： 业务？中台

#软件开发2024笔面经# 1.如何实现0.5px的线 2.如何用flex去实现一个居中的盒子 3.js深拷贝和浅拷贝有什么区别 4.实现深拷贝的方法有几种 5.直接赋值是深拷贝还是浅拷贝 6.数组这种直接赋值是浅拷贝深拷贝？ 7.undefined和null有什么区别 8.如何判断哪个对象是属于哪种基本数据类型呢？ 9.webpack发版的时候如何把每个包控制在1M以内？ 10.如何利用webp