随笔分类 - vue
摘要：1.首先创建src下创建utils文件夹，创建transition.js文件封装过渡组件 const transitionStyle = '0.3s height ease-in-out' const Transition = { // 进入前 设置el元素的transition,高度0 befor
阅读全文
摘要：vite打包使用了rollup，这个时候引入axios不能使用之前vue-cli的方法，打包会报错， 解决方案： import Axios from 'axios'; 改成 >> import Axios from 'axios/dist/axios';
阅读全文
摘要：我们在用vue-cli打包的时候，往往会出现包比较大的情况，webpack4已经帮我们进行了分包的处理，那我们也可以再进行gzip压缩打包，减小包的体积 1.需要用到的插件： npm i -D compression-webpack-plugint 特别注意，有的版本会出现”TypeError: C
阅读全文
摘要：<template> <div> <a-directory-tree multiple default-expand-all @select="onSelect" :icon='getIcon' > <a-tree-node key="0-0" title="parent 0"> <a-tree-n
阅读全文
摘要：... data() { return { pickerOptions1: { disabledDate(time) { return time.getTime() < Date.now() - 8.64e7; }, } }...
阅读全文
摘要：今天再开发中遇到一件事情，就是怎样用已有数据导出excel文件，网上有许多方法，有说用数据流的方式，https://www.cnblogs.com/yeqrblog/p/9758981.html，但是现在我的想法是只是用数组数据，不接著与数据流的方式去实现，事实证明是可以的： 1.安装依赖 2.在m
阅读全文
摘要：vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何在vue3中替换默认的icon(favicon.ico)的导航栏图标呢: public的index.html有这么一
阅读全文
摘要：如题，在new worker时需要传入js文件路径，可是在electron环境中使用出现问。同目录下，recorder.jsworker.js recorder.js中调用 这个地方需要用到node里面的__dirname
阅读全文
摘要：最近学习了一下websocket的即时通信，感觉非常的强大，这里我用node启动了一个服务进行websocket链接，然后再vue的view里面进行了链接，进行通信，废话不多说，直接上代码吧， 首先，我需要用到node的nodejs-websocket模块 使用yarn进行安装 当然，你也可以用np
阅读全文
摘要：安装命令行输入： 或 配置package.json中，在postcss中添加代码： 配置项： “viewportWidth”: 750, // 设计稿的宽度 “unitPrecision”: 3, // px转成vw、vh后小数点保留的位数 “minPixelValue”: 1, // 不转化为vw
阅读全文
摘要：1.npm 安装font-awesome 以及需要的所有依赖 2.在入口文件main.js里面引入相关的样式 如此，就可以愉快的使用了。
阅读全文
摘要：仪表图（”solidgauge“）在highcharts中属于扩展，单独引入highcharts使用仪表图会报错，需要在你的组件中做一谢其他的引入： 这样就可以了
阅读全文
摘要：1.安装好mockjs命令行 2.在项目中引用mockjs [ 重要 ] ##在项目src目录下新建一个mock文件夹 ##在mock文件夹下新建 index.js 存放所有的http模拟返回的接口数据 3.编辑index.js 添加代码导入mockjs： * 添加接口数据代码：**********
阅读全文
摘要：1：因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。 然后在命令行中cnpm install 大多人应该都是使用的淘宝镜像，所以使用cnpm，如果你不是 ，可以使用npm安
阅读全文
摘要：现在在用vue做一些单页面应用的东西，遇到了些许问题啊，比如我再渲染首页的时候，会渲染两次，查看了一下原因，原来是在写路由的时候写的格式错了： 这样的时候，初始的时候就是加载的exam_list页面，但是会加载两次， 解决方法，把首页的url单独拿出来写进路由，初始的时候进行路由重定向即可：
阅读全文
摘要：1.安装highcharts 2.在main.js中 3.创建chart组件 4.其他组件引用图表
阅读全文
摘要：当我们的项目越来越大的时候，我们就开始使用vuex来管理我们的项目的状态。但是如果vuex的状态多了呢，这个时候module就登场了。看了一下官方的文档，很详细，但是没有demo让初学者很头疼。那我就写个简单的demo吧： 首先，我再vuex里面有两个文件，一个是test,一个是test2： tes
阅读全文
摘要：最近一直在看node有关的内容，空闲时间做了一个小小的爬虫，用于爬取电影天堂的数据然后写到mongodb里面，代码地址：https://github.com/fangming666/dianyingtiantang/blob/master/nodeServer/index.js 然后获取的mongo
阅读全文
摘要：我们在做表单提交的时候，往往会碰到一些表单提交的需求，那vue的axios与上传文件碰撞后不会出现什么不一样的火花吗，听我一一道来： 首先，我们需要对写一个vue的axios的表单提交，由于本人用的是webpack，so代码： 用的是pug的模板，也可以换成HTML的，无伤大雅，主要看js逻辑代码，
阅读全文
