晚上好呀，各位前端小伙伴！结束了一天的代码奋战，是不是有点腰酸背痛、脑子嗡嗡响？别急着关电脑，来这儿歇会儿 —— 今晚咱们不聊复杂的架构设计，也不扯高深的原理概念，就分享 3 个超实用的 Vue2 和 Vue3 布局小技巧，让你明天写代码时顺手又省心，就像给紧绷的神经做个 "代码按摩"，轻松搞定那些让人头疼的布局难题～

一、响应式布局：让界面随屏幕自由 "呼吸"

1. 什么是面向对象？主要特征是什么？

面向对象是程序的一种设计方式，它利于提高程序的重用性，使程序结构更加清晰。主要特征：封装、继承、多态。

2. SESSION 与 COOKIE的区别是什么，请从协议，产生的原因与作用说明?

1、http无状态协议，不能区分用户是否是从同一个网站上来的，同一个用户请求不同的页面不能看做是同一个用户。

2、SESSION存储在服务器端，COOKIE保存在客户端。Session比较安全，cookie用某些手段可以修改，不安全。Session依赖于cookie进行传递。

旋转地球功能实现主要借助于CSS动画效果完成，通过移动地图背景图层，云彩图层等，在视觉上呈现出旋转地球效果。旋转地球最终实现效果如下图所示：

设计思路与核心技术

旋转地球效果实现主要借助于animation动画属性完成，在动画关键之keyframe编写时移动图片坐标位置，实现背景地图图片位置移动。为体现移动效果，进一步定义了云彩与飞机，飞机居中固定，云彩与地球非同步移动，最终呈现出动态效果。本例所需核心技术主要描述如下：

?2019年的春节来的似乎格外的早，过完年相信很多童鞋都开始蠢蠢欲动了；笔者总结了多篇教程，结合平时自己的面试经历，整理了这份文档，希望帮助大家来突击一下前端知识的盲区。文章很长很长很长。。。。（建议先收藏，技术大佬请Ctrl+F4，面向基础）

整理不易，希望大家关注头条号【JAVA后端架构】，更多前后端原创好文等着你。

阿里

• 使用过的koa2中间件
• koa-body原理
• 介绍自己写过的中间件
• 有没有涉及到Cluster
• 介绍pm2
• master挂了的话pm2怎么处理
• 如何和MySQL进行通信
• React声明周期及自己的理解
• 如何配置React-Router
• 路由的动态加载模块

之前，我写过一篇文章《程序调试长什么样？》来讲述调试程序时应该做什么。有个基本要点：一次只改变一样东西，并核实你的假设。

但是，当我上周调试一些 CSS 程序时，我认为有些东西没讲：调试时的态度。

直到现在，我还不是一名杰出的 CSS 开发者。我不仅对很多基本的 CSS 概念缺乏理解，而且从来没有专业的写过 CSS。上周，我做了一个自己尝试过的最复杂的 CSS 项目。

当调试 CSS 项目时，我发现自己犯了一些不该犯的错误，这些错误有：

分享分享一些收集的前端程序员方向， 常见面试问题

答案在最后 -->

• 第 1 题：（滴滴、饿了么）写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

第 1 题：（滴滴、饿了么）写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

第 2 题：`['1', '2', '3'].map(parseInt)` what & why ?

第 3 题：（挖财）什么是防抖和节流？有什么区别？如何实现？

第 4 题：介绍下 Set、Map、WeakSet 和 WeakMap 的区别？

第 5 题：介绍下深度优先遍历和广度优先遍历，如何实现？

有幸得到猎头推荐参加字节跳动工程效率部的前端面试，为此准备了一周的时间，面试前内心十分忐忑，略微有些小紧张。

由于是下午面试，所以早早起床，翻出许多年前购买的，几近翻烂的《JavaScript设计模式》，从前到后粗略的翻看了下。之后起床刷牙、洗澡、整理下，躺在床上开始闭目养神~

由于是下午两点面试，所以中午12点半从家里出门，担心天气太热，为防止面试时身上有汗水和味道，所以，我决定，打车去面试，这也是我唯一一次打车去面试，不心疼。

结果低估了司机师傅的开车速度，竟然不到20分钟就给我送到了地方，没办法，在字节大楼外转了一圈，13:30入场，前台妹子随机抽了一份面试题给我，开始答题。