首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏花叔的专栏

    腾讯前端开发(实习生、

    1.社会招聘: 前端开发岗位 岗位职责: 负责腾讯游戏流量或电竞业务的平台前端架构设计、开发和优化工作; 岗位要求: 3年以上前端开发经验(若能力出众可酌情降低此年限要求); 有极好的CSS、HTML/ ,grunt、gulp或者webpack;熟悉git,有良好的代码习惯,对前端开发规范有一定了解; 对web性能优化、安全等领域有一定的见解和相关实践; 注重用户体验,有产品意识; 需要有良好的沟通和表达能力 可选,非必要,p0为最高权重): p0.有web游戏、小游戏研发经验优先; p1.有广告行业/电竞行业,商业化变现等方向,特别是SSP/ADX/DSP系统构建经验者优先; p2.有数据产品及数据可视化前端开发有经验者优先 ; 2.实习生招聘 前端开发岗位 岗位职责: 主要负责腾讯游戏流量或电竞业务的平台前端架构设计、开发和优化工作,同时会安排基于个人兴趣爱好的自由技术钻研时间; 岗位要求: 有对“web前端”相关技术和知识进行系统学习 HTML+CSS切图经验; 对应用落地流程如小游戏、小程序有所了解,并尝试输出过demo或落地过项目; 爱发散和思考,动手能力强,且能及时沉淀相关总结 加分项: 自己策划、研发并发布过产品 ---- 不管是或实习生招聘

    1.6K10发布于 2021-03-18
  • 来自专栏前端面试

    前端高频面试题

    ;});p2.then((result) => console.log(result)).catch((error) => console.log(error)); ----问题知识点分割线---- 前端进阶面试题详细解答一般如何产生闭包返回函数函数当做参数传递 的展开运算符,都可以把 arguments这个类数组转换成数组 args类数组和数组的异同点图片在前端工作中,开发者往往会忽视对类数组的学习,其实在高级 JavaScript 编程中经常需要将类数组向数组转化 方法五:调用 ES6 中的 flat我们还可以直接调用 ES6 中的 flat 方法,可以直接实现数组扁平化。 可以看到XSS危害如此之大, 那么在开发网站时就要做好防御措施,具体措施如下:可以从浏览器的执行来进行预防,一种是使用纯前端的方式,不用服务器端拼接后返回(不使用服务端渲染)。 对于 DOM 型的攻击,主要是前端脚本的不可靠而造成的,对于数据获取渲染和字符串拼接的时候应该对可能出现的恶意代码情况进行判断。

    1.1K30编辑于 2022-09-22
  • 来自专栏前端开发面试

    前端高频面试题

    而且拥有肉眼识别无差异的图像质量,缺点就是兼容性并不好小图使用 PNG,其实对于大部分图标这类图片,完全可以使用 SVG 代替照片使用 JPEG ----问题知识点分割线---- 如何⽤webpack来优化前端性能 ⽤webpack优化前端性能是指优化webpack的输出结果,让打包的最终结果在浏览器运⾏快速⾼效。压缩代码:删除多余的代码、注释、简化代码的写法等等⽅式。

    75330编辑于 2022-09-07
  • 来自专栏前端开发面试手册

    前端必会面试题

    :</label><input type="text" id="mobile"/>使用方法2:<label>Date:<input type="text"/></label>如何⽤webpack来优化前端性能 ⽤webpack优化前端性能是指优化webpack的输出结果,让打包的最终结果在浏览器运⾏快速⾼效。压缩代码:删除多余的代码、注释、简化代码的写法等等⽅式。 (6)站点中的其他页面即使没有设置 manifest 属性,请求的资源如果在缓存中也从缓存中访问。(7)当 manifest 文件发生改变时,资源请求本身也会触发更新。 :3 6解析:我们知道,匿名函数的this是指向全局对象的,所以this指向window,会打印出3;getY是由obj调用的,所以其this指向的是obj对象,会打印出6。 Proxy 是 ES6 中新增的功能,它可以用来自定义对象中的操作。

    92020编辑于 2022-09-13
  • 来自专栏前端面试笔记

    前端二面面试题

    但是 ES6 的尾调用优化只在严格模式下开启,正常模式是无效的。 随着前端业务复杂度的提高,前端工程中对 CSS 提出了以下的诉求:宏观设计上:我们希望能优化 CSS 文件的目录结构,对现有的 CSS 文件实现复用;编码优化上:我们希望能写出结构清晰、简明易懂的 CSS 对对象与数组的解构的理解解构是 ES6 提供的一种新的提取数据的模式,这种模式能够从对象或数组里有针对性地拿到想要的数值。 发现了process1和then1两个微任务:执行process1,输出6。执行then1,输出8。第一轮事件循环正式结束,这一轮的结果是输出1,7,6,8。 整段代码,共进行了三次事件循环,完整的输出为1,7,6,8,2,4,3,5,9,11,10,12。

    56310编辑于 2022-09-13
  • 来自专栏前端开发面经

    前端必会面试题

    6)数据链路层将比特组合成字节,再将字节组合成帧,使用链路层地址 (以太网使用MAC地址)来访问介质,并进行差错检测。 第四种方案是 ES6 提出的方案,使用 import 和 export 的形式来导入导出模块在有 Babel 的情况下,我们可以直接使用 ES6的模块化// file a.jsexport function Module :模块输出的是一个值的引用,编译时输出接口,ES6模块不是对象,它对外接口只是一种静态定义,在代码静态解析阶段就会生成。 例如:3|5即:0000 0011 0000 0101 = 0000 0110因此,3^5的值为6。 ----问题知识点分割线---- 前端储存的⽅式有哪些?

    75020编辑于 2022-09-09
  • 来自专栏前端面试

    前端二面面试题

    6)箭头函数没有自己的arguments箭头函数没有自己的arguments对象。在箭头函数中访问arguments实际上获得的是它外层函数的arguments值。 result.concat(flatten(arr[i])) } else { result.push(arr[i]) } } return result;}ES6

    1.1K20编辑于 2022-09-12
  • 来自专栏前端面试题总结

    前端高频面试题(附答案)

    可以看到XSS危害如此之大, 那么在开发网站时就要做好防御措施,具体措施如下:可以从浏览器的执行来进行预防,一种是使用纯前端的方式,不用服务器端拼接后返回(不使用服务端渲染)。 对于 DOM 型的攻击,主要是前端脚本的不可靠而造成的,对于数据获取渲染和字符串拼接的时候应该对可能出现的恶意代码情况进行判断。 [j + 1]] = [arr[j + 1], arr[j]]; } } } // 返回数组 return arr;}// console.log(bubbleSort([3, 6, (6)内联替换元素和块级替换元素使用上面同一套尺寸计算规则。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型:Symbol 代表创建后独一无二且不可变的数据类型,它主要是为了解决可能出现的全局变量冲突的问题。

    87310编辑于 2022-09-13
  • 来自专栏前端开发面试手册

    前端经典vue面试题汇总

    常用的2个属性 include/exclude,2个生命周期 activated, deactivated参考 前端进阶面试题详细解答extend 有什么作用这个 API 很少用到,作用是扩展组件生成一个构造器 内容的变换,UI 与用户的交互,避免页面的重新加载优点:用户体验好、快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染;基于上面一点,SPA 相对对服务器压力小;前后端职责分离,架构清晰,前端进行交互逻辑 注意虽然我们不能直接修改一个传入的对象或者数组类型的prop,但是我们还是能够直接改内嵌的对象或属性Vue路由hash模式和history模式1. hash模式早期的前端路由的实现就是基于 location.hash hashchange", funcRef, false);每一次改变 hash(window.location.hash),都会在浏览器的访问历史中增加一个记录利用 hash 的以上特点,就可以来实现前端路由 window.history.replaceState(null, null, path);这两个方法有个共同的特点:当调用他们修改浏览器历史记录栈后,虽然当前 URL 改变了,但浏览器不会刷新页面,这就为单页应用前端路由

    1.3K30编辑于 2022-12-07
  • 来自专栏前端儿

    【年终总结】微信前端有感

    这篇杂文就简单记录一下微信前端的经历,以及回顾这两年半做过的东西。 ? 一、过七关 微信社,老早就听说难度极大,十几轮面试的情况都有。 讲了前端优化的实践(为什么优化,怎么优化,怎么评估,还能怎么优化) 前端错误收集(怎么记录,怎么区分是不是第三方插件的问题,怎么上报,怎么分析) 问了PC端和移动端的转换,ES6常用的东西,数组方法大全等 (涉及了需求理解、功能拆分、技术实现) 问了自己做过什么业务,期望什么业务方向 介绍了职级体系,部门的业务特点 6、GM电面(15min) 本轮面试可以说是最惨的了,感觉面试官并不满意自己做的项目,草草就收场了 ,React中虚拟DOM是什么,它在树对比方面做了什么优化,新版本React有什么性能上的变化 从开始到结束,进行了差不多一个月,进度好像还是蛮快的, 总之,就目前这个部门的面试而言,我感觉侧重考察的点是 就放弃了对requirejs项目进行这种时间戳优化 从而也诞生了另外一个方案:使用webpack和es6(或者再加上React)作为技术栈。

    1.1K40发布于 2018-12-21
  • 来自专栏前端技术分享小合集

    前端经典手写面试题合集

    readData().then(d=>{// return d// })module.exports = myPromise实现事件总线结合Vue应用Event Bus(Vue、Flutter 等前端框架中有出镜 == y;};参考:前端手写面试题详细解答实现一个compose函数组合多个函数,从右到左,比如:compose(f, g, h) 最终得到这个结果 (...args) => f(g(h(...args 在ES6中,实现一个迭代器生成函数并不是什么难事儿,因为ES6早帮我们考虑好了全套的解决方案,内置了贴心的 生成器 (Generator)供我们使用:// 编写一个迭代器生成函数function *iteratorGenerator 在ES6中我们之所以能够开心地用for...of...遍历各种各种的集合,全靠迭代器模式在背后给力。 ES6 中的 Set 去重function distinct(array) { return Array.from(new Set(array));}思想: ES6 提供了新的数据结构 Set,Set

    99540编辑于 2022-10-19
  • 来自专栏前端开发面试手册

    前端常见面试题(附答案)

    但是 ES6 的尾调用优化只在严格模式下开启,正常模式是无效的。替换元素的概念及计算规则通过修改某个属性值呈现的内容就可以被替换的元素就称为“替换元素”。 (6)内联替换元素和块级替换元素使用上面同一套尺寸计算规则。 可以看到XSS危害如此之大, 那么在开发网站时就要做好防御措施,具体措施如下:可以从浏览器的执行来进行预防,一种是使用纯前端的方式,不用服务器端拼接后返回(不使用服务端渲染)。 对于 DOM 型的攻击,主要是前端脚本的不可靠而造成的,对于数据获取渲染和字符串拼接的时候应该对可能出现的恶意代码情况进行判断。 5 + 1 = 6)。

    69930编辑于 2022-09-13
  • 来自专栏前端面试题库

    前端二面常见面试题

    对于浏览器的缓存,主要针对的是前端的静态资源,最好的效果就是,在发起请求之后,拉取相应的静态资源,并保存在本地。 onRejected(this.value); }}; ----问题知识点分割线---- 实现一个 add 方法题目描述:实现一个 add 方法 使计算结果能够满足如下预期:add(1)(2)(3)()=6add align-items:center;} ----问题知识点分割线---- JS 数据类型基本类型:Number、Boolean、String、null、undefined、symbol(ES6

    65300编辑于 2022-09-09
  • 来自专栏高级前端工程师进阶之路

    2022前端React面试题 附答案

    2022前端React面试题 附答案 React视频讲解 点击学习 全部视频:点击学习 1. React-Router的实现原理是什么? <Link>做了3件事情: 有onclick那就执行onclick click的时候阻止a标签默认事件 根据跳转href(即是to),用history (web前端路由两种方式之一,history & react-router-dom"; let history = useHistory(); 复制代码 2.使用this.props.history获取历史对象 let history = this.props.history; 6: 主题: React 难度: ⭐⭐ 在调用 super() 方法之前,子类构造函数无法使用this引用,ES6 子类也是如此。

    6.2K30编辑于 2021-12-08
  • 来自专栏前端开发面试

    前端必会面试题(附答案)

    可以⽤Babel理解⼀下箭头函数:// ES6 const obj = { getArrow() { return () => { console.log(this === obj ).then(d => console.log(d))setTimeout(() => { console.log(5) new Promise(resolve => { resolve(6) 遇到resolve,将其加入到微任务队列;执行微任务队列,打印出6;执行宏任务队列中的最后一个定时器,打印出7。 参考:前端进阶面试题详细解答<script src=’xxx’ ’xxx’/>外部js文件先加载还是onload先执行,为什么? 5 + 1 = 6)。

    56430编辑于 2022-10-25
  • 来自专栏前端面试

    前端二面react面试题集锦

    在 EMAScript6语法规范中,关于作用域的常见问题如下。 总之,在 EMAScript6语法规范中,组件方法的作用域是可以改变的。这段代码有什么问题? App extends Component { constructor(props) { super(props); this.state = { username: "有课前端网 "></App>,ickt )在页面中正常输出“有课前端网-前端技术专业学习平台”。 如果使用 ES6 的方式来创建组件,那么 React mixins 的特性将不能被使用了。

    2.6K60编辑于 2022-12-14
  • 来自专栏高级前端面试笔记

    前端二面面试题(附答案)

    ----问题知识点分割线---- 说一说前端性能优化方案三个方面来说明前端性能优化一: webapck优化与开启gzip压缩 1.babel-loader用 include 或 exclude 来帮我们避免不必要的转译 (2)函数作用域函数作用域声明在函数内部的变零,一般只有固定的代码片段可以访问到作用域是分层的,内层作用域可以访问外层作用域,反之不行2)块级作用域使用ES6中新增的let和const指令可以声明块级作用域 作用域链的前端始终都是当前执行上下文的变量对象。全局执行上下文的变量对象(也就是全局对象)始终是作用域链的最后一个对象。当查找一个变量时,如果当前执行环境中没有找到,可以沿着作用域链向后查找。 (6)HTTPS握手: 如果使用的是 HTTPS 协议,在通信前还存在 TLS 的一个四次握手的过程。首先由客户端向服务器端发送使用的协议的版本号、一个随机数和可以使用的加密方法。 目前对于同一个域,大多数浏览器支持同时建立 6 个持久连接。管道网络传输HTTP/1.1 采用了长连接的方式,这使得管道(pipeline)网络传输成为了可能。

    64120编辑于 2022-09-09
  • 来自专栏前端面试

    前端react面试题整理5失败

    参考 前端进阶面试题详细解答可以使用TypeScript写React应用吗?怎么操作? 由ES6的继承规则得知,不管子类写不写constructor,在new实例的过程都会给补上constructor。所以:constructor钩子函数并不是不可缺少的,子组件可以在一些情况略去。 基于类的组件是 ES6 类,它扩展了 React 的 Component 类,并且至少实现了render()方法。

    5.5K30编辑于 2023-01-09
  • 来自专栏高级前端工程师进阶之路

    2022前端React面试题 附答案

    2022前端React面试题 附答案 React视频讲解 点击学习 全部视频:点击学习 1. mobox 和 redux 有什么区别? Hook 提供了问题的解决方案,无需学习复杂的函数式或响应式编程技术 6. 为什么React并不推荐优先考虑使用Context?

    2.4K40编辑于 2021-12-08
  • 来自专栏高级前端工程师进阶之路

    2022前端开发React面试题 附答案

    2022前端开发React面试题 附答案 React视频讲解 点击学习 全部视频:点击学习 1:讲讲什么是 JSX ? 6:这三个点(...)在 React 干嘛用的? 主题: React 难度: ⭐⭐⭐ ... 在React(使用JSX)代码中做什么?它叫什么? 与 ES5 相比,React 的 ES6 语法有何不同? 以下语法是 ES5 与 ES6 中的区别: require 与 import // ES5 var React = require('react'); // ES6 import React from 调试 编译时调试 运行时调试 6. 作者 Facebook Google

    1K30编辑于 2021-12-08
领券