J_O

... ... 面试是让人成长的环节，面完一定要总结，针对自己的薄弱点做复习。我个人觉得一定要有自己的 的补足，让自己进步。面完后保持好心态，过去的总结，继续复习前进，接下来的做好准备。既往 不纠，纵情向前。有花堪折直须折，莫待无花空折枝。不要害怕，勇敢尝试，奥里给！

最近玩了一下拼图游戏,一直好奇,怎么可以实现自动拼图。心血来潮干脆自己写一个小游戏。 点击的块就往空块的方向移动 . note : 有一点需要注意 : 在页面中使用了 <transition-group> 组件。 要使用 这个组件的功能 需要新增 v-move 特性, 它会在元…

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。 继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。 原型…

当触发scroll、resize这类的滚动事件时，被触发的频率非常高，间隔也特别近。如果事件中涉及到大量的位置计算、DOM操作、元素重绘等工作，并且这些工作无法在下一个scroll事件出发前完成，就会造成浏览器掉帧（掉帧就是例如图像一闪一闪的,运动不流畅的情况）。加之用户鼠标滚…

预编译分为全局预编译和函数预编译：全局预编译发生在页面加载完成时执行，而函数预编译发生在函数执行的前一刻。 执行代码。 创建AO对象，执行期上下文（后面更新关于执行期上下文详解）。 寻找函数的形参和变量声明，将变量和形参名作为AO对象的属性名，值设定为undefined. 将形…

上一篇讲了非科班前端需要掌握的、基本的计算机组成原理。 这篇开撸计算机网络。 这些内容其实比较枯燥，但我采取图文并茂的形式，并且对于不重要的知识会标注，尽量减少阅读的枯燥感。啥也不说了，喝口水，开撸！ 计算机网络：是一个将分散的、具有独立功能的计算机系统，通过通信设备与线路连接…

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

今年毋庸置疑是找工作的寒冬，今年出来找工作的每一个同学 都是值得尊敬的。在寒冬季找工作，虽然略难，但是反过来看也会逼迫我们成为更加优秀的自己。 但是不管是旺季还是寒冬，有一些优秀的同学找工作还是挺顺利的。所以说还是得提高我们自己的硬实力。 今年前端很明显一个变化就是前端面试里除…