当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…

:before 和 :after伪元素指定了一个元素文档树内容之前和之后的内容。由于input标签不是可插入内容的容器。所以这里下划线无法通过伪元素来实现。需要借助其他 dom 节点。 包裹在外的父元素div应该设置成inline-block，否则宽度会满屏。 span标签实现…

最近在开发过程中，遇到的需要是需要上传高清图片，必须原图上传。由于在移动端应用，上传网络问题有很大的坑。当初的方案是直接采用将文件转化为base64，再进行上传，由于文件转化为base64后，文件大小会增加30%。又导致上传压力，影响用户体验。最终采取了以formData形式进…

像rate评分组件一般都用javascript写，大概一年前，我在简书写过一篇文章原生Javascript实现星星评分组件，感兴趣的可以去看一下，很久之前写的，我不知道之前的代码有多啰嗦，所以这次将是

在这篇文章中，我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图，它将根据屏幕的宽度来改变列的数量。最精彩的地方在于：所有的响应特性被添加到了一行 css 代码中。这意味着我们不必将 HTML 与丑陋的类名(如col-sm-4, col-md-8)混杂在一起，也不必…

在日常的业务的处理中，尤其是数组的for循环渲染，当你使用完v-for之后，动态的通过操作index指定数组的值，不是响应的。 这就很有意思了，我们可以看到这个过程中，执行changeList()方法，页面上的11并没有变成16且数组也没有变为空数组，但是执行第二个方法时，th…

通常，当谈到JavaScript语言时，我们讨论的是ES6标准提供的新特性，本文也不例外。 我们将讨论JavaScript代理以及它们的作用，但在我们深入研究之前，我们先来看一下Proxy的定义是什么。 MDN上的定义是：代理对象是用于定义基本操作的自定义行为（例如，属性查找，…

在data里面定义一个变量avatar预览图片上传图片的headers

作为前端工程师 de 我们，日常少不了会跟图片打交道。在各大电商平台工作的前端工程师们，感受可能会更加的明显。 以下是我之前跟图片打交道踩到的坑，跟大家分享一下经验。 很明显，数据的类型已经被改动了。思考原因，唯一有可能改变数据类型的地方是在 axios 。 因此，乱码出现的原…