![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2
superKM
鸡蛋虽小,也挺好吃
展开
-
Vue的报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object ' Object '
解决方案babel.config.jsmodule.exports = { presets: [ '@vue/app' ], sourceType: 'unambiguous'}原创 2019-10-29 17:55:45 · 719 阅读 · 1 评论 -
vue cli3.x 开启gzip,优化速度
gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度,对于用户量多的网站,开启gizp压缩会大大降低服务器压力,提高加载速度,降低服务器流量成本安装compression-webpack-plugincnpm install compression-webpack-plugin --save-devvue.config.js配置Gzip压缩// 导入compr...原创 2019-10-18 17:46:40 · 4647 阅读 · 0 评论 -
通过 Vue-cli3.1 搭建Vue项目(包含失败情况处理)
Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本。此时如果使用过cli2创建过项目,会出现创建失败的情况提示:需要先卸载原有的 vue-cli 才能使用vue cli3 npm安装 cli3cnpm install -g @vu...原创 2018-11-06 12:09:11 · 1351 阅读 · 1 评论 -
vue 白屏问题汇总(经过广泛用户反馈最终章)
项目中偶尔会遇到vue 第一次打开白屏现象,针对这个问题,找了不同环境下的处理方法,留个纪念1,ios10 出现白屏原因是由于ios 10中Safari中错误描述如下:当你定义一个与参数同名的for循环迭代变量时,我们错误地认为这是一个语法错误。解决方法如下:进入build文件夹; 找到webpack.prod.conf.js文件; 在UglifyPlugin的定义里添加关于m...原创 2018-11-04 22:51:56 · 13049 阅读 · 4 评论 -
vue-cli webpack 打包后 index.html文件 引用缺少引号
webpack 打包后 打开index.html文件 发现引用文件的引号都被过滤了<script type=text/javascript src=./static/js/js/app.js></script>因此,需要在webpack.prod.conf.js 找到minify参数讲 removeAttributeQuotes: true 改为 remov...原创 2018-12-06 10:32:38 · 2523 阅读 · 1 评论 -
vue 仿抖音视频列表(兼容微信内置X5浏览器)
2019年12月最新更新新增留言功能,优化安卓微信环境境下播放不流畅问题项目GIT地址https://github.com/superJinx/fangdouyindemo预览,请用微信扫描二维码制作仿抖音视频列表遇到很多坑,特别是安卓微信内置浏览器,让人脑壳疼,核心代码不多便于理解图标css使用的事iconfot字体库,优化页面加载速度htt...原创 2019-02-18 11:37:22 · 35352 阅读 · 31 评论 -
vue 实现简单的audio播放器(带倍速播放)
滑块使用的事vant组件的slider https://youzan.github.io/vant/#/zh-CN/slider图标使用的是iconfont字体库使用原生audio属性,实现播放各个环节的统计和不同状态的展示,界面简洁 <style> body { background: #fff; ...原创 2019-03-20 14:21:24 · 15936 阅读 · 4 评论 -
vue项目打包后 使用nginx部署
Nginx的安装与配置Nginx官网下载所需版本安装解压下载好的nginx修改nginx配置文件,配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段里面的相关注释是在是太多了,那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)worker_processes 1; ##指明了ngi...原创 2019-09-03 00:17:03 · 6470 阅读 · 0 评论 -
vue cli3.x webpack去掉 打包自动生成的js、css文件hash版本号
vue cli3打包默认生成文件会自带随机hash值如果想要去掉中间的版本控制首先先在根目录配置好vue.config.js文件在vue.config.js文件中module.exports = { // webpack配置 chainWebpack: config => { if (process.env.NODE_ENV === 'p...原创 2019-10-09 22:16:00 · 10252 阅读 · 6 评论 -
Vue面试中,经常会被问到的面试题/Vue知识点整理
看看面试题,只是为了查漏补缺,看看自己那些方面还不懂。切记不要以为背了面试题,就万事大吉了,最好是理解背后的原理,这样面试的时候才能侃侃而谈。不然,稍微有水平的面试官一看就能看出,是否有真才实学还是刚好背中了这道面试题。(都是一些基础的vue面试题,大神不用浪费时间往下看)一、对于MVVM的理解?MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型,...转载 2018-11-03 11:17:29 · 1011 阅读 · 0 评论 -
vue 2.9 常用操作技巧
一:获取url地址栏参数例如:/placeList?id=1;this.$route.query.id (id为连接上的参数名称)二:向下一个页面传递对象 (query传参)父.vuethis.$router.push({ path:"/placeAdd", query:item});//path和query均为固定key名//path:跳转路径...原创 2018-08-07 23:22:30 · 568 阅读 · 0 评论 -
vue2.9 使用croppa实现图像裁剪并上传服务器 (croppa裁剪工具 + element 框架搭建)
首先安装croppanpm install --save vue-croppa安装完成之后,在需要的页面引入 import Vue from "vue"; //引用Croppa图片裁剪 import Croppa from "vue-croppa"; import "vue-croppa/dist/vue-croppa.css"; Vue.use(Cr...原创 2018-07-19 23:33:52 · 5539 阅读 · 0 评论 -
vue 2.9的配置 (一 : npm的安装步骤)
想要学好vue,npm 命令必不可少。1、安装nodejs1.1、vue,npm 是基于nodejs;1.2、安装:打开nodejs官网,点击绿色按钮,进行安装。2、使用命令行2.1 通过window + R 快捷键或者通过打开命令提示符,输入cmd,进入终端2.2 常用命令操作node -v查看安装的nodejs版本,出现版本号,说明刚刚已正确安装nodejs。PS:未能出现版本号,请尝试注销...原创 2018-03-12 22:32:01 · 3618 阅读 · 0 评论 -
vue 2.9 创建第一个vue项目(包括 vscode工具 针对vue的配置 )
前期准备 vue 2.9的配置:http://blog.csdn.net/superkm/article/details/79533783需要准备的环境和工具都准备好,接下来就开始使用vue-cli来构建项目。 在硬盘上找一个文件夹放工程用的。这里有两种方式指定到相关目录:①cd 目录路径 ②如果以安装git的,在相关目录右键选择Git Bash Here打开命令终端,通过web...原创 2018-03-13 23:00:02 · 6734 阅读 · 2 评论 -
vue2.9 实现axios+Element (loadding+message)对各种异常状态的封装,提示处理
实现对axios+element的二次封装效果,一切尽在注释当中import axios from 'axios'import Qs from 'qs'import { Message,Loading} from 'element-ui';//引入elm组件import router from "../router";//引入路由控制器let loadingInstance;//定时器...原创 2018-07-10 23:05:33 · 2773 阅读 · 1 评论 -
vue实现完整的项目 (一:实现路由的配置和页面的跳转)
路由毫无疑问是vue的重中之重,废话不多说直接开怼一:在comment文件夹下,创建一个login登陆的vue首先熟悉一下,vue文件的基本结构,方便数据处理二:在router文件夹下的index.js文件中 配置路由通过 import 引入刚刚建好的页面。在这里给页面配置一个访问地址 。其中mode: 'history' 可以去掉地址栏的#号于是 第一个通过路由配置的页面就成功了...原创 2018-07-08 00:37:32 · 12509 阅读 · 0 评论 -
vue实现完整的项目 (二:引入公共的头部文件)
首先,创建头部文件在需要引入公共头部文件的vue中,通过import导入重点来了,需要通过compents将头部组件激活,然后再template模板中,直接引入头部文件 <login-header></login-header>其中需要注意的是 标签写法为 LoginHeader的小写,并且单词中间加个-,(login-header)...原创 2018-07-08 00:46:29 · 9060 阅读 · 2 评论 -
vue cli2 和 cli3去掉eslint 检查器的报错
cli2去掉eslint 检查器的报错eslint在编写过程中及其严格,甚至单引号和双引号或者空格注释都会引起报错,导致项目无法正常运行因此,只需要在build文件夹下,找到webpack.base.conf.js文件将下面一行代码注释掉,即可正常编译了 cli3去掉eslint 检查器的报错...原创 2018-07-08 00:50:10 · 5592 阅读 · 3 评论 -
vue实现完整的项目 (三:通过ajax向后端传送数据 -- axios组件)
vue提供了axios组件用于与后端的交互,类似ajax的方式。一:使用 cnpm 安装 axioscnpm install axios -S二:创建一个改写的axios.js文件,用于自己定制化操作。import axios from 'axios'import Qs from 'qs'let host = 'http://op.mddyg.com/'host = window.locat...原创 2018-07-08 01:01:00 · 6970 阅读 · 0 评论 -
vue 实现MD5加密 + sha3_256 双重加密
MD5加密一:使用cnpm安装cnpm install --save js-md5二:在需要加密的vue文件中导入import md5 from 'js-md5';//md5加密三:对数据进行加密md5('123456')即可完成MD5的加密sha3加密SHA-3第三代安全散列算法(Secure Hash Algorit...原创 2018-07-08 01:05:05 · 3013 阅读 · 1 评论 -
vue 2.9的配置 (二 : vue的安装 和vue-devtools的配置)
在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。通过终端安装vue :cnpm install -g vue安装命令行工具 (CLI)Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可...原创 2018-03-12 23:29:01 · 2511 阅读 · 0 评论