随笔分类 - Vue
Vue随记
摘要：控制台报错'Component' is defined but never used，是因为eslint的原因，你定义了该组件但是没有使用过。 以下demo组件名用Form做演示 解决方案一 命令行报错如下: 翻译:已定义“Form”，但未使用已定义变量 解决方式如下: 解决方案二 命令行末尾提示如
阅读全文
摘要：what？你没有看错，强大的JavaScript也可以实现人脸识别功能。小编精心整理了一个人脸识别的JavaScript库（tracking.js），通过这篇文章，你可以了解到如何在网页中实现一个人脸识别功能。 tracking.js Tracking.js 是一个独立的JavaScript库，用于
阅读全文
摘要：在日常项目开发中，树状下拉框的需求还是比较常见的，但是element并没有这种组件以供使用。在这里，小编就基于element如何封装一个树状下拉框做个详细的介绍。 通过这篇文章，你可以了解学习到一个树状下拉框组件是如何一步一步封装成功的。 话不多说，先看效果图： 封装组件 该组件主要基于elemen
阅读全文
摘要：Sass是一种CSS预处理语言。CSS预处理语言是一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。 CSS预处理语言有Scss(Sass) 和Less、Po
阅读全文
摘要：vue框架篇 vue的优点 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb； 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 双向数据绑定：保留了angular的特点，在数据操作方面更为简单； 组件化：保留了react的优点，实现了html的封装和重用，在构建
阅读全文
摘要：现在，在网页上播放视频已经越来越流行，但是网上的资料鱼龙混杂，很难找到自己想要的，今天小编就自己的亲身开发体验，手把手从零开始 封装一个vue视频播放器组件。 作为一个老道的前端搬砖师，怎么可能会一心闭门造车呢？还是先去网上找找轮子吧 经过在网上不断的查阅之后，我最终选择了video.js这个轮子，
阅读全文
摘要：gzip压缩 gzip压缩效率很高，可以达到70%的压缩率 //npm i -D compression-webpack-plugin 安装插件依赖 configureWebpack: config => { const CompressionPlugin = require('compressio
阅读全文
摘要：近年来，vue越来越火，使用它的人也越来越多。vue基本用法很容易上手，但是还有很多优化的写法你就不一定知道了。本文列举了一些vue常用的开发技巧。 require.context() 在实际开发中，绝大部分人都是以组件化的方式进行开发。随之而来就有了许多的组件需要引入。比如以下场景： import
阅读全文
摘要：1、标签实现新窗口打开 <router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link> 2、编程式导航： const {href} = this.$router.resolve({ n
阅读全文
摘要：项目中对axios进行二次封装 随着前端技术的发展，网络请求这一块，越来越多的程序猿选择使用axios来实现网络请求。但是单纯的axios插件并不能满足我们日常的使用，因此我们使用时，需要根据项目实际的情况来对axios进行二次封装。 接下来就我对axios的二次封装详细的说说，主要包括请求之前、返
阅读全文
摘要：全局的请求进度条，我们可以使用nprogress来实现，效果如下： 首先需要安装插件： npm i nprogress -S 然后使用的时候主要有两种方式，第一种是切换页面的时候，第二种则是请求接口的时候。 切换页面可以在入口文件添加如下代码： import NProgress from 'npro
阅读全文
摘要：很多时候，我们习惯于这样操作数组和对象: data() { // data数据 return { arr: [1,2,3], obj:{ a: 1, b: 2 } }; }, // 数据更新 数组视图不更新 this.arr[0] = 'OBKoro1'; this.arr.length = 1;
阅读全文
浙公网安备 33010602011771号