二饭
2B产品
ReactJS、React Native、Java、NodeJS、Python
获得徽章 0
赞了这篇文章
赞了这篇沸点
最近机缘巧合之下看到许多大厂的前端面经和面试题，忍不住想吐槽一下。
1.看到了一个我毕业找工作时候看到的一个就很反感的问题：你知道CSS2和CSS3的区别嘛？都0202年了，你不会指望你下一代的课本里写的还是九大行星吧？你不会因为现在的课本里没有冥王星去教育局举报说我学的知识体系里有冥王星，你赶紧给我加上，不然我怎么考年轻人这个问题。类似的问题还有N多，比如XXX移除了XXX方法，请对比一下新的方法和旧的方法有什么区别之类的，简直可笑，人家新生代程序员甚至不知道你说的旧方法是个啥
2.动不动就手写一个function。请手写一个数据双向绑定，请手写一个promise，鱿鱼西本人都不敢说我上来给你写个数据双向绑定，不会有人认为这个东西很简单吧？有脑子就能写？不用修修改改？不用边写边思考？所以你让面试者写，那只能全文背诵，这是最快的敷衍面试官的方式。
3.动不动就考你一些生涩的API，就问你怎么返回一个对象自身的可枚举和不可枚举属性的名称，然后你得回答一个又臭又长的组合词Object.getOwnPropertyNames,当然现在时代变了，你得回答Reflect.ownKeys访问Symbol 类型属性键。所以记住这些设计者拍脑袋想出来的English对我们程序员有什么好处？是为了复现小时候背古诗的场景让我们回味一下全文背诵的快感嘛？
4.一些面试官以完全了解一些API设计的失误为荣，举个简单点的例子吧，typeof null === 'object'，我相信稍微有点编程基础的人都知道这个命题是反直觉的，然而这类题还反复反复反复的出现在各种面试题之中来恶心人，好像在挑战JavaScript这门语言的设计者一样，反复炫耀人家的设计失误能给面试官带来快乐？那叫个传统强类型语言（例如java）程序员来面试吧，我相信他能把JavaScript的各种不规范设计喷出S来。
总结一下：有八股文那味了
1.看到了一个我毕业找工作时候看到的一个就很反感的问题：你知道CSS2和CSS3的区别嘛？都0202年了，你不会指望你下一代的课本里写的还是九大行星吧？你不会因为现在的课本里没有冥王星去教育局举报说我学的知识体系里有冥王星，你赶紧给我加上，不然我怎么考年轻人这个问题。类似的问题还有N多，比如XXX移除了XXX方法，请对比一下新的方法和旧的方法有什么区别之类的，简直可笑，人家新生代程序员甚至不知道你说的旧方法是个啥
2.动不动就手写一个function。请手写一个数据双向绑定，请手写一个promise，鱿鱼西本人都不敢说我上来给你写个数据双向绑定，不会有人认为这个东西很简单吧？有脑子就能写？不用修修改改？不用边写边思考？所以你让面试者写，那只能全文背诵，这是最快的敷衍面试官的方式。
3.动不动就考你一些生涩的API，就问你怎么返回一个对象自身的可枚举和不可枚举属性的名称，然后你得回答一个又臭又长的组合词Object.getOwnPropertyNames,当然现在时代变了，你得回答Reflect.ownKeys访问Symbol 类型属性键。所以记住这些设计者拍脑袋想出来的English对我们程序员有什么好处？是为了复现小时候背古诗的场景让我们回味一下全文背诵的快感嘛？
4.一些面试官以完全了解一些API设计的失误为荣，举个简单点的例子吧，typeof null === 'object'，我相信稍微有点编程基础的人都知道这个命题是反直觉的，然而这类题还反复反复反复的出现在各种面试题之中来恶心人，好像在挑战JavaScript这门语言的设计者一样，反复炫耀人家的设计失误能给面试官带来快乐？那叫个传统强类型语言（例如java）程序员来面试吧，我相信他能把JavaScript的各种不规范设计喷出S来。
总结一下：有八股文那味了
展开
40
22
赞了这篇沸点
「每天一点点🕐」【<img>下方空白是什么导致的】
img是inline行内元素，具有vertical-align属性，vertical-align属性默认值为baseline，图片下面的空白是baseline到bottom这段距离（见配图）。
解决方法有三种：
一、改变图片类型为block块级元素：img设置display:block;
二、改变图片垂直对齐方式：img设置vertical-align:bottom;
三、改变baseline到bottom之间距离为0：父级设置行高line-height:0;【或】父级设置字体大小：font-size:0;（line-height默认值基于font-size，一般为1.2倍font-size）。
图片借用尤大大的~
img是inline行内元素，具有vertical-align属性，vertical-align属性默认值为baseline，图片下面的空白是baseline到bottom这段距离（见配图）。解决方法有三种：一、改变图片类型为block块级元素：img设置display:block;
二、改变图片垂直对齐方式：img设置vertical-align:bottom;
三、改变baseline到bottom之间距离为0：父级设置行高line-height:0;【或】父级设置字体大小：font-size:0;（line-height默认值基于font-size，一般为1.2倍font-size）。
图片借用尤大大的~
展开
1
4
赞了这篇沸点
赞了这篇文章
赞了这篇文章
赞了这篇沸点
推介 4 个我常用的在线代码编辑器，特点不一样，可以根据需要拿去～
1. Jsfiddle： 老牌在线编辑，功能强大，缺点是需要全局梯🤫，速度也慢，所以国内用的越来越少
jsfiddle.net
2. CodePen：轻量的在线编辑器，社区使用也比较多，官网经常推介炫酷的 css 实现，element-UI 从 2.6.2 开始使用 codepen 代替 jsfiddlecodepen.io
3. Jsrun：国内的在线编辑器，速度比较快，国内社区使用越来越多，支持的语言也比较多 go、js、java、php、C#、C++等jsrun.net
4. CodeSandBox： 界面跟 VSCode 一样，甚至有跟 VSCode 一样的代码提示，可以快速生成 Vue、React、Angular 项目，如果希望跑起项目级Demo一定要用这个～codesandbox.io
1. Jsfiddle： 老牌在线编辑，功能强大，缺点是需要全局梯🤫，速度也慢，所以国内用的越来越少
jsfiddle.net2. CodePen：轻量的在线编辑器，社区使用也比较多，官网经常推介炫酷的 css 实现，element-UI 从 2.6.2 开始使用 codepen 代替 jsfiddle
codepen.io3. Jsrun：国内的在线编辑器，速度比较快，国内社区使用越来越多，支持的语言也比较多 go、js、java、php、C#、C++等
jsrun.net4. CodeSandBox： 界面跟 VSCode 一样，甚至有跟 VSCode 一样的代码提示，可以快速生成 Vue、React、Angular 项目，如果希望跑起项目级Demo一定要用这个～
codesandbox.io
展开
19
112
赞了这篇沸点
关注了标签 
数学
数学
关注了标签 
配色
配色
关注了标签 
开源
开源
关注了标签 
产品经理
产品经理