做前端死路一条

后端也是 ——鲁迅

Vue2 Vue3 自定义指令使用了解

Vue2 Vue3 自定义指令使用了解

自定义指令中的 inserted 指令用于在 vue 中插入元素。它只调用一次,指令第一次绑定到元素时调用。inserted 指令的值可能发生改变,可以通过比较更新前后的值来忽略不必要的模板更新。


20200124大约 2 分钟VueVue3Vue2v-instruct
项目中使用人脸识别用户信息

项目中使用人脸识别用户信息

实现方法

发现有基于浏览器端的人脸检测库:tracking.js(FAST 和 Brief 算法),clmtrackr.js(CLM 算法)face-api.js 以及 jquery.facedetection.js,这四个是网上热度比较高的


20200124大约 3 分钟Vue3Vue3face-apitracking
项目中大文件的上传实现原理

项目中大文件的上传实现原理

大文件上传需要怎么做?

  1. 秒传

    • 通俗的说,你把要上传的东西上传,服务器会先做 MD5 校验,如果服务器上有一样的东西,它就直接给你个新地址,其实你下载的都是服务器上的同一个文件,想要不秒传,其实只要让 MD5 改变,就是对文件本身做一下修改(改名字不行),例如一个文本文件,你多加几个字,MD5 就变了,就不会秒传了。
  2. 分片上传:

    • 分片上传,就是将所要上传的文件,按照一定的大小,将整个文件分隔成多个数据块(我们称之为 Part)来进行分别上传,上传完之后再由服务端对所有上传的文件进行汇总整合成原始的文件。
    • ⭐ 网络环境环境不好,存在需要重传风险的场景。
  3. 断点续传:

    • 断点续传是在下载或上传时,将下载或上传任务(一个文件或一个压缩包)人为的划分为几个部分,每一个部分采用一个线程进行上传或下载,如果碰到网络故障,可以从已经上传或下载的部分开始继续上传或者下载未完成的部分,而没有必要从头开始上传或者下载。本文的断点续传主要是针对断点上传场景。
    • 断点续传可以看成是分片上传的一个衍生,因此可以使用分片上传的场景,都可以使用断点续传。

20200124大约 5 分钟VueVue3Nodejs
Vue3.0 深度选择器>>> 和 /deep/ 、 ::v-deep 被弃用

Vue3.0 深度选择器>>> 和 /deep/ 、 ::v-deep 被弃用

>>> 和 **/deep/**在 vue3 中使用直接报错。

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.

::v-deep 会警告组合符的用法已被弃用,改为:deep()


20200124小于 1 分钟VueVue3Vue2Scss
2