薯条铭-CSDN博客

原创 mac 报错：sh: vue-cli-service: command not found

#清除缓冲 npm cache clean --force#重新安装 npm/cnpm install

2021-08-19 15:35:47 1933

原创实现ECharts双Y轴左右刻度线一致并不是参差不齐的刻度线

当我们有两个y轴时，两边的取值不一，导致我们的刻度线会出现两条，使我们看起来比较凌乱，所以找了很多方法最终以下种方法实现①首先固定两边的分隔的段数。①分别求出左边Y轴和右边Y轴的最大值max和最小值min，根据max和min之间的和去除以分隔的段数，分别算出左边Y轴和右边Y轴的分隔间隔。②在ECharts中有两个很重要的属性：interval：强制设置坐标轴分割间隔。splitNumber：坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据

2021-08-13 10:55:16 5830 1

原创 [JS]一行代码搞定，查找对象数组中某属性的最大最小值

查找对象数组中某属性的最大最小值的快捷方法例如要查找array数组中对象的value属性的最大值 [ {val:'10'}, {val:'20'}, {val:'30'}, {val:'40'}, {val:'50'}, {val:'60'} ]const num = Math.max.apply(Math, array.map(function(o) {return o.val}))console.log(num) // 60

2021-08-13 09:54:51 1669

转载 js保留N位小数并且不进行四舍五入的奇思妙想

