huangsy421的博客

原创 前端项目npm i 时报错 notarget No matching version found for event-stream@3.3.6

2种办法1、根据报错描述提示时没有找到event-stream@3.3.6这个包首先去 https://www.npmjs.com/ 网站搜索这个包，发现没有这个版本最后发现原因在于 package-lock.json 文件出了问题，删掉这个文件即可。执行npm install 再重新生成一个 package-lock.json 即可2、查看报错日志在输出的log里查看报错，发现gulp-connect@5.6.1里确实引用了这个文件，手动安装 npm i gulp-connect@5.

原创 element-ui中表格添加fixed定位列后 出现表格错位现象

在tab切换时，elementUi的table会错位 解决办法l-table-column prop="name" label="姓名" width="80" fixed :key="Math.random()"></el-table-column>

原创 npm i时 command git --no-replace-objects ls-remote ssh://git@github.com/nhn/raphael.git

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

原创 npm i时报错git --no-replace-objects ls-remote ssh://git@github.com/nhn/raphael.git

npm install 报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree问题解npm版本：在这里插入图片描述查阅资料后说是因为npm7.x的版本比npm6.x更严格，两种解决方案：1.降级到npm6.x2.npm i --legacy-peer-deps不想降级npm 所以我先用的方案2 成功...

转载 解决 Vue 重复点击相同路由，出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题

方案一：只需在 router 文件夹下，添加如下代码：// src/router/index.jsVue.use(Router)const router = new Router({ routes})constVueRouterPush=Router.prototype.pushRouter.prototype.push=functionpush(to){returnVueRouterPush.call(this,to).catch(err=>err...

原创 模糊查询 vue

<!-- <div> <input type="text" v-model='search' /> <ul v-for="item in searchData "> <li>{{item.name}},价格:￥{{item.price}}</li> </ul> ...

转载 在vue中使用elementUI饿了么框架使用el-calendar日历组件，实现自定义显示备忘录标注

https://www.cnblogs.com/bobo1/p/12106366.html饿了么官网给的自定义例子是点击哪个日期在日期后面加个勾而我们想要的是显示备忘录，像这样↓，日历上直接显示这时候我们要把template里的代码改一下 {{ data.day.split(’-’).slice(1).join(’-’) }} {{dealMyDate(data.day)}}　　其实当我们刷新当前页面，或者点击日历上的日期选择其他月份，这个el-calendar都会重新渲染一次，

转载 vue-element-admin路由切换到新增或编辑页面后侧边栏依然高亮

分析：原模板中使用:default-active="KaTeX parse error: Expected '}', got 'EOF' at end of input: … return this.route.meta.guidePath ? this.route.meta.jumpPath:this.route.meta.jumpPath : this.route.meta.jumpPath:this.route.path},

原创 vue去掉地址栏的#

https://blog.youkuaiyun.com/u013573560/article/details/106255922/要去掉vue中访问地址中的#符号可以在路由器中由哈希变成设置路由模式为history:mode:‘history’,

原创 vue路由传参

this.router.push(path:′detailDone′,query:id:id)constid=this.router.push({ path: 'detailDone', query: { id: id }}) const id = this.router.push(path:′detailDone′,query:id:id)constid=this.route.query.id

原创 uniapp ios打包

https://ask.dcloud.net.cn/article/152

原创 uniapp ios 真机调试

需要：苹果电脑 原装数据线 运行到手机即可在这里插入图片描述

原创 Could not install from “@\api\tvPlay“ as it does not contain a package.json file.

删掉项目文件夹中的package-lock.json文件，先后运行npm install -g及npm install命令即可

原创 小程序应用echarts图表在tab切换的时候图表变形，大小发生变化

小程序应用echarts图表在tab切换的时候图表变形，大小发生变化 如图 tab切换的时候再加载代码就可以解决这个问题//切换导航switchNav: function (e) {var cur = e.target.dataset.current;if (this.data.currentTab == cur) {return false} else {this.s...

转载 node简单手记

Node.js REPL(交互式解释器)Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境，类似 Window 系统的终端或 Unix/Linux shell，我们可以在终端中输入命令，并接收系统的响应。输入 node来启动终端即可...

原创 vue跨域问题，修改代理后仍出现404

