- 博客(55)
- 收藏
- 关注
RSS订阅
原创 js toLocaleString也太好用了吧！（超方便转千分位，中文数字等）
前端金额转千分位还在自己转吗？像下面这样？这就有点了，有更好的工具方法，那就是 toLocaleString目前，我查找了一下，下面三种数据类型都可以使用的方法number.toLocaleString([locales [, options]])：返回这个数字在特定语言环境下的表示字符串array.toLocaleString([locales [, options]])：返回一个字符串表示数组中的元素。
2024-02-20 10:31:46
881
原创 vue 打包后找不到资源文件
前一段时间我们写了一个项目，在本地是好的，但是布到线上发现有些字体图标找不到，然后就各种找问题，最后确认是资源文件路径没引用正确导致的，怎么解决呢：1、在build的utils文件中配置if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', // 此处添加 fallback: 'vue-style-loader'
2020-05-13 19:41:17
2888
原创 上传文件-批量上传出现进度条抢占的问题,以及实现多文件分开上传与进度条显示
最近接触一个项目中用到文件上传并要求可以添加编辑上传的文件信息，将文件转成二进制流的方式传参给后端，并要求带有实时[进度条](https://so.csdn.net/so/search?3. 判断全部文件是否全部上传完成（指的是接口调用完成，包括上传失败）2. 进度条和文件名建立对应关系。，我这个项目需求方需要同时上传。1. 进度条的展示。
2024-01-17 10:51:43
437
原创 使用node连接MongoDB云数据库遇到的问题
报错MongoDB 连接错误：MongoDB 连接错误： MongoServerError: bad auth : Authentication failed
2023-04-28 15:59:58
160
原创 vue导出excel使用xlsx、file-saver、xlsx-style、yxg-xlsx-style 遇到的坑
Error: Can‘t resolve ‘fs’ in export ‘default‘ (imported as ‘XLSX‘) was not found in ‘xlsxError: Can‘t resolve ‘crypto’ in
2022-09-29 18:03:18
1733
原创 如何配置多个ssh
一般来说，一台电脑默认只有一个私钥id_rsa和公钥id_rsa.pub。当我们需要在一台电脑上操作不同的github账号（或 gitlab、gitee、coding）就需要多个对应的ssh key，因为一个 github 账号只能建一个与账号名相同的仓库。...
2022-08-17 09:46:44
1097
原创 vue中针对后端接口不统一不规范的代理配置
最近工作中遇到了个问题，一个老项目后端接口没有规范，接口开头不一致，是这种类型/ns-**如果一个一个去配置那是相当费事，全局有很多，多方查找资料后找到了要给很好的方案，可以使用正则匹配，比如//path matchingcreateProxyMiddleware({...}) - matches any path, all requests will be proxied.createProxyMiddleware('/', {...}) - matches any path, all r
2022-04-18 09:37:35
960
转载 webstorm获取不到全局的yarn
webstorm使用yarn没权限解决方法 yarn : 无法加载文件 C:\Users\jiuyv\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 http://go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1 + yarn install+ ~~~~ + CategoryInfo : S
2022-01-07 11:27:48
1383
原创 csv和 文件流（二进制）excel文件转化为blob
如果是文件流（二进制）excel文件转化为blob，需要传 { responseType: “arraybuffer” } configApi.post(`/platform/push/exportCsv`, _params, { responseType: "arraybuffer" }).then(({ data, headers }) => { console.log(data, headers) let blob = new Blob([data], {
2021-08-19 16:00:13
2523
原创 vue+vxe-table中的vxe-table-column配合v-if导致列样式与位置错乱
vue+vxe-table中的vxe-table-column配合v-if导致列样式与位置错乱的现象根据需求，对vxe-table的某一列进行判断显隐时，经常会出现列的位置错乱和表头的样式变化的问题以及有值但是不显示的问题；注：此问题不属于技术问题 <vxe-table-column v-if="pageInfo.id === 4 ||pageInfo.id === 8" title="上报类型" width="100" key='1'>
2021-08-18 10:12:18
4150
原创 momentJS使用总结
//获取当周 var timeNow = new Date(）// 当前时间 var weekOfday = moment(timeNow).format('E'); // 计算今天是这周第几天 var nowDay = moment(timeNow).format('YYYY-MM-DD') // 当前日期 var Monday = moment(timeNow).subtract(weekOfday - 1, 'days').format('YYYY-MM-DD');.
2021-01-15 18:53:46
581
1
原创 JS实现一键复制
原生 js 实现点击按钮复制文本最近遇到一个需求，需要点击按钮，复制 聊天记录的文本到剪切板一、原理分析浏览器提供了 copy 命令 ，可以复制选中的内容document.execCommand("copy")如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板但是 select() 方法只对 和 有效，对于 就不好使最后我的解决方案是，在页面中添加一个 ，然后把它隐藏掉点击按钮的时候，先把 的 value 改为 的 i
2020-09-18 16:32:12
1375
原创 H5 的embed标签内嵌 pdf 无法正确显示
图片没有问题，但是如果放PDF就会出现问题：比如有两个 pdf 需要显示， 第一次点击第一个没有问题， 能正常显示， 但是点击第二个 pdf 时， 显示的还是第一个 pdf 的内容使用好多次方法都未能解决，最后使用 iframe 替换了...
2020-06-18 17:08:13
2567
原创 git代码管理遇到的问题
1.commit后如何撤销git reset --soft HEAD^ //撤销到add后状态2.add 后如何撤销git reset 文件名未完待续。。。
2020-06-16 18:38:20
240
原创 使用mac开发遇到的问题
一.电脑打开提示 webstorm文件损毁，移除到垃圾篓解决办法：https://blog.csdn.net/qq_41442590/article/details/1064252391、左上角苹果-系统偏好设置-安全和隐私-通用-左下角小锁-点击任何来源。没有任何来源就 找到终端，输入：sudo spctl –master-disable，然后输入密码即可。2、终端输入 sudo xattr -r -d com.apple.quarantine /Applications/WebStorm.a
2020-06-12 14:44:11
517
原创 echarts图表出现得问题
1、柱状和折现叠加超出得问题xAxis:{ type: 'category', data: dateList, name:"", boundaryGap: false, // },2、因为X轴类名太长导致不能显示全得问题axisLabel: { show: true, textStyle: { color: '#BEC5D6' }, interval : 0, formatter : function(params){//*
2020-06-03 17:09:40
296
原创 vue-admin-element从0到1快速开发成型到上线
1.登陆在login文件下的index.vue（接口在store文件下modules/user.js）（登陆页面如果接口成功但进不去页面则需要看一下store/modules/pemission.js的getUserPowers方法，看这里的返回值是不是正确的）2.获取用户信息根据getInfo接口后台返回的信息（接口在store文件下modules/user.js）...
2020-04-02 21:46:23
529
原创 什么是渐进式框架
什么是渐进式框架说白了，就是框架分层。那是如何分层的呢？就像《功夫》里面黄圣依手里拿的棒棒糖一样：最核心的是视图层渲染，然后往外是组件机制，在此基础上再加入路由机制，再加入状态管理，最外层是构建工具，vue和react都是如此。这样做有什么好处呢？可以根据不同的需求选择不同的层级。...
2019-07-09 10:27:35
4767
原创 vuex（二）
如何在vue组件中使用vuex中的getter就如官网所说：Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。所以在组件中可以把操作getter的方法写在计算属性中，例如//store.jsgetters: { a...
2019-03-18 16:08:47
127
原创 vuex（一）
最近在联系vuex，报错[vuex ]unknown action type,把我搞懵逼了我的代码最开始是这样的//actions.jsexport const actions = { addNote: ({dispatch}) =&amp;gt; { dispatch('ADD_NOTE') } } 组件中使用…mapActions...
2019-03-16 21:39:52
205
原创 判断扫码的客户端是微信还是支付宝
原理 根据UserAgent中的关键字来判断 如果有 MicroMessenger 为微信 如果有 ApliPayClient 则为支付宝 否则，不是这两家
2017-05-02 18:35:12
11018
原创 node不是内部或外部命令
原本的项目node是没有问题的，但是后来不知道什么原因在执行node命令的时候，报错 node不是内部或外部命令 ，后来就想到之前有动过系统的环境变量，就去查了一下，确实环境变量里面少了node，我的node是安装在D盘的。我就在环境变量的path里面加上了node的地址D:\Program Files\nodejs，确定之后重新打开命令行就发现node可以正常使用了。
2017-04-05 10:50:34
827
转载 atom的插件必备
ATOM常用插件推荐simplified-chinese-menu ATOM的汉化插件file-icons 文件图标美化atom-beautify 代码格式一键美化last-cursor-position 光标自由切换到上一次/下一次编辑位置minimap代码小地图sync-settings 插件备份、按键绑定备份activate-power-mode 输入时有震撼效果tor
2017-04-01 17:34:54
958
原创 在vue中使用百度地图
百度地图api按照官方文档写的代码报了以下图示的错： Uncaught TypeError:Cannot read property 'fc' of undefined
2017-03-08 19:30:55
5573
1
原创 开发微信页面，chrome与安卓真机联机调试
开发微信页面，chrome与安卓真机（安卓4.4及以上）联机调试 1、手机中打开“设置”->”开发人员选项”->”USB调试” 2、用Android机在微信端访问 http://debugx5.qq.com 3、在打开的网页中选择 【信息】->【TBS settings】，勾选 【是否打开 TBS 内核 Inspector 调试功能】 ，重启微信 4、打开pc侧chrome, 在地址栏中输
2017-03-07 15:45:27
4725
3
转载 html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offse
2017-03-07 15:39:48
421
转载 移动端web开发技巧
META相关 1.添加到主屏后的标题（IOS）<meta name="apple-mobile-web-app-title" content="标题"> 2.启用 WebApp 全屏模式（IOS） 当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）<meta name="apple-mobile-web-app-capable" content="yes
2016-11-27 22:28:02
984
原创 vue过滤器在v2.0版本用法
1.x写法<body><div id="app"> {{html|uppercase}}</div><script> new Vue({ el:'#app', data:{ msg:"123", html:"abc" } })</script></body>但是2.0中已
2016-11-25 09:26:25
37398
转载 css单边投影与双侧投影
box-shadow做单边投影的核心是第四个参数 扩张半径，这个参数会根据你指定的值去扩大或缩小投影尺寸，如果我们用一个负的扩张半径，而他的值刚好等于模糊半径，那么投影的尺寸就会与投影所属的元素尺寸完全一致，除非使用偏移量来移动他，否则我们将看不到任何投影。因此，如果此时给予一边一个正的偏移，你就会在该侧看到单边投影的效果。顶部单边投影：box-shadow: #000 0 -5px 5px -5p
2016-11-25 09:09:17
7857
转载 字符串转换成数字的三种方法 js
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全方法主要有三种:转换函数、强制类型转换、利用js变量弱类型转换1. 转换函数： js提供了parseInt()和parseFloat()两个转换函
2016-11-22 10:24:42
30738
转载 js 数组方法总结归类
1、创建数组var array = new Array();var array = new Array(size);//指定数组的长度var array = new Array(item1,item2……itemN);//创建数组并赋值2、取值、赋值var item = array[index];//获取指定元素的值array[index] = value;//为指定元素赋值3、添加新元素ar
2016-11-16 15:29:53
1254
原创 js 判断数组是否包含某元素
方法1、query或者zepto $.inArray(value,array)$.inArray(value,array) 可能产生的一个引用类型的问题，所以用的时候要注意比如：var testarr=[{"a":"0"},{"b":"1"},{"c":"2"}];alert($.inArray({"a":"0"},testarr)); //总是返回-1正常写法：var obj={'m':
2016-11-16 15:22:30
2688
原创 vue 如何添加全局函数或全局变量以及单页面的title设置总结
传统的设置title的方法是：document.title = ‘title’ 但是这种写法在iOS的微信上是不兼容的 这里设置title的方法是通过在百度搜索的所谓黑科技，避免了安卓和iOS的不兼容写法首先在index.html中定义一个全局的函数：var setTitle = function (title) { var u = navigator.userAgent
2016-11-16 12:11:27
15007
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人