前端进阶笔记

使用vue-cli4快速搭建一个可用作demo的项目。 安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue --version，看看是否打印出当前安装的vue-cli版本号，来验证它是否安装成功。 这时候会进入命令行交互界面，选择第一项vueConfig…

如下图，如果勾选的话就使能该项设置。 百分比和小数位数比较好解决，百分比只需要在源数字后面加两个零再加上百分号；小数只需要在小数点后面加零即可。最主要的是千分符的处理，好，就来说千分符。 数字千分符的处理有很多处理方案，最主要的有下面几种。 将数字转换成字符串，然后倒序遍历取值…

因为工作原因，现在有一个需求就是需要用户使用QQ或者微信复制一张截图后，在div中直接粘贴这张图片，而不是采用上传的方式。类似我们在使用QQ微信时直接粘贴截图的操作，这个要怎么用js来实现呢？ 我们可以利用 Clipboard 这个接口API 来实现。 根据在MDN上的定义，C…

我们最开始学前端的时候都会看到教程在处理外部css，js的时候会将css放在header中，js放在body的最后。为什么要这样子处理，今天参考一些资料好好分析下。 首先整个页面展示给用户会经过html 的解析与渲染过程。 而外链css无论放在html的任何位置都不影响html…

formData本来是父组件传过来的，但是我不想直接用，于是我直接赋值给一个formDataCopy的对象。 但是诡异的事情发生了，就是在我填写自己的表单组件的时候，一旦表单的数据发生的变化时，本来是formDataCopy的值发生变化，但是‘formDataDefault值’…

这种桌面提示是HTML5新增的 Web Push Notifications 技术。 Web Notifications 技术使页面可以发出通知，通知将被显示在页面之外的系统层面上。能够为用户提供更好的体验，即使用户忙于其他工作时也可以收到来自页面的消息通知，例如一个新邮件的提…

官方自己介绍说，prettier是一款强势武断的代码格式化工具，它几乎移除了编辑器本身所有的对代码的操作格式，然后重新显示。就是为了让所有用这套规则的人有完全相同的代码。在团队协作开发的时候更是体现出它的优势。与eslint，tslint等各种格式化工具不同的是，prettie…

好久没写文章了，下笔突然陌生了许多。 第一个原因是刚找到一份前端的工作，业务上都需要尽快的了解，第二个原因就是懒还有拖延的习惯，一旦今天没有写文章，就由可能找个理由托到下一周，进而到了下一周又有千万条理由拖到下下一周，所以解决的办法就是当成任务来做，让自律成为一种习惯，做起事来…