- 综合排序
- 最热优先
- 最新优先
- 来自专栏花叔的专栏
腾讯招前端开发（实习生、社招都招）
1.社会招聘： 前端开发岗位 岗位职责： 负责腾讯游戏流量或电竞业务的平台前端架构设计、开发和优化工作； 岗位要求： 3年以上前端开发经验（若能力出众可酌情降低此年限要求）； 有极好的CSS、HTML/ 图形编程或图表开发需要具备一定开发经验； 能熟练应用React、Vue等主流JS框架中1种； 对小程序/小游戏开发有所了解，了解WXJSSDK，最好能有项目经验； 了解HTTP/HTTPS/QUIC基本原理以及W3C 标准； 了解Nginx以及一门后端语言，Node、PHP、Go等，有一定的服务器运维知识了解； 了解前端常用的构建工具，grunt、gulp或者webpack；熟悉git，有良好的代码习惯，对前端开发规范有一定了解 ； 2.实习生招聘 前端开发岗位 岗位职责： 主要负责腾讯游戏流量或电竞业务的平台前端架构设计、开发和优化工作，同时会安排基于个人兴趣爱好的自由技术钻研时间； 岗位要求： 有对“web前端”相关技术和知识进行系统学习 HTML+CSS切图经验； 对应用落地流程如小游戏、小程序有所了解，并尝试输出过demo或落地过项目； 爱发散和思考，动手能力强，且能及时沉淀相关总结 加分项： 自己策划、研发并发布过产品 ---- 不管是社招或实习生招聘
1.6K10发布于 2021-03-18 - 来自专栏前端面试
社招前端高频面试题
;});p2.then((result) => console.log(result)).catch((error) => console.log(error)); ----问题知识点分割线---- 前端进阶面试题详细解答一般如何产生闭包返回函数函数当做参数传递 的展开运算符，都可以把 arguments这个类数组转换成数组 args类数组和数组的异同点图片在前端工作中，开发者往往会忽视对类数组的学习，其实在高级 JavaScript 编程中经常需要将类数组向数组转化 可以看到XSS危害如此之大， 那么在开发网站时就要做好防御措施，具体措施如下：可以从浏览器的执行来进行预防，一种是使用纯前端的方式，不用服务器端拼接后返回（不使用服务端渲染）。 对于 DOM 型的攻击，主要是前端脚本的不可靠而造成的，对于数据获取渲染和字符串拼接的时候应该对可能出现的恶意代码情况进行判断。 ----问题知识点分割线---- 数组扁平化数组扁平化就是将 [1, 2, 3] 这种多层的数组拍平成一层 1, 2, 3。
1.1K30编辑于 2022-09-22 - 来自专栏前端开发面试
社招前端高频面试题
3 undefined 3这个题目和上面题目考察的知识点类似，b赋值为3，b此时是一个全局变量，而将3赋值给a，a是一个局部变量，所以最后打印的时候，a仍旧是undefined。 方法3：当页面出现业务定义的特征值时，则认为是白屏。比如“数据加载中”。 ----问题知识点分割线---- 函数中的arguments是数组吗？类数组转数组的方法了解一下？ 而且拥有肉眼识别无差异的图像质量，缺点就是兼容性并不好小图使用 PNG，其实对于大部分图标这类图片，完全可以使用 SVG 代替照片使用 JPEG ----问题知识点分割线---- 如何⽤webpack来优化前端性能 ⽤webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。压缩代码：删除多余的代码、注释、简化代码的写法等等⽅式。 3. Lane 模型的引入初学 React 源码的同学由此可能会很自然地认为：优先级就应该是用 Lane 来处理的。
75330编辑于 2022-09-07 - 来自专栏前端开发面试手册
社招前端必会面试题
:</label><input type="text" id="mobile"/>使用方法2：<label>Date:<input type="text"/></label>如何⽤webpack来优化前端性能 ⽤webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。压缩代码：删除多余的代码、注释、简化代码的写法等等⽅式。 == true // false, 3 转为number为3，true转为number为1'0' == false //true, '0'转为number为0，false转为number为0'0' == （3）在离线状态时，操作 window.applicationCache 进行离线缓存的操作。 (obj.getY()) // 6输出结果：3 6解析：我们知道，匿名函数的this是指向全局对象的，所以this指向window，会打印出3；getY是由obj调用的，所以其this指向的是obj对象
92020编辑于 2022-09-13 - 来自专栏前端面试笔记
社招前端二面面试题
随着前端业务复杂度的提高，前端工程中对 CSS 提出了以下的诉求：宏观设计上：我们希望能优化 CSS 文件的目录结构，对现有的 CSS 文件实现复用；编码优化上：我们希望能写出结构清晰、简明易懂的 CSS 第二轮事件循环结束，第二轮输出2，4，3，5。（3）第三轮事件循环开始，此时只剩setTimeout2了，执行。直接输出9。将process.nextTick()分发到微任务Event Queue中。 记为process3。直接执行new Promise，输出11。将then分发到微任务Event Queue中，记为then3。 宏任务Event Queue微任务Event Queueprocess3 then3 第三轮事件循环宏任务执行结束，执行两个微任务process3和then3：输出10。 整段代码，共进行了三次事件循环，完整的输出为1，7，6，8，2，4，3，5，9，11，10，12。
56310编辑于 2022-09-13 - 来自专栏前端开发面经
社招前端必会面试题
我们常见应用层的网络服务协议有：HTTP，HTTPS，FTP，POP3、SMTP等。 例如：3&5 即：0000 0011 0000 0101 = 0000 0001因此 3&5 的值为1。注意：负数按补码形式参加按位与运算。 例如：3|5即：0000 0011 0000 0101 = 0000 0111因此，3|5的值为7。注意：负数按补码形式参加按位或运算。3. 例如：3|5即：0000 0011 0000 0101 = 0000 0110因此，3^5的值为6。 ----问题知识点分割线---- 前端储存的⽅式有哪些？
75020编辑于 2022-09-09 - 来自专栏前端面试
社招前端二面面试题
在vuex中state中添加一个数据 cartList 用来保存这个数组3. 3.调用服务器端“获得商品详情”的接口得到购物车中的商品信息（参数为商品Id）4.将获得的商品信息显示在购物车页面。 数组扁平化数组扁平化就是将 [1, [2, 3]] 这种多层的数组拍平成一层 1, 2, 3。 使用 Array.prototype.flat 可以直接将多层数组拍平成一层：[1, [2, [3]]].flat(2) // [1, 2, 3]现在就是要实现 flat 这种效果。 == true // false, 3 转为number为3，true转为number为1'0' == false //true, '0'转为number为0，false转为number为0'0' ==
1.1K20编辑于 2022-09-12 - 来自专栏前端面试题总结
社招前端高频面试题（附答案）
可以看到XSS危害如此之大， 那么在开发网站时就要做好防御措施，具体措施如下：可以从浏览器的执行来进行预防，一种是使用纯前端的方式，不用服务器端拼接后返回（不使用服务端渲染）。 对于 DOM 型的攻击，主要是前端脚本的不可靠而造成的，对于数据获取渲染和字符串拼接的时候应该对可能出现的恶意代码情况进行判断。 arr[j + 1]] = [arr[j + 1], arr[j]]; } } } // 返回数组 return arr;}// console.log(bubbleSort([3, （3）如果有CSS尺寸，则最终尺寸由CSS属性决定。（4）如果“固有尺寸”含有固有的宽高比例，同时仅设置了宽度或仅设置了高度，则元素依然按照固有的宽高比例显示。 res;}// 用法如下：// const add = (a, b, c) => a + b + c;// const a = currying(add, 1);// console.log(a(2,3)
87310编辑于 2022-09-13 - 来自专栏前端开发面试手册
社招前端经典vue面试题汇总
Vue2和Vue3都支持，这让我们同时使用Vue2和Vue3的小伙伴都能很快上手。 支持服务端渲染3. pinna使用pinna文档(opens new window)准备工作我们这里搭建一个最新的Vue3 + TS + Vite项目npm create vite@latest my-vite-app 常用的2个属性 include/exclude，2个生命周期 activated， deactivated参考 前端进阶面试题详细解答extend 有什么作用这个 API 很少用到，作用是扩展组件生成一个构造器 注意虽然我们不能直接修改一个传入的对象或者数组类型的prop，但是我们还是能够直接改内嵌的对象或属性Vue路由hash模式和history模式1. hash模式早期的前端路由的实现就是基于 location.hash hashchange", funcRef, false);每一次改变 hash（window.location.hash），都会在浏览器的访问历史中增加一个记录利用 hash 的以上特点，就可以来实现前端路由
1.3K30编辑于 2022-12-07 - 来自专栏前端儿
【年终总结】微信前端社招有感
这篇杂文就简单记录一下微信前端社招的经历，以及回顾这两年半做过的东西。 ? 一、过七关 微信社招，老早就听说难度极大，十几轮面试的情况都有。 3、技术现场（1h） 本轮是和前一轮衔接在一起的，这种方式挺好的，可以节约候选人来回奔波时间。 ，React中虚拟DOM是什么，它在树对比方面做了什么优化，新版本React有什么性能上的变化 从开始到结束，进行了差不多一个月，进度好像还是蛮快的， 总之，就目前这个部门的社招面试而言，我感觉侧重考察的点是 不过，前端规范的落地，目前来说并不是非常理想，落地这块还是蛮有难度的，还得考虑后端突然也改前端的代码。 源码实现的主要部分，理解了webpack编译生成的文件规则 看书方面，看了两本小说，十几本技术相关的 个人项目方面，就写了四五个小项目 带了两个新人，第一个是个好苗子可惜后面就撤了 另外一个就差一些了，没啥基础，校招后端转过来的
1.1K40发布于 2018-12-21 - 来自专栏前端技术分享小合集
社招前端经典手写面试题合集
=(\d{3})+$)/g, '$&,'); return integer + '.' + (decimal ? readData().then(d=>{// return d// })module.exports = myPromise实现事件总线结合Vue应用Event Bus（Vue、Flutter 等前端框架中有出镜 == y;};参考：前端手写面试题详细解答实现一个compose函数组合多个函数，从右到左，比如：compose(f, g, h) 最终得到这个结果 (...args) => f(g(h(...args x) { return x + 3;}function fn4(x) { return x + 4;}const a = compose(fn1, fn2, fn3, fn4);console.log (a(1)); // 1+4+3+2+1=11实现代码如下function compose(...funcs) { if (!
99540编辑于 2022-10-19 - 来自专栏前端开发面试手册
社招前端常见面试题（附答案）
可以看到XSS危害如此之大， 那么在开发网站时就要做好防御措施，具体措施如下：可以从浏览器的执行来进行预防，一种是使用纯前端的方式，不用服务器端拼接后返回（不使用服务端渲染）。 对于 DOM 型的攻击，主要是前端脚本的不可靠而造成的，对于数据获取渲染和字符串拼接的时候应该对可能出现的恶意代码情况进行判断。 ,promise2,promise3]).then(res=>{ console.log(res); //结果为：[1,2,3] })调用all方法时的结果成功的时候是回调函数的参数也是一个数组 ： 2 3 2 4解析：首先执行obj1.foo(2); 会在obj中添加a属性，其值为2。 之后执行obj1.a，a是右obj1调用的，所以this指向obj，打印出2；执行 obj1.foo.call(obj2, 3) 时，会将foo的this指向obj2，后面就和上面一样了，所以会打印出3
69930编辑于 2022-09-13 - 来自专栏前端面试题库
社招前端二面常见面试题
对于浏览器的缓存，主要针对的是前端的静态资源，最好的效果就是，在发起请求之后，拉取相应的静态资源，并保存在本地。 console.log(...[1, 2, 3])// 1 2 3console.log(...[1, [2, 3, 4], 5])// 1 [2, 3, 4] 5下面是数组的扩展运算符的应用：将数组转换为参数序列 const [...rest, last] = [1, 2, 3, 4, 5]; // 报错const [first, ...rest, last] = [1, 2, 3, 4, 5]; {a: 2, b: 3}], c: 3}flatten(obj) 结果返回如下// {// 'a.b': 1,// 'a.c': 2,// 'a.d.e': 5,// 'b[0]': 1,// 'b[1]': 3,// 'b[2].a': 2,// 'b[2].b': 3// c: 3// }实现代码如下:function isObject(val) { return typeof
65300编辑于 2022-09-09 - 来自专栏高级前端工程师进阶之路
2022前端社招React面试题 附答案
2022前端社招React面试题 附答案 React视频讲解 点击学习 全部视频：点击学习 1. React-Router的实现原理是什么？ （3）使用 <Link>、 <NavLink>、<Redirect> 组件 <Link> 组件来在你的应用程序中创建链接。 3. React-Router怎么设置重定向？ <Link>做了3件事情: 有onclick那就执行onclick click的时候阻止a标签默认事件 根据跳转href(即是to)，用history (web前端路由两种方式之一，history &
6.2K30编辑于 2021-12-08 - 来自专栏前端开发面试
社招前端必会面试题（附答案）
console.log(x)), 1000 * x) ); return p;}Promise.race([runReject(0), runAsync(1), runAsync(2), runAsync(3) 代码输出结果console.log(1)setTimeout(() => { console.log(2)})new Promise(resolve => { console.log(3) resolve console.log(7)})console.log(8)输出结果如下：13842567代码执行过程如下：首先执行script代码，打印出1；遇到第一个定时器，加入到宏任务队列；遇到Promise，执行代码，打印出3， 参考：前端进阶面试题详细解答<script src=’xxx’ ’xxx’/>外部js文件先加载还是onload先执行，为什么？
56430编辑于 2022-10-25 - 来自专栏前端面试
社招前端二面react面试题集锦
过滤，日志输出，异常报告等功能redux-logger：提供日志输出redux-thunk：处理异步操作redux-promise：处理异步操作，actionCreator的返回值是promise参考 前端进阶面试题详细解答 App extends Component { constructor(props) { super(props); this.state = { username: "有课前端网 "></App>，ickt )在页面中正常输出“有课前端网-前端技术专业学习平台”。 -- 更新后 -->
<h3 key="song">song</h3>如果没有 key，React 会认为 div 的第一个子节点由 p 变成 h3，第二个子节点由 h3 变成 p，则会销毁这两个节点并重新构造。ka
2.6K60编辑于 2022-12-14 - 来自专栏高级前端面试笔记
社招前端二面面试题（附答案）
----问题知识点分割线---- 说一说前端性能优化方案三个方面来说明前端性能优化一： webapck优化与开启gzip压缩 1.babel-loader用 include 或 exclude 来帮我们避免不必要的转译 作用域链的前端始终都是当前执行上下文的变量对象。全局执行上下文的变量对象（也就是全局对象）始终是作用域链的最后一个对象。当查找一个变量时，如果当前执行环境中没有找到，可以沿着作用域链向后查找。 （3）DNS解析： 下一步首先需要获取的是输入的 URL 中的域名的 IP 地址，首先会判断本地是否有该域名的 IP 地址的缓存，如果有则使用，如果没有则向本地 DNS 服务器发起请求。 所以你会看到在 getName 函数外面的 name 是访问不到的3. 还需要注意 clear 属性指的是元素盒子的边不能和前面的浮动元素相邻，注意这里“前面的”3个字，也就是clear属性对“后面的”浮动元素是不闻不问的。
64120编辑于 2022-09-09 - ) }}（3） 参考 前端进阶面试题详细解答可以使用TypeScript写React应用吗？怎么操作？ 缺点∶hoc传递给被包裹组件的props容易和被包裹后的组件重名，进而被覆盖2）适用场景代码复用，逻辑抽象渲染劫持State 抽象和更改Props 更改3）具体应用例子权限控制： 利用高阶组件的 条件渲染))}来自专栏前端面试
社招前端react面试题整理5失败
代码示例：function Indicatorfilter() { let [num,setNums] = useState([0,1,2,3]) const test = () => { / React.Component<any,any>{ constructor(props:any){ super(props) this.state = { nums:[1,2,3] key={index}>{item}
2022前端社招React面试题 附答案
2022前端社招React面试题 附答案 React视频讲解 点击学习 全部视频：点击学习 1. mobox 和 redux 有什么区别？ 3. Redux 中间件是怎么拿到store 和 action? 然后怎么处理? redux中间件本质就是一个函数柯里化。 WrappedComponent ，并把 connect 中传入的 mapStateToProps，mapDispatchToProps与组件上原有的 props合并后，通过属性的方式传给WrappedComponent （3） （3）难以理解的 class 除了代码复用和代码管理会遇到困难外，class 是学习 React 的一大屏障。我们必须去理解 JavaScript 中 this 的工作方式，这与其他语言存在巨大差异。
杭州恒生面试，社招，3年经验
三阶段提交（Three-Phase Commit，3PC）：在2PC的基础上引入了准备阶段，解决了2PC的某些问题，但仍然无法完全解决所有问题。
