- 博客(30)
- 收藏
- 关注
RSS订阅原创 Error: listen EADDRNOTAVAIL: address not available 192.168.43.149:8002
运行npm run dev时会出现 Error: listen EADDRNOTAVAIL: address not available 192.168.43.149:8002 的错误，是由于本机IP是动态变化，两个IP不同导致此类错误的产生，打开config文件夹，找到index.js文件，将里面的host: '192.168.43.149'改为host: 'localhost',host: '192.168.219.149'...
2021-08-30 09:40:46
1183
原创 vue 中 $listeners 的使用方法
listeners的官方介绍：包含了父作用域中的(不含.native修饰器的)v−on事件监听器。它可以通过v−on="listeners 的官方介绍：包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="listeners的官方介绍：包含了父作用域中的(不含.native修饰器的)v−on事件监听器。它可以通过v−on="listeners"传入内部组件——在创建更高层次的组件时非常有用。<div id="app"> A{{ms.
2021-08-19 17:25:07
1086
原创 vue 最全组件通信方法
组件通信常⽤⽅式：props、event、vuex边界情况：parent、parent、parent、children、root、root、root、refs、provide/inject⾮prop特性：attrs、attrs、attrs、listenersprops$emit / $on//vue中$emit与$onvar Event = new Vue();//相当于又new了一个vue实例，Event中含有vue的全部方法；Event.$emit('msg',this.msg);.
2021-08-19 17:21:34
164
原创 git出现“Please enter a commit message to explain why this merge is necessary”报错的解决方法
git 在pull或者合并分支的时候有时会遇到这个界面:请输入提交消息来解释为什么这种合并是必要的。可以不管(直接下面3,4步)，如果要输入解释的话就需要:按键盘上的“i”键可进入插入模式这时可以修改最上方的黄色部分，改成你想写的合并原因按键盘上的“Esc”键退出插入模式最后在最下面输入“ :wq ”后按回车键即可...
2021-08-05 16:57:42
2547
原创 Git出现游离分支(HEAD detached from XXXX解决方法) 提交代码报错:error: src refspec dev does not match any
今天在提交代码时git push xxx xxx 之后出现如下错误，记录一下git push origin deverror: src refspec dev does not match any于是查看当前分支如下：可以看到当前在HEAD detached from origin/dev分支下，此为游离分支，是匿名的解决方法：1.查看在游离状态下提交的最新commit号：执行git reflog命令或者执行git branch -v命令，两者其一即可git refloggit branc
2021-07-27 18:09:43
824
原创 vscode保存代码,自动按照eslint规范格式化代码设置
安装 eslint 插件打开用户配置文件 -> 首选项 -> 设置搜索setting.json填写如下配置{ "search.exclude": { "**/node_modules": true, "**/bower_components": true, "**/dist": true, "build/": true, "temp/": true, "library/": true, "**/*.anim": true,.
2021-06-18 16:41:39
580
原创 vue子组件this.$parent调用父组件方法报错TypeError:this.parent.xxx is not a function
在做 vue 项目开发时，遇到了在子组件中利用this.parent调用父组件的自定义方法，报‘TypeError:this.parent调用父组件的自定义方法，报`TypeError: this.parent调用父组件的自定义方法，报‘TypeError:this.parent.xxx is not a function`的错，可是在父组件明明定义了该方法，遂查询 vue.js 的官方文档，但是文档也只有简短的说明，并没有相关的错误提示。官方文档中没有提示，那就只能自己动手找原因了，随即就在子组件中打印
2021-03-23 14:21:07
12208
4
原创 jquery画小图插件-jquery.sparkline.js
在我们的项目中，需要一些画一些小图，例如一些小的线图，小的柱图等等。在网上找了下，觉得jquery.sparkline.js还是个不错的东东。官网地址：http://omnipotent.net/jquery.sparkline/文档地址：http://omnipotent.net/jquery.sparkline/#docs下载地址：http://omnipotent.net/jquery.sparkline/#download在sparkline中，我们可以找到基本的线图，柱图，饼图等等，而
2020-07-10 11:40:26
576
原创 jQuery.Cookie.js用法
Cookies定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie/<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javas
2020-07-10 10:21:54
161
原创 jquery-backstretch实现登录页面背景图切换
1、安装1-1、从GitHub下载/保存JS文件https://github.com/jquery-backstretch/jquery-backstretch2-1、npm安装npm i jquery-backstretch2、使用：2-1、Backstretch幻灯片演示与延迟加载配合使用：<body> <div class="container" style="width: 1000px;height: 500px;"></div> <
2020-07-09 20:42:15
393
原创 HBuilder 打包webapp 设置沉浸式状态栏
1.在manifest.json 要设置"fullscreen": false；2.在 manifest.json 设置"plus": { "launchwebview": { "statusbar": { "background": "#00933c" } }, ...
2020-01-20 11:28:41
1274
1
原创 vue 路由传递参数
vue路由跳转传递参数：1、使用params，但是这种方式在页面刷新的时候会出现很多问题，需要在路由中配置2、使用query，页面刷新不会存在问题，也不需要在路由中配置。 { path:'/detail', component: detail, }使用方法：传递参数（JS中）：this.$router.push({ path: '/detail', que...
2020-01-20 11:13:39
253
原创 div绝对居中的六种方法
在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现。方法一:绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;）div{ background:red; position: abs...
2020-01-20 11:07:48
1317
原创 CSS中使用特殊字体
@font-face { font-family: fzhcjt; src: url("../../../src/assets/font/fzhcjt.ttf"); font-weight: normal; font-style: normal;}span{ font-family: 'fzhcjt';}到Google Web Fonts和Dafont.com下载.t...
2020-01-20 10:57:22
674
原创 Vue项目通过HBulider打包原生APP
Vue webapp项目通过HBulider打包原生APP1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：2、打开HBulider,打开目录，选择这个list，项目名称自己更改。...
2020-01-20 10:31:35
308
原创 Win10系统安装webpack、vue等报错：无法加载文件 C:\Users\17542\AppData\Roaming\npm\vue.ps1，因为 在此系统上禁止运行脚本。
Win10系统安装webpack、vue等报错：无法加载文件 C:\Users\17542\AppData\Roaming\npm\vue.ps1，因为 在此系统上禁止运行脚本。出现的问题：安装完webpack、vue-cli、cnpm等之后，在命令行下运行报错：无法加载文件 C:\Users\17542\AppData\Roaming\npm\vue.ps1，因为 在此系统上禁止运行脚本。...
2020-01-20 10:23:05
554
2
原创 vue sass安装
1、开始在vue项目中使用sass,在命令行输入一下命令进行安装（使用git命令行要用shift+insert 进行粘贴否则粘贴不上）cnpm install node-sass --save-dev //安装node-sass cnpm install sass-loader --save-dev //安装sass-loader cnpm install style-loader --sa...
2020-01-20 10:19:06
246
原创 前端知识图谱
1. 5JS基础：ES5,es6，canvas（只能画2D的图）,websocket(实时推送，)2. H5：离线存储（local, session,cookie），定位,sag(字体图标，画线，看源码)，webGL(画3D的图)3. 图表类：Echart,hchart(传一些数据，一般是对象，数组，搜图表.js,饼图，折线图，直线图。。。。。)4. 框架类：Vue(mint,element...
2020-01-17 18:15:14
525
原创 前端知识图谱
前端知识图谱 JavaScript高级 事件与运动框架封装 javaScript原理与库封装 jQuery jQuery案例 正则表达式与JSON 正则表达式案例 模块化 CommonJS AMD RequireJs CMD ES6 Modules HTML5&CSS3 HTML CSS3 Bootstrap ...
2020-01-17 17:44:37
507
原创 vue解决跨域
vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个：一、后台更改headerheader(‘Access-Control-Allow...
2020-01-17 17:39:16
197
原创 vue卸载（升级）UI组件
首先把之前 的VANT 卸载掉npm uninstall vant然后重新安装 一次vantnpm i vant -S
2020-01-17 10:03:06
6053
转载 搭建java开发环境--JDK的安装及配置
实现原理实现原理也比较简单对整个列表实现上移动画将列表的第一个数据移动到最后一个因为vue是基于数据驱动的，所以，对我们开发者来说，直接操控数组，删除第一个数组数据，然后追加到数组后面就好了。template 部分 <!-- 无缝滚动效果 --> <div class="marquee-wrap"> <ul class="marquee-...
2020-01-08 14:55:16
231
原创 文字超出显示省略号CSS
单号：white-space:nowrap;overflow:hidden;text-overflow:ellipsis;多行：word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:...
2020-01-08 14:37:55
61
原创 vue加scoped后就无法修改UI组件的样式
在mainfest.json的plus中以下位置添加statusbar内容"plus": { "statusbar":{ "immersed": tr...
2020-01-03 11:21:41
296
原创 从svn拉下的代码无状态图标（绿色对勾）的解决方法
1、进入任意文件夹，然后右键TortoiseSvn—>setting—>icon overlays 勾选shell 和fixed drives:2、还是上面图，选择 icon set 然后选择对应的系统，比如我的是win10 系统，如果你的是win7就选择win7 的:执行了如上两部，点确定，重启电脑就有绿色的对勾了，若还不行修改注册表...
2019-11-26 00:33:39
1787
1
原创 使用scss报错TypeError: this.getResolve is not a function
原因：安装的sass-loader的版本为最新8.0.0，查看网上资料说是版本过高导致编译错误。 解决方法：把项目package.json文件中sass-loader版本改为7.3.1。执行命令，重新安装项目依赖：npm install然后，启动项目：npm run dev就好了！ ...
2019-11-26 00:14:02
192
原创 使用toFixed()函数时，出现“toFixed() is not a function”的解决办法
toFixed只能针对数字类型才能使用，所以对于字符类型的要用parseFloat(value).toFixed(2)+% 保留2为小数后面加个百分号或者parseInt函数先转一下再调用
2019-11-26 00:10:21
2212
原创 清除svn版本号文件
@echo oncolor 2fmode con: cols=80 lines=25@REM@echo 正在清理SVN文件，请稍候…@rem 循环删除当前目录及子目录下所有的SVN文件@rem for /r . %%a in (.) do @if exist “%%a.svn” @echo “%%a.svn”@for /r . %%a in (.) do @if exist “%%a...
2019-06-28 18:10:59
489
原创 一次ajax调用，为什么却发送了二次http请求
会发现其中一次请求 Method是OPTIONS 另外一次是正常请求 原因如下： 浏览器对复杂跨域请求的处理，在发送真正的请求前, 会先发送一个方法为OPTIONS的预请求(preflight request), 用于试探服务端是否能接受真正的请求，如果options获得的回应是拒绝性质的，比如404\403\500等http状态，就会停止post、put等请求的发出。有三种方式会...
2019-06-21 18:05:30
835
原创 element中input的change事件
element中input的change事件是移除焦点才触发：<el-inputplaceholder=“同事姓名或账号”suffix-icon=“el-icon-search”v-model=“keyword”@change=“handlerPageNo”style=“width: 180px;”>想要变成输入就出发：解决：使用@input...
2019-05-17 17:37:55
4768
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人