《前端学习》专题

Home Assistant 前端界面由面板及侧边栏组成，侧边栏中为各面板的跳转链接。每一个页面可视为一个独立的面板，默认有概览、日志、历史、配置、地图及开发者工具下的服务、状态、事件、模板、LOG 等面板。 1. 概览 Home Assistant 的主要交互界面，由名称、标签页、徽章、卡片、语音交互图标组成。 1.1 标签页 群组的展现方式之一，在群组设置中设定 view: yes 后生成。

前端手册，内容包括 CSS 编码规范、HTML 编码规范、JavaScript 编码规范、开发工具的使用、好书推荐、学习指导、前端优化等前端相关内容。

前端薪资 在美国, 前端开发者的平均薪资是 $75K 一个有经验的前端开发者可以去任何想去的地方生活(远程工作), 并且一年能赚的钱超过 $150k(访问 angel.co, 注册, 查找超过 $150k 的前端工作).

必须 使用 Laravel 官方前端工具做前端开发自动化； 必须 保证页面只加载一个 .css 文件； 必须 保证页面只加载一个 .js 文件； 必须 为 .css 和 .js 增加 版本控制； 必须 使用 SASS 来书写 CSS 代码；

环境准备 请参考环境准备 创建工作目录 export HOME=/home/work export WORKSPACE=$HOME/open-falcon mkdir -p $WORKSPACE cd $WORKSPACE 克隆前端组件代码 cd $WORKSPACE git clone https://github.com/open-falcon/dashboard.git 安装依赖包 yu

前后端分离 这是一个很古老的话题，对于大公司来说就是部门大了，需要拆分。因此开始之前，先提一下“康威定律”： Organizations which design systems are constrained to produce designs which are copies of the communication structures of these organizations. 换成

快手 一面 9.14 promise.retry 颜色随机生成 时间的监听事件+定时任务+轮询 http状态码 http缓存 get post restful， 还有一些问题忘记了，形式就是一边刷题一遍穿插八股问 快手 二面 9.20 手写字符串的indexOf 超时中断的封装 promise.race ,AbortController promise的原理 手写MyAll，注意边界条件 手写对象

滴滴 9.26 一面 自我介绍 项目简单介绍 拷打CDN相关知识：cdn是什么、cdn如果命中失败怎么办、cdn如何保证缓存的一致性、cdn是如何进行文件一致性的对比、（webpack打包之后生成的hash值）、等等 事件循环：同步任务、异步微任务、异步宏任务 事件循环的一个题 async function a (){ console.log(1) await console.l

自我介绍 1.创建一个新对象发生了什么(new的过程)，讲讲原型链 2.本地缓存有哪些，两个相同页面sessionStorage可以共享会话吗 3.vuex的数据丢失问题 4.vue2、vue3的不同 5.vue、react的不同 6.react的优化手段 7.前端性能优化 8.canvas如何获取鼠标点击的元素，canvas有哪些具体方法 9.CSS如何隐藏当前的聊天窗口 10.深浅拷贝的区别，

报的华为云部门 可惜主管出差了不在南京，后面等主管面通知 9.25 1.一面：后端面试官来面的，上来自我介绍后直接机考第二题说一下怎么做的，问了一堆数据结构，出了道小改的MID算法题（前面答得越好，算法出的越简单啊） 2.二面：挖项目，问实习，代码量，出了道TOP100的MID题 估计华为可能性不大，不咋招前端的

一面，已感谢信 自我介绍 项目介绍、项目难点 项目想关的 项目技术选型 怎么学的前端 Vue3的改进点 Vuex diff算法 性能优化 promise、async/await 响应式布局的实现 垂直居中 时间循环（看代码说顺序） 算法题（简单题） 面试体验很好，面试官会引导、提醒

一面 性能优化 图片懒加载(回答了原理，具体实现没回答上来) 首屏优化性能测试(没回答上来) 浏览器输入url发生了什么 执行上下文 this 隐式调用 new的原理 函数内部怎么判断是不是构造函数 new Fn以及new Fn()的区别 promise原理 promise.final promise.all js异步实现 宏任务 setTimeout时间问题 vue渲染机制 反问

一面 1、项目   2、单点登录   3、cookie、localStorage、sessionStorage区别   4、小程序的包大小限制 5、开发流程 6、px、rem、em、百分比、vw区别   7、怎么让某些px单位不转成rem 8、bug如何排查   9、前后端有争议怎么处理   10、继续聊项目   11、node了解么   12、强缓存、协商缓存   13、输入url到页面渲染  

逆天面试官😅 一道css题（画圆）写出来了，然后一道promise题（按数组顺序输出）也写出来了。说看你挺熟练的，那我再出一题（经典红绿灯）也写出来了，然后两分钟后秒挂。 估计是主搞vue的，看我简历半天，说咋全是react，憋半天憋了句知道哪些react钩子，然后就开始写题，真晦气。 最后反问问他公司是不是主要vue为主，结果来句react为主，笑死人

整个过程就15分钟 1.页面渲染过程， 2.盒子模型， 3.选择器， 4.浏览器本地存储， 5.浏览器性能优化， 6.说说vue的特性， 7.git工具， 8.反问环节 没有手撕，就这些，面试时长最短的一次。面试官是很温柔的大哥。