学前端的小花

今天，笔者在学习Vue时，看到官方文档上有个ToDo List的小例子，心血来潮，想自己手动实现一下。因为只看不做，很多东西你并不知道你是否真正掌握，千里之行，始于足下，就当用来鼓励自己吧，哈哈哈。下面是代码部分。和官网给出的代码稍有不同，不过原理都是一样的。最终都能实现我们想…

今天总结一下圣杯布局的实现方式。这里列举了五种。除了第三种，其他都比较好理解，第三种建议margin和left自己一步一步添加样式，看看发生了什么。 双飞翼布局可以由圣杯布局改造得来。

CSS中两栏布局、三栏布局都是很常见也很经典的布局方案。作为开发者，对这些布局方案必须了然于心，开发起来才能得心应手。笔者现在也是处于学习阶段，所以通过查阅资料和自己总结，在这篇文章中介绍常见的两栏布局实现方案，一共四种，下一篇文章将介绍经典三栏布局方案。 所谓两栏布局，指的是…

今天记录一个多列等高的实现方法。我在这里分享三种方法。我们假设实现四列等高。对于不同的列数n，我们只要设置每一个子元素宽度为100%/n就好。 第三种 利用display: flex, flex一直都很优秀，但要注意不兼容低版本IE。

求下列代码的输出。 我们来一一分析下吧。首先我们要明白，通过var声明的变量和函数的声明都会被抬升，在代码正式执行之前就会被解析。所以我们先找到函数声明和通过var声明的变量。得到如下结果 然后从头到尾开始执行代码。 上面这行代码，访问的是Foo函数的静态属性，显然答案是2. …

作为一个前端工程师，水平垂直居中问题是最基础的知识点，今天就来整理一下实现水平垂直居中的方法，我这里整理了五种，欢迎大家补充更多想法。 1.已知子元素宽高的情况下，利用绝对定位+margin值分别左移和上移宽高的一半。 2.未知元素宽高的情况下，利用绝对定位+transform…

用CSS可以实现很多有趣的图案，今天先实现三角星和六角星的分享。

拖拽的时候，如果有文字被选中，会产生问题。 原因：当鼠标按下的时候，如果页面中有文字被选中，会触发浏览器默认拖拽文字的效果。 必须用addEventListener来绑定事件，用on是不行的。

相同功能的键值一样，比如左边和右边的ctrl. 注意！不是所有元素都能够接收键盘事件，只有能够响应用户输入的热点元素才能接收键盘事件。 事件默认行为：当一个事件发生的时候，浏览器自己会默认做的事情。 答：当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用return …