网站建设设计哪个济南兴田德润简介,贵阳网站建设公司招聘,深圳网站定制公司,如何制作课程网站模板下载地址大家好#xff0c;我是若川#xff0c;祝大家中秋节快乐。最近组织了源码共读活动《1个月#xff0c;200人#xff0c;一起读了4周源码》#xff0c;已经有超50人提交了笔记#xff0c;群里已经有超1200人#xff0c;感兴趣的可以点此链接扫码加我微信 ruochuan12 参与。… 大家好我是若川祝大家中秋节快乐。最近组织了源码共读活动《1个月200人一起读了4周源码》已经有超50人提交了笔记群里已经有超1200人感兴趣的可以点此链接扫码加我微信 ruochuan12 参与。本文经作者lxcan 授权转载未经授权请勿直接转载。原文标题《三年经验前端社招——朴朴科技》原文链接https://zhuanlan.zhihu.com/p/405785932文末点击阅读原文直达前言本人毕业学校是双非二本非计算机科班出身大学时自学的前端相关技能。截止2021年8月有3年前端开发经验技术栈为 vue 全家桶求职意向城市是深圳。想着找一个更大的平台寻求发展技术沉淀、涨薪所以出来接受社会的毒打了。。。本文的目的是记录自己的面试经历各位路过的兄dei也可以参考一下也让自己有个回顾和反思。路漫漫其修远兮吾将上下而求索下面的题目都会标明每一题的性质部分题目也会给出一些参考思路和参考回答希望各位大佬不吝赐教~描述对概念、过程的描述纯理论性问答题为主举例说出应用场景或者是自己团队实践的情况伪代码写代码但不需要跑起来甚至可以随便写伪代码主要目的是描述思路编程真正的写代码需要跑起来有测试用例要看到效果HR面的话是一些日常、项目回顾少说技术细节、职业规划、你的优势和缺点、为什么跑路、为什么选择这边、目前薪资和职级、期望薪资HR面基本离不开这些问题。一面1、项目问题深挖细节说几个做过的项目中你觉得比较复杂的功能【描述】2、h5 首页为什么做成了服务端渲染【描述】3、打包结果优化具体做了哪些优化【描述】【举例】4、vue 中 beforeCreate 和 created 的区别【描述】5、vue 中用过哪些修饰器【举例】事件修饰符.stop.prevent.capture.self.once.passive按键修饰符.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right其他常用的修饰符.trim.number.lazy.sync6、vue 中 computed 和 watch 的区别【描述】computed 一般用于简化模板中变量的调用watch 一般用于监听数据的变化做一些逻辑处理或者异步处理可以深度监听、立即执行computed 和 watch 在源码里都是通过 Watcher 类创建出来的初始化时先创建 computed 再创建 watch 。数据改变时先执行 computed 再执行 watch7、vue 中 key 的作用是什么【描述】Key 的作用主要用来在虚拟 DOM 的 diff 算法中在新旧节点的对比时辨别 vnode 使用 key 时Vue 会基于 key 的变化重新排列元素顺序尽可能的复用页面元素只找出必须更新的DOM最终可以减少DOM操作。常见的列子是结合 v-for 来进行列表渲染或者用于强制替换元素/组件。设置 Key 的好处1数据更新时可以尽可能的减少DOM操作2列表渲染时可以提高列表渲染的效率提高页面的性能8、比如在 v-for 时写了 key 将第二个元素和第三个元素交换了顺序实际的 diff 算法怎样的【描述】9、有没有做过组件的抽离和组件库的开发具体做了什么工作【描述】10、内部组件库怎么本地开发和调试怎么上线本地调试有哪些方式【描述】【举例】11、聊一聊浏览器的渲染机制浏览器是怎么解析和渲染html的【描述】12、js 异步加载的方式defer 和 async 的区别【描述】1defer 是在HTML解析完之后才会执行如果是多个按照加载的顺序依次执行2async 是在加载完之后立即执行如果是多个执行顺序和加载顺序无关13、重定向的状态码有哪些它们的区别是什么【描述】【举例】14、https 相较 http 是怎么体现安全性的【描述】http: 超文本传输协议(Hypertext Transfer Protocol)是互联网上应用最为广泛的一种网络协议是一个客户端和服务器端请求和应答的标准TCP它是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范。https 的全称是 Hypertext Transfer Protocol Secure , 它用来在计算机网络上的两个端系统之间进行安全的交换信息(secure communication). HTTPS 是 HTTP 协议的一种扩展它本身并不保证传输的安全性那么谁来保证安全性呢在 HTTPS 中使用传输层安全性(TLS)或安全套接字层(SSL)对通信协议进行加密。也就是 HTTP SSL(TLS) HTTPS。TLS(Transport Layer Security) 是 SSL(Secure Socket Layer) 的后续版本它们是用于在互联网两台计算机之间用于身份验证和加密的一种协议。http 和 https 的区别https 协议需要 ca 证书费用较高http 数据信息是明文传输https 则是具有安全性的 ssl 加密传输协议。使用不同的链接方式端口也不同一般而言http 协议的端口为 80 , https 的端口为 443http 的连接很简单是无状态的https 协议是由 http ssl 协议构建的可进行加密传输、身份认证的网络协议比 http 协议安全15、https 证书的作用是什么【描述】CA 的全称是 Certificate Authority证书认证机构你必须让 CA 颁布具有认证过的公钥才能解决公钥的信任问题。存在一个数字签名的认证问题。因为私钥是自己的公钥是谁都可以发布所以必须发布经过认证的公钥才能解决公钥的信任问题。16、讲一下js原型链【描述】17、由构造函数创建的实例对象和构造函数本身他们的原型链有什么区别【描述】18、讲一下闭包实际开发中有什么应用【描述】【举例】19、flex 布局相关都有哪些属性含义是什么flex 属性对应哪几个属性【描述】20、flex-grow 和 flex-shrink 代表什么含义【描述】flex-grow 属性定义项目的放大比例默认为0即如果存在剩余空间也不放大。flex-shrink 属性定义了项目的缩小比例默认为1即如果空间不足该项目将缩小。21、CommonJS 与 ESModule 的区别【描述】22、Tree-shaking 原理【描述】23、ESModule 模块化是怎么解决循环引用的问题的【描述】参考 https://es6.ruanyifeng.com/#docs/module-loader#%E5%BE%AA%E7%8E%AF%E5%8A%A0%E8%BD%BD24、你对 react 怎么看待【描述】25、你是通过什么手段去学习前端技术的【描述】二面1、最近在学习什么新技术Vue3.0做了哪些优化【描述】2、说一个你做过印象最深刻的项目【描述】3、对于首屏加速你有哪些方案【描述】4、路由懒加载有哪些方式【描述】5、说一下你对模块化的理解CommonJS 和 ESModule 有什么区别【描述】CommonJS 模块输出的是一个值的拷贝ES6 模块输出的是值的引用。CommonJS 模块是运行时加载ES6 模块是编译时输出接口。CommonJS 模块的 require() 是同步加载模块ES6 模块的 import 命令是异步加载有一个独立的模块依赖的解析阶段。6、打包结果里面出现重复包的情况怎么解决【描述】7、有哪些手段可以加快 webpack 打包速度【描述】使用高版本的webpack (使用webpack4)多线程/多实例构建HappyPack(不维护了) thread-loader缩小打包作用域充分利用缓存提升二次构建速度DLLPlugin 提前打包、分包避免反复编译浪费时间8、移动端开发是怎么适配的有没有办法在打包时将 px 转换为 rem【描述】9、描述一下 Vue 中 template 模板编译的过程【描述】10、说下 vue-router 的实现原理【描述】11、有没有方案当 history.pushState 改变了浏览器地址栏后监听到地址改变【描述】- 利用观察者模式- 重写 history 方法并添加 window.addHistoryListener 事件机制12、你觉得怎样才算是一个高标准的组件库【描述】13、组件库的文档是怎么开发的【描述】手工维护方案建工程手动引用组件书写示例和说明elementUI 方案示例和说明按照一定规则写在md文件中调用md-loader将md文件转成相应的页面Storybook 方案Storybook是UI组件的开发环境。它允许您浏览组件库查看每个组件的不同状态以及交互式开发和测试组件。14、组件库怎么进行本地开发调试【描述】1本地写demo2本地编译拷贝到业务系统替换 node_module 下的静态资源进行测试15、求实现有个请求10秒内可以重试3次如果3次都失败就抛出异常【伪代码】利用 setTimeout 和 Promise.race 实现16、说一下你的职业规划【描述】最后朴朴科技致力于研发新零售即时电商领域的标杆系统朴朴超市定位于一站式移动端30分钟即时配送购物平台。公司技术栈主要是 ReactTS两轮技术面试官挺强的问的问题覆盖前端各方面专业准备约HR面谈薪资的因为有其他更合适的offer了被我委婉拒绝了。往期回顾三年经验前端社招——Shopee三年经验前端社招——腾讯微保三年经验前端社招——丰巢科技三年经验前端社招——众安保险三年经验前端社招——有赞天生我材必有用千金散尽还复来最近组建了一个湖南人的前端交流群如果你是湖南人可以加我微信 ruochuan12 私信 湖南 拉你进群。推荐阅读1个月200人一起读了4周源码我读源码的经历老姚浅谈怎么学JavaScript我在阿里招前端该怎么帮你可进面试群················· 若川简介 ·················你好我是若川毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》10余篇在知乎、掘金收获超百万阅读。从2014年起每年都会写一篇年度总结已经写了7篇点击查看年度总结。同时最近组织了源码共读活动帮助1000前端人学会看源码。公众号愿景帮助5年内前端人走向前列。识别上方二维码加我微信、拉你进源码共读群今日话题略。欢迎分享、收藏、点赞、在看我的公众号文章~