背景：从接口获取到一个数字，前端需要转换到万，亿等单位。并始终保留两位小数，不能四舍五入。实现方式一：使用if else的方式分别处理，整数，一位小数，两位小数，三位小数的情况，并且计算到小数点的位置。代码比较复杂，决定不采用实现方式二：使用split + substr ，具体实现。/** * * @param value 任意数值 * @param count 大于0的整数 * @returns { string } */const toFixed = function(

2021-08-12 16:25:55 490

原创如何让Element UI的Message消息提示每次只弹出一个

Element UI的Message消息提示是点击一次触发一次的。在封装接口中调用失败会返回多个弹窗，导致很不友好，所以就出了一下参考解决方案import { Message } from 'element-ui'const showMessage = Symbol('showMessage')class DonMessage { success(options, single = true) { this[showMessage]('success', option

2021-07-22 14:44:10 4860 3

原创 Added non-passive event listener to a scroll-blocking . Consider marking event handler as ‘passive‘

解决：1.使用npm管理器下载default-passive-events依赖包 npm i default-passive-events -S2.入口文件main.js引入 import 'default-passive-events'

2021-06-18 15:40:53 931 2

原创 git地址变更 vs code 如何修改本地地址并查看

方式：cmd or shell切换到工程目录查看现有地址git remote -v复制原有地址并修改新仓库地址 git remote set-url origin http://xxx.com/group/project.git查看现有地址git remote -v 检查是否切换成功

2021-03-05 17:39:18 3675 1

原创 Cascader 级联选择器实现多个选择器联动报错问题 leve为空

Cascader 级联选择器解决多级联动报错问题<el-cascader :options="options" :props="props" clearable></el-cascader>因为没有重新加载组件的问题，导致问题的出现，接下来我们用v-if 或者改变key值使组件能够进行重新加载<el-cascader :options="options" :props="props" :key="keyVla"clearable></el-casca..

2021-02-25 11:09:41 766 2

原创在vue中使用鼠标事件@mousedown、@mouseenter等失效的解决办法，以及PC端长按实现

@mouseenter、@mousedown等鼠标事件[非鼠标点击事件]时，发现事件不触发，失效了此时应该在@mouseenter、@mouseenter等鼠标事件加上native属性就好了三个事件的触发时机mousedown当鼠标指针移动到元素上方，并按下鼠标按键（左、右键均可）时，会发生mousedown事件。与click事件不同，mousedown事件仅需要按键被按下，而不需要松开即可发生。mouseup当在元素上松开鼠标按键（左、右键均可）时，会发生mou...

2021-02-24 17:16:44 32993

原创 error Incorrect integrity when fetching from the cache

error Incorrect integrity when fetching from the cacheinfo Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.翻译（从缓存提取时出现错误完整性不正确）使用yarn cache clean清除缓存

2021-01-28 17:14:59 342

原创前端时间排序处理

function pcompare(prop,rev) { // 第二个参数没有传递，默认升序排序 if(rev === undefined) { rev = 1; }else { rev = rev ? 1: -1; } return function(obj1,obj2) { // 方括..

2021-01-18 14:46:13 1378

原创项目上线后console.log打印的数据不让客户看见,就这样实现

在前端开发的过程中一般会打印很多的日志但是要发布到线上的时候不希望客户看到其他的信息，但是一个一个的注释太麻烦找了资料引入插件什么的太麻烦，就直接一行代码解决在main.js中加入以下一行代码console.log = function() {}...

2020-12-28 19:09:45 606

原创前端手写功能比如防抖之类的...

1. 防抖function debounce(func, ms = 1000) { let timer; return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { func.apply(this, args) }, ms) }}// 测试const task = () => { console.

2020-09-21 16:00:48 182

原创前端获取OpenId,用于微信各种借口调用

1、获取url中参数code；根据code 获取openId；调用后台接口获取openId function getUrlKey(name){//获取url 参数 return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null; } function get

2020-09-21 09:27:07 640

原创 error Incorrect integrity when fetching from the cache，当yarn找不到命令时那你应该看这篇文章

当你用yarn install或者serve 失败时，找不到该命令，error Incorrect integrity when fetching from the cacheinfo Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.那你应该使用这行命令yarn cache clean用于清缓存已经解决我的问题，快来试一下吧！...

2020-08-24 15:43:34 127

原创 vue IOS 软键盘顶起下间距

在input中使用@blur="iosBlur"，用来监听获取焦点和失去焦点iosBlur() { let ua = window.navigator.userAgent; //$alert('浏览器版本: ' + app + '\n' + '用户代理: ' + ua); if (!!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/...

2020-04-21 16:02:18 406

原创 vue-cli3中px2rem-loader和lib-flexible的安装和配置

配置安装1：npm i postcss-px2rem --save -dev安装2：npm i lib-flexible --save（在项目中启动vue ui也可以快速安装）配置1：入口文件main.js中引入：import 'lib-flexible/flexible.js'配置2：在vue.config.jsmodule.exports = { css:...

2020-04-12 01:00:07 2238 1

原创 MAC程序坞0响应设置

为了在使用MAC的时候能获取更多的视野，我都会将程序坞自动隐藏，但是程序坞会有一点的延迟，这让我很难受，严重影响自己在开发过程中的效率，然后翻阅很多资料，我查询到了以下代码对于新手来说介绍以下终端是什么？复制代码回车键执行便可。设置操作打开终端输入如下命令defaults write com.apple.Dock autohide-delay -float 0 &...

2020-04-03 20:29:44 1933

转载 Vue内嵌iframe及通讯

Vue内嵌iframe及通讯消息交互方式父向子传递消息：iframeEl.contentWindow.postMessage子接收父消息：window.addEventListener(‘message’)子向父传递消息：window.parent.postMessage父接收子消息：window.addEventListener(‘message’)实例-html：parent...

2019-04-17 17:23:16 6496

原创理解 $nextTick 的作用,解决在不支持es6语法的项目中，解决方案

可以先看下深入响应式原理 - vue.js这个官方文档，如果看不懂再来看这些博客。Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM，API 文档中官方示例如下：new Vue({ // .....

2019-04-15 15:04:14 1909

原创前端控台，添加checkbox，复选框，支持多选，单选，全选，取消全选。VUE和JQ都兼容

我们做的是控制台，首先在第一th写上多选框，用来做全选按钮<th> <label for="checkTop" href="javascript:;"> <input type="checkbox" onclick="isCheckAll(this)" name="topCheckbox" value="top" id="checkT...

2019-04-15 12:07:54 760

原创当你有时候修改了css文件之后页面样式还是没有变呢,这就可能会是你的解决方法

在做项目的时候，当写jsp文件时，有时候怎么修改css文件，页面都没有渲染，过段时间又好了。开始一直是以为自己jsp和css的配置出了问题，或者是jar包没有导进去，经过网上的查阅可实践才发现，是网页的缓存的问题。在清理完缓存后，css文件就起了作用。小编的浏览器是谷歌。...

2019-04-15 10:38:04 4536 1

转载超炫酷的粒子+抖动效果写代码，webstorm activate-power-mode插件安装及配置抖音

粒子+抖动效果是用activate-power-mode插件实现的，简直就是装逼神器。有开发者将此插件移植到了webstorm中。安装和配置方法如下：1、去webstorm插件中心下载activate-power-mode插件安装包：https://plugins.jetbrains.com/plugin/8330-activate-power-mode2、选择websto...

2019-04-09 10:47:53 6092 1

转载前端H5页面开发 IOS系统当input输入框失去焦点（软键盘关闭后），被撑起的页面无法回退到原来正常的位置

H5微信页面开发，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，导致弹框里的按钮响应区域错位。解决方案：给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶部，并且需要加定时器，否则偶尔会失效，$("input,select").blur(function(){ setTimeout(func...

2019-04-04 14:42:38 1366

原创 VUE长按事件需求功能实现

最近公司提了一个需求，需要长按添加删除按钮，我以下为大家写一个简单的长按事件，拿走就能应用到你的项目中。以为我们公司还要点击的话还要跳一个页面，在div中又添加了一个click事件，长按不跳转，反之跳转。<div class="weui_cell" v-for="(item,index) in labelList" @touchstart="showDeleteButton(ite...

2019-03-06 14:21:44 8391 5

转载 mac下出现xcrun: error导致git、svn无法使用的解决办法

现象：xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun解决办法：在终端输入，会安装xcrunxcode-select --install安装完成后即可使用...

2019-01-03 10:26:12 232

原创如何修改百度地图定位的自定义标注设置和设置百度地图标注图片大小的问题【前端历程】

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0,

2018-10-23 16:42:16 9729

转载 (精) vue中用父子组件结合实现评论回复功能

参考文档https://blog.csdn.net/weixin_35987513/article/details/53748707项目中分别有三个组件1.dynamic (父组件)2.reply (子组件评论的内容区块)3.commenttext (子组件评论的输入框)实现效果图引入部分<meta name="viewport" content="width=device-width,...

2018-06-28 11:57:35 7161 1

大前端薯条铭的博客