vue跨域问题，修改代理后仍出现404首先确认安装了axios，安装方法：cnpm install axios -S或者不用镜像npm install axiosdev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: { '/api': { target: 'http://...

转载 git常见命令

转载 FastStone Capture(FSCapture) 注册码

FastStone Capture(FSCapture) 注册码企业版序列号：name：blumanserial/序列号/注册码：VPISCJULXUFGDDXYAUYFFastStone Capture 注册码 序列号：name/用户名：TEAM JiOOkey/注册码：CPCWXRVCZW30HMKE8KQQUXWUSER NAME:TEAM_BRAiGHTLiNG_2007C...

转载 npm install 出现npm ERR! cb() never called!错误

npm install 出现npm ERR! cb() never called!错误解决办法：一、首先要以管理员模式打开cmd清除你的npm缓存 : npm cache clean -f二、清除完缓存后，安装最新版本的Node helper： npm install -g n注意：如果出现npm ERR! notsup Unsupported platform for n@2.1.8...

转载 微信小程序页面的生命周期

Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。onLoad // 生命周期函数–监听页面加载onReady // 生命周期函数–监听页面初次渲染完成onShow // 生命周期函数–监听页面显示onHide // 生命周期函数–监听页面隐藏onUnload ...

原创 echart资源

echart资源：github地址：https://github.com/apache/incubator-echarts；

转载 AngularJS——AngularJS中的Controller(控制器)

先看个示例转载&lt;!-- 在该控制器内保存着如下两个Model里的数据ng-model 指令用于双向绑定输入域到控制器的属性 --&gt; 第一个数字: &lt;input type="text" ng-model="first"&gt;&lt;br&gt;第二个数字: &lt;input type="text" ng-model="second"&g

转载 angularjs之循环遍历

var idArr = []; //创建一个空数组angular.forEach($scope.datalist, function (each) { //foreach循环，datalist是需要循环的数据列表，function后面需要加eachif (each.checked === true) { //each.checked==datalist.checked each...

原创 Uncaught TypeError: Cannot read property 'top' of undefined

Uncaught TypeError: Cannot read property ‘top’ of undefined因为选择器没有找到对应的dom，所以offset()方法返回null，再.top就报错了，先判断有没有dom元素if($(".captchaText")){}$(‘body,html’).animate({scrollTop: $(".c...

转载 AngularJS的学习--$on、$emit和$broadcast的使用

AngularJS中的作用域有一个非常有层次和嵌套分明的结构。其中它们都有一个主要的rootScope(也就说对应的Angular应用或者ng−app)，然后其他所有的作用域部分都是继承自这个rootScope(也就说对应的Angular应用或者ng-app)，然后其他所有的作用域部分都是继承自这个rootScope(也就说对应的Angular应用或者ng−app)，然后其他所有的作用域部分都是继...

转载 angular表单校验的值valid、invalid、pristine和dirty

angular内置了一套表单校验，其中包含几个状态①valid、invalid、pristine和dirtyvalid标记表单元素有效；invalid标记表单元素无效；pristine表示表单元素是纯净的，用户未操作过；dirty表示表单元素是已被用户操作过；②更改css属性.ng-pristine {}.ng-dirty {}.ng-valid {}.ng-invalid {...

转载 1.多重判断时使用 Array.includes

例如：function test(fruit) {if (fruit == ‘apple’ || fruit == ‘strawberry’) {console.log(‘red’);}}第一眼，上面这个例子看起来没问题。如果我们有更多名字叫 cherry 和 cranberries 的红色水果呢？我们准备用更多的 || 来拓展条件语句吗？我们可以用 Array.includes (...

原创 下拉框，点击展开，再次点击合上

$(&quot;.competitive&quot;).click(function () {if( $(this).next(&quot;.competitiveList&quot;).is(’:visible’)){$(this).next(&quot;.competitiveList&quot;).slideUp(300);$(this).children().addClass(“sjrot”);}else {$(this).next(&amp

转载 正则验证颜色符不符合16进制

function setMsgBgColor(obj){var bgColor = obj.attr(“data-bg-color”);;var pattern = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})KaTeX parse error: Expected 'EOF', got '&amp;' at position 23: … bgColor != "" &a...

转载 定时器，控制弹窗或者div几秒后消失

setTimeout(function () {$(".mask").hide();$(".msg-box").hide();}, 3000);

转载 JavaScript笔记整理(收藏）

(1) 获取Url绝对路径function getUrlRelativePath()　　 {　　　　var url = document.location.toString();　　　　var arrUrl = url.split("//");　　　　var start = arrUrl[1].indexOf("/");　　　　var relUrl = arrUrl[1].subst...

转载 解决 Vue 渲染echarts图表宽度只显示100px问题

解决 Vue 渲染echarts图表宽度只显示100px问题刚刚接触vue不久,在开发过程中遇到不少坑,走了很多弯路,其中一个就是在echarts图表加载渲染时,图表的宽度只能显示100px问题,这篇文章记录解决方案,对于像我一样的初学者来说,可能会有一些参考意义.出现这个问题的情况目前来说我只在原文：https://blog.youkuaiyun.com/u012891460/article/det...

转载 网页或者手机端实现点击拨打电话

&lt; a href=“tel:400-089-8802” &gt; 拨打电话

转载 改变input里placeholder的默认颜色

1.改变input的input::-webkit-input-placeholder { /* WebKit browsers /color: #fff;}input:-moz-placeholder { / Mozilla Firefox 4 to 18 /color: #fff;}input::-moz-placeholder { / Mozilla Firefox ...

转载 Git常用命令大全

git init在本地新建一个repo,进入一个项目目录,执行git init,会初始化一个repo,并在当前文件夹下创建一个.git文件夹.git clone获取一个url对应的远程Git repo, 创建一个local copy.一般的格式是git clone [url].clone下来的repo会以url最后一个斜线后面的名称命名,创建一个文件夹,如果想要指定特定的名称,可以git...

转载 图片404或者报错的情况下就用默认头像

代码：小农0121409-20 16:12onerror后面跟默认的图片链接onerror 事件会在文档或图像加载过程中发生错误时被触发。文档：在装载文档或图像的过程中如果发生了错误，就会调用该事件句柄。如图：图片加载错误触发alert在本例中，我们引用的图片不存在，所有弹出一个提示框。...

原创 如何移除input='number'时浏览器自带的上下箭头

转载 input输入框回车事件响应

1.方法1$(’#applyCertNum’).bind(‘keypress’,function(event){ if(event.keyCode == 13) { alert('你输入的内容为1：' + $('#applyCertNum').val()); } });2.方法2$(’#applyCertNum’...

转载 eq()和get()的区别

eq方法返回的是jquery对象，而get方法返回的是js对象；jquery对象可以使用jquery方法，而js对象却只能使用js原生的方法，但是js对象可以转换成jquery对象再使用jquery方法即可；例如：访问某个元素的backcolor：①使用eq方法：$(“dv”).eq(0).css(“backcolor”)②使用get方法：$(“dv”).get(0).style.backco...