- 博客(35)
- 收藏
- 关注
RSS订阅原创 ubuntu18.04 搭建vue3环境
1、安装node npm 安装方式根据网上查看分两种，一种在官方自己下载安装；另一种在线安装直接百度就可以更新源sudo apt-get update安装nodesudo apt-get install nodejs查看node版本nodejs -vnode --versionnpm 安装下载sudo apt-get install npm安装淘宝镜像---cnpm下载sudo npm install -g cnpm --r...
2021-07-05 15:38:06
3129
原创 vue 主题切换深色系和浅色系
vue项目进行主题色切换，主要是echart、element-ui、主题色等三个位置的颜色调整echart 和element 调用第三方框架进行切换，提前准备好其主题色本系统主题色需要自己进行代码提取，经过网上查询，本次采用css自定义变量进行颜色主题切换，可参考下面链接https://wanshi.netlify.app/2019/11/21/2019-11-22-vue%E9%A1%B9%E7%9B%AE%E4%BD%BF%E7%94%A8css%E5%8F%98%E9%87%8F%E5%A
2021-03-04 15:29:24
4469
4
原创 桌面通知引发的后续问题------http修改为https
桌面通知要求协议必须是https,原本的协议是http,明文传送,不安全导致浏览器默认就会拒绝弹出任何信息所以,下一步,需要把http修改为https分两种情况:一是开发模式 (本地代码) 二是生产模式(也就是部署后)开发模式开发模式需要添加两个地方,一般在图二中添加图一的代码;另外还需要在config/index.js 反向代理中添加图3的代码 devServer:{ https:true, },//具体添加位置得看具体项目生产模式这种情..
2020-12-16 14:34:51
339
原创 vue 前端读取excel文件内容
1. html模块 <el-button type="primary" @click="handleUpload" size="small" icon="el-icon-folder-add"> 报表导入</el-button> <input id="excel-upload-input" type="file" accept=".xlsx, .xls" v-show="hide" @change="handkeFileChange">2. 引用插件..
2020-12-07 13:55:56
2176
2
原创 vue 跨域 使用nginx 反向代理
跨域问题,头疼两天了, 分两种情况1开发环境 这种情况相对简单一点,在config/index文件中proxyTable中增加新的并进行重定向;taget是新的IP+端口pathRewrite进行重定向在对应的接口中匹配api这样在请求的时候,以/api开头的会匹配到找个taget的ip上面然后npm run dev 就可以了此时此刻想到一句话,,,会的都简单,不会的都难2 生产环境目前我了解的是两种方式,我是前端,这两种方式都需要后端的配合1.后端进行...
2020-11-13 18:39:45
721
原创 js 取到excel的时间格式是44147，如何转成时间格式
44147是excel中时间格式的整形，如果读取文件拿到这个值，需要进行时间进行转化formatDate(numb, format) { const time = new Date((numb - 1) * 24 * 3600000 + 1) time.setYear(time.getFullYear() - 70) const year = time.getFullYear() + '' const mo
2020-11-13 10:33:32
664
原创 vue scoped不生效
vue 文件在其style中增加“scoped” 是只对当天文件有效，但也存在bug就是不能覆盖原生态组件的样式可以新增style,不增加scoped,然后定义一个新的class ,再其新的class中进行样式修改这样样式就只在本页面中生效了...
2020-11-11 16:58:50
576
原创 element 对全部数据进行排序
1、对表格排序方法/*** * 表格排序 * @param array 进行排序的数组 * @param field 需要排序的字段 * @param reverse 排序方式 */export function jsonSort(array, field, reverse) { //数组长度小于2 或 没有指定排序字段 或 不是json格式数据 if (array.length < 2 || !field || typeof array[0] !== "objec
2020-11-10 19:04:56
2537
原创 前端按照其他标准排序
百度搜索只有按数字、ASCII、或者按中文进行排序，这远远达不到我们的需求为此，可以延伸出来一种方式；先把固定的排序列成一个数组，然后利用冒泡排序。简单来说呢，在冒泡排序中添加一层转换，因为此次我用的对象数组，所以在排序的时候先那其对象值在列表中找到key,然后按照他们的key一一对比//按其固定的备注进行排序const typeSort = ['l_o', 't_o', 'd_o', 're', 'cl']export function sortByType(arr) { v
2020-11-10 11:36:06
113
原创 桌面通知
想要实现类似于广告那种，打开浏览器就弹出一个提醒，并实时更新；通过H5来实现可能两种业务逻辑 1、打开系统后通知，直接调用就可以，但是有要求，关闭系统后取消通知，2、打开浏览器不打开系统就通知，这种需要翻墙实现目前只实现了第一种创建了main.js 文件 ，在系统一打开的时候进行调用var NotificationHandler = { isNotificationSupported: 'Notification' in window, isPermissi...
2020-11-03 11:05:42
202
原创 sessionstorage使用注意事项
sessionstorage中存储的是字符串，如果存在的是布尔型或者数值型，会自动转成成字符串，使用时要注意； sessionstorage 是当前浏览器窗口存储的信息，新建窗口，就找不到存储的数据了，若存储到浏览器中，可以使用localstorage或者利用vuex...
2020-10-14 16:31:28
520
原创 axios 添加拦截器,请求参数加密
新建request.js文件import axios from 'axios'import qs from 'qs';import md5 from 'js-md5'import * as Base64 from 'js-base64'function encrypt(params) { let encoded = Base64.encode(JSON.stringify(params)) //字符串转义,加密 let md5Str = md5(md5(enco...
2020-10-10 14:54:16
4531
2
转载 element中筛选框默认增加全选按钮
需求:下拉的时候需要增加全选按钮参考以下连接:两个筛选框,第一个是想要的需求点代码参考:https://gitee.com/muwanqing_admin/vue-test/blob/master/src/components/select.vue<template> <div class="select-height"> <template> <el-select v-model="valu
2020-09-11 19:09:34
615
原创 vue 多源数据怎么处理
情况描述：项目需要增加一个新服务，且两个服务IP一样，端口号不一致，以下两种情况1、开发环境下 可以在config/index.js中直接配置；‘/’是原本服务，、'/scan'是新增的，可以进行调试，两边接口都可以用2、部署打包需要固定的ip+端口，进行重定向使用，可能会出现跨域问题，一般跨域后台解决两个步骤：1、将这个文件在main.js中引用，在该代理下的接口进行调用2、在文件中调用，在后台提供的接口中前增加小白的无奈，问了别人才知道，开发和部署还...
2020-08-28 16:20:15
265
原创 vs code 出现git 代码没有合并
git config --global core.autocrlf truegit 出现代码不合并的情况，查找原因是文件格式问题，vscode 中是CRLF，git 中是LF，需要加一层转换就可以对git不了解的，一定切记在git-cmd.exe中执行
2020-08-25 13:44:22
1171
原创 vue 中filter前端筛选
主要分两种情况1、简单的字符串筛选queryData(){ let vm = this ///原数组 inittableDatecopy let arr = vm.inittableDatecopy if(vm.value!= ''){ arr = arr.filter(i=>{return i.acqStatus==vm.value}) }
2020-08-04 16:02:31
2841
原创 vue突然报错 Failed to mount component: template or render function not defined.
昨天临走时，运行时可以的，第二天来就报错，无奈现象描述：只有一个页面是这种情况，比如是A页面，先打开A页面后，其他页面一律不能用，显示空白；若先打开B页面，则可以正常使用，再打开A页面，得，全部页面不能用首先排除是其他页面造成得原因，单独测试A页面，笨办法一点点测试，最后都修改为原文件，还是报错那就不是修改代码得问题了，继续百度，最后找到了原因router文件中compent组件调用得文件没有后缀名，我去，，，很尴尬，同样名称得文件有js，vue文件，同时存在的话，会默认加载js文件啊，那肯
2020-07-16 17:16:56
869
原创 element 组件switch 使用
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></el-switch><script> export default { data() { return { value: true } } };组件直接在官网上面找就可以，但是使用的时候默认值要注意，字符串直接调用就可以；有区别的.
2020-06-16 16:33:40
1861
原创 装系统全过程
1、下载系统，在下面这网址中找到对应想要用的系统；直接下载https://msdn.itellyou.cn/2、用下载器下载，我用的是迅雷，网页直接下载安装失败，后来找了迅雷7安装，完美3、制作启动盘，朋友推荐是U深度，很快，很便捷http://www.ushendu.com/http://www.ushendu.com/upcjwt/15516.html4、安装系统，目前刚走到第三个步骤，...
2020-06-15 19:42:22
188
原创 vue 赋值改变原数组
使用场景:websocket 实时 获取数据，获取不到显示0，获取到了展示该数据先定义了原数组【{}，{}，{}】：json格式，包括数据，名称描述，单位等信息，并定义了顺序1、如果直接修改值的话：JSON.parse(JSON.stringify(值))2、转换下通过中间copyarr数组来转换下copyarr = JSON.parse(JSON.stringify(...
2020-04-23 13:22:45
1113
原创 后台返回格式json,需要拼成树形结构
拿到数据后，网上找了一篇js，事实证明，是可以用的，但是自己挖的坑还得自己跳；用完以后，3000条数据专程导航树大概用了50s左右，这简直接受不了！！！！没发现问题前，，找后台，找大神咨询怎么会出现这种情况，人尽皆知啊。下午自己静下心来思考，就发现了问题1、第一篇get(){ let parents = data.filter(value => value.parent...
2020-04-21 17:04:14
606
2
原创 vue打包过滤掉‘console.log’
1、找到这个文件2、添加一下代码3、测试，时间原因，没有测试，应该是没有问题的，有问题后期更新代码： new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, // 打包后 log 就不会出现了 drop...
2020-04-21 16:56:25
440
原创 element 表格的筛选控件用与不用，用的场景
目前需求：表格多层状态筛选，且需要分页，需要根据查询条件导出实验多次：分页情况下可以进行全局筛选；借用链接：https://blog.csdn.net/wh13267207590/article/details/90597967然后具体逻辑 let data = [] let key = Object.keys(filters) console.log(...
2020-04-16 14:49:44
254
转载 json(对象数组中根据某一属性的值获取重复的的数据)
let arr = [ {id: 1, sku: 101, name: 'sku101'}, {id: 2, sku: 102, name: 'sku102'}, {id: 3, sku: 103, name: 'sku103'}, {id: 4, sku: 101, name: 'sku101'}, {i...
2020-03-15 19:59:17
2784
原创 两个一维数组拼成二维数组,绘制图表可能会用到
let cc =[5,8,4,9,7,2]let dd = [2,4,6,5,7,5]得到的结果[[5,2],[8,4],[4,6],[9,5],[7,7],[2,5]export function drawGt(displacement,gtdispload){ const arrNew = [] //循环根据index拼接 for(var i in disp...
2020-01-08 17:20:12
1229
原创 前端时间格式转换
1、2020-01-08T16:32:32.000000Z 转 北京时间 yy-mm-dd2020-01-08T16:32:32.000000Z为UTC通用格式format(time, format) { var t = new Date(time); var tf = function (i) { return (i ...
2020-01-08 17:12:56
2165
转载 vue 打包生成的map文件
map 文件主要是用来定位打包以后出现错误的位置可以不生成，再config/index.js 修改一下参数 productionSourceMap: false,map文件再打包文件中占较大内存转载：https://blog.csdn.net/qappleh/article/details/99672722...
2019-12-11 09:00:45
1889
1
原创 mock.js 使用
1、先下载依赖2、再main.js中引入（4中的index 文件） require('./mock/index.js')3、准备好你的数据，注意，格式一定要和接口格式一样，4、再src下创建mock文件，分别创建index.js 和user.js ，index.js （文件名称随意，一定要再main.js中引入，主要用mock拦截接口，并返回数据）import Mo...
2019-12-09 14:35:34
355
原创 组件基础--组件的使用
1、组件部分（组件内部 ，涉及到子组件收到父的传值）<template> <el-select v-model="val" filterable clearable placeholder="请选择水井"> <el-option v-for="(option, index) in val_options" :key="index" :lab...
2019-11-10 17:48:36
186
原创 H5EDU 学员swiper项目实战
swiper插件项目实战 共16人袁志宇简历pc端链接： http://1.webyzycom.applinzi.com/resume/index.html手机端链接 ： http://1.webyzycom.applinzi.com/resumemobel/index.html简介：主要介绍了个人基本信息、专业技能、作品展览、个人介绍。（1）运用sw
2017-04-16 09:31:48
909
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人