- 博客(35)
- 收藏
- 关注
RSS订阅
原创 vue-cli4.5.13按需引入vant，解决vant样式失效问题
1.使用vue-cli4.5.13新建vue项目①先全局安装最新版本的vue-cli,如果安装了旧版本的，最好先卸载npm install -g @vue/cli# ORyarn global add @vue/cli@创建项目vue create 自己项目的名称2，下载vantnpm i vant -S3.下载babel-plugin-import并在babel.config.js中修改配置如下（babel-plugin-import文档上有详细说明如何配置）module.exp
2021-06-28 14:30:20
2108
原创 vue-cli3.x部署时的publicPath配置
vue-cli3.x搭建的后台管理项目，由后台统一部署，测试服和正式服的域名都只有一个，但是要部署不同的项目并能正常访问，服务端同事就想通过给域名添加后缀，并且给打包后文件添加相同的路径前缀的方式来区别不同的项目eg ：http://xxx.com/project是项目的访问地址 那访问打包后的产物时路径为：http://xxx.com/project/static 总之就是：服务的域名+你想设置的前缀（前后端保持一致）+静态资源文件路径前端配合解决的方法如下：..
2021-04-23 09:51:32
3442
原创 jenkins执行npm install失败：Error: yorkie@2.0.0 install: `node bin/install.js
最近新做一个使用vue开发的后台管理系统，要和服务端项目一起启动并更新测试服等服务，构建工具使用的jenkins在jenkins是哪个运行npm install命令时报错误如下：yorkie@2.0.0 install /data/.jenkins/workspace/local5-sc-console/sc-admin-view/node_modules/yorkienode bin/install.jsinternal/modules/cjs/loader.js:983throw err;
2020-12-02 17:51:48
9966
1
原创 js 正则替换非数字的字符的几种情况
//匹配字符串前面的所有非数字字符并替换为空字符var str=“我爱我家12456你好”str=str.replace(/^\D*/,’’)console.log(str) // “12456你好”//匹配字符串后面的所有非数字字符并替换为空字符var str=“我爱我家12456你好”str=str.replace(/(\D*)$/,’’)console.log(str) // “我爱我家12456”//替换字符串里面所有的非数字字符并替换为空字符串var str=“我爱我
2020-10-20 15:56:33
12324
原创 element-ui 自定义搜索栏组件中联动效果的select下拉框清空的问题（解决思路）
用vue3.x+element-ui来写后台管理，自己二次封装了一个搜索栏组件，想搜索栏组件传递配置项数组实现组件的显示需求：品类下拉框选择翡翠时才显示货品形态下拉框，如果不是翡翠，则隐藏货品形态下拉框搜索栏组件传入配置项格式如下：formOptions: [{label: ‘品类’,prop: ‘productType’,element: ‘el-select’,initValue:’’,options: [],events:{change:this.productTypeChang
2020-08-29 15:39:10
3716
原创 element-ui的el-checkbox-group回显失败，尝试多种办法，最终解决
最近几天适用vue-cli3.x结合element-ui做后台管理发现编辑时el-checkbox-group回显不了，并且要点击两次才能选择，在网上搜索，没有见到什么解决办法，就自己在哪里瞎琢磨，最后发现问题就是在提交和返回的数据这里我跟后台约定提交什么，还返回什么，可是实际返回的数据却无法渲染，最后使用遍历的方式从多选框的数据源取出了对应的数据，然后用这些数据渲染就可以正常显示了我提交的格式是[{id:1,name:‘一口价’},{id:2,name:‘拍卖’}],就是选择了什么就提交什么，并不是取
2020-05-28 13:39:52
7006
4
原创 点击el-select时，如果不满足操作条件，不能弹出下拉列表，同时要弹出错误提示
【代码】点击el-select时，如果不满足操作条件，不能弹出下拉列表，同时要弹出错误提示。
2024-09-03 09:06:36
374
原创 vxe-table表头分组，渲染多维数据，实现隐藏显示列
vxe-table@3.5.4，表头分组情况下，要根据搜索条件的变化，实现分组表头和列的动态隐藏和显示。
2024-08-30 16:44:43
766
原创 Vue项目npm run serve，命令行面板报错404s will fallback to /index.html，首页无法加载
Vue项目npm run serve，命令行面板报错404s will fallback to /index.html，首页无法加载，已解决
2023-01-04 10:02:28
3781
1
原创 npm install报错See https://v8.dev/blog/math-random for details. /d/nodejsv12.16.3/npm: line 37: 649
npm install报错See https://v8.dev/blog/math-random for details./d/nodejsv12.16.3/npm: line 37: 649 Segmentation fault "$NODE_EXE" "$NPM_CLI_JS" "$@" 的解决办法
2023-01-04 09:37:01
838
原创 npm run dev报filemanager-webpack-plugin相关错误
报错如下：D:\Workspace\ps-vue\node_modules\filemanager-webpack-plugin\lib\index.js:271if (isGlob) archive.glob(command.source, globOptions);else if (sStats.isFile()) archive.file(command.source, { name: path$1.basename(command.source) });else if (sStats.isDire
2022-07-21 14:55:02
1281
原创 React项目 fetch 本地json文件 报错404问题
一年没有碰React了，有点生疏了，于是自己手动搭建了一个Ract脚手架方便做练习，我使用的是redux进行状态管理在actions的userInfo.js(功能页面，名字自己定义)中新建如下请求函数：export function getUserInfo(){ return function(dispatch){ dispatch(getUserInfoRequest()) return fetch('/api/user.json') //关键请求 .then((re
2022-06-17 13:54:37
1829
原创 vue-cli4.x+ant design of Vue+luckysheet，在360浏览器报不兼容错误
luckysheet是一款功能强大的纯前端类似excel的在线电子表格ant design of vue@1.7.2 第三方的vue组件库项目运行在360浏览器报了三种错误，无法打开：第一种：Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode [duplicate]这个错误是luckysheet.umd.js导致的，我是
2022-06-13 15:45:51
890
原创 从0开始手动搭建React脚手架，index.html页面报eslint错误Parsing error: Unexpected token (1:0)eslint
公司电脑nodeJs版本12.16.3，npm版本6.14.4不支持使用create-react-app最新版本来生成React项目，在借鉴了一些大佬的文章后，决定自己手动搭建脚手架，配置完基本的eslint之后，index.html报eslint错误如下：Parsing error: Unexpected token (1:0)eslint：解决办法：npm install @typescript-eslint/parser --save-dev.eslintrc.js中配置如下：modu
2022-06-06 09:37:21
1683
原创 vue 实时搜索 防抖功能
最近在做实时搜索功能时，被要求使用防抖函数，就自己手写一个，已用于大型项目中<template> <el-input placeholder="请搜索关键字" @input="inputHandle" v-model="input4"> <i slot="prefix" class="el-input__icon el-icon-search"></i> </el-input></template>expo
2022-04-18 08:45:39
782
原创 Post请求的两种编码格式：application/x-www-form-urlencoded和multipart/form-data
文章举例说明，写的非常清晰https://www.jianshu.com/p/53b5bd0f1d44
2021-10-28 11:12:13
126
原创 http协议重点掌握内容
前后端对接时候很多坑都是你对HTTP协议不了解，不熟悉造成的。 很多人不重视基础，对HTTP协议只了解一些皮毛，成天都在折腾各种高大上的框架，张口闭口谈的也是各种听不懂的名词，仿佛讨论HTTP协议就很low一样。 但你可知道，你们讨论的这些各种框架、各种名词都终都只是HTTP协议不同实现方式而已，asp、jsp、php、asp.net(asp.net core) 、nodejs、app、小程序、公众号、服务号这些耳熟能详框架（或名词）那个不是建立在HTTP之上的（或能离开HTTP协议）。 可以这样说，做We
2021-10-27 16:45:49
127
原创 vue前端接收excel文件流并下载
请求如下axios({ url: '接口地址', method: 'get', //当前请求的请求方式 params: parameter, //如果还有其他参数，在这里传递 responseType: 'blob' //一定要记得加这行，设置服务器响应的数据类型为blob类型 })```后台直接返回文件流var res = 上面请求返回的文件流/////接下来是处理文件流并下载逻辑```javascriptlet blob = new Blob([re
2021-09-27 16:58:48
3157
原创 vue 前端实现base64转excel格式文件并下载
假设请求回来的base64格式结果为resultvar raw = window.atob(result);var uInt8Array = new Uint8Array(result.length);for (var i = 0; i < raw.length; i++) { uInt8Array[i] = raw.charCodeAt(i);}const link = document.createElement("a");const blob = new Blob([uInt
2021-09-27 11:23:51
1431
2
原创 a-table表格根据属性值相同进行上下行的合并
参照下面这个方法，可以实现很多种情况下的行合并效果：因为无法上传效果图，直接上代码，请见谅1：如果你是先请求数据，那就拿到请求结果的时候做如下逻辑，我用的假数据，在created或者mounted做如下逻辑都可以```javascriptthis.tableData = [{ wuliao: '黄豆', wuliaoCode: '******', wuliaoName: '黄豆', compName: '*****', supplyCode: '*****', supplyName: '丽丽'},
2021-07-13 10:54:25
2400
原创 vue实现tab左右滑动效果
废话 不多说，直接上代码，简单易懂哈，纯左右滑动效果<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://unpkg.com/vue/dist/vue.js"></script><style> .father{ w
2021-07-02 17:32:24
1490
2
原创 vue-cli4.5.13+vant+vw做移动端适配
最近可能需要做一个移动端的H5项目，了解到虽然lib-filexible比较常用，但是viewport越来越流行，所以想尝试使用vw来做移动端适配，顺便学习一下vw适配主要依赖于postcss-px-to-viewport这个插件，自动根据屏幕宽度把px转化为vw单位，以达到适配的目的目前我的配置如下，亲测可以正常运行1，先下载相关插件（注意版本匹配，我是自己一个个试出来的最终匹配版本）npm i postcss-px-to-viewport postcss-aspect-ratio-mini po
2021-06-28 13:37:32
1013
2
原创 vue-cli3.x配置compression-webpack-plugin，尝试多次终于配置成功
尝试多次终于配置成功，jenkins自动构建正常，使用命令行打包构建及运行均正常vue.config.js中配置如下：现在顶部引入：const CompressionPlugin = require('compression-webpack-plugin')在这 configureWebpack: config => { config.devtool = 'source-map' // 生产环境取消 console.log if (process.env.NODE_
2021-05-07 16:18:47
2069
原创 vue+ant design of vue搭建后台项目，放在服务端访问时遇到的坑
前后台端代码放在同一个文件夹下的不同文件夹中，后端自己打包后映射到dist文件夹下的index.html，实现访问后台项目需要注意的是路由配置中的mode不要设置成history，并且设置根目录下的vue.config.js中的publicPath=“./”...
2020-12-05 15:54:52
529
原创 原生js+正则+es6语法实现 千位分隔符
废话不多说，直接上代码：function isNumber(obj){return (typeof obj==‘number’)&&obj.constructorNumber;}function isString(str){return (typeof str’string’)&&str.constructor==String;}function seprator(str){var result = [];for(var i=0;i<str.lengt
2020-11-16 09:47:28
474
原创 js中的！和!!的用法和区别
以js的六个假值元素为例来说明1，！console.log(!null) //trueconsole.log(!undefined) //trueconsole.log(!’’) //trueconsole.log(!NaN) //trueconsole.log(!0) //trueconsole.log(!false) //true其余的使用！符号转换为布尔值时均为false可以用来作为判断条件：例如如果变量a不存在就做什么逻辑否则做什么逻辑if(!a){}
2020-11-07 15:40:11
377
原创 vue-cli3.x+element-ui写后台管理
上面图片所示的样式和交互，可以使用如下代码实现，类似布局+++校验，可借鉴，源码如下：js+css如下：
2020-07-24 16:18:34
220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人