自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

SHALLNY

如果感觉能有点帮助的话,关注走一波~

转载 JavaScript URLdecode函数

JavaScript中urldecode有相应的函数,使用方便。但urldecode就需要一些处理,直接上代码 function UrlDecode(zipStr){ var uzipStr = ''; for (var i = 0; i < zipStr.l...

2020-04-03 09:51:34 47 0

原创 Uncaught (in promise) DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL

url写法不对,格式应为http://xxxxxxxx

2020-03-31 01:57:58 50 0

原创 gyp ERR! configure error. gyp ERR! stack Error: gyp failed with exit code: 1

electron-vue项目初打包时报错 AttributeError: ‘NoneType’ object has no attribute ‘groups’ gyp ERR! configure error gyp ERR! stack Error: gyp failed with exit ...

2020-03-29 09:10:07 191 0

原创 warning package.json: No license field报错

只需要在package.json内对license添加“ISC”值即可 "license": "ISC", 再次执行无误

2020-03-27 17:15:28 254 0

原创 Can't locate Mac/Memory.pm in @INC报错与electron-vue打包操作

electron–builder 打包详细过程 electron-vue在利用npm run build后报错,最终采用了electron-builder来打包 以上是报错内容 需要在打包前,先进行pack编译 npm run pack 在执行打包操作指令 这里分为打包为dmg mac电脑安...

2020-03-25 15:41:39 341 0

原创 鼠标hover界面logo触发放大动画效果css样式

在宣传官网上普遍的动画效果,就是鼠标hover触发logo轻微变大 css代码效果如下: .featured-app-logo-wrapper{ width:120px !important; height:120px !important; margin:10px !important; ...

2020-03-20 11:34:46 41 0

原创 electron+vue项目简单创建

当具有electron和vue的基础知识后,可以创建基于vue的electron项目 electron-vue 充分利用 vue-cli 作为脚手架工具,加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的...

2020-03-19 21:32:58 131 0

原创 Eslint的报错信息Module Error (from ./node_modules/_eslint-loader@2.2.1@eslint-loader/index.js)解决方法

此处报错为eslint多添加了一个分号,是因为在项目中Eslintrc.js内的配置中并未允许添加分号,故只需要修改该文件并进行配置即可。 关于分号的配置为下图中的semi,此处设置为0即可 module.exports = { root: true, env: { node: ...

2020-03-19 15:02:22 2456 0

原创 波涛滚动动画效果css样式

波涛效果图,入下图所示,实际动画效果是利用css animate不断左右平移波浪图,使其看起来像是在翻滚 1.动画css,此处用了三个波浪图,用两个动画效果进行交替移动展现 @keyframes trains{ from{background-position:0} to{backgr...

2020-03-18 12:58:25 27 0

原创 css设置字母数字字体库信息

引入字母数字字体库,当前展示效果如下: 对于css的引入font-face设置 @font-face { font-family: "Source Sans Pro"; src: local("Source Sans Pro"), url(&quo...

2020-03-17 15:57:25 169 0

原创 HTML中选择器select下拉框内容显示不全的解决办法

1.select选择框内的value值数据过长而显示不全,从而影响界面显示 2.此时需要的需求展示是,鼠标置于其上,能够全部显示出来 可对select设置title后即可完成 新效果截图为: ...

2020-03-16 15:37:43 154 0

原创 The authenticity of host 'github.com (52.74.223.119)' can't be established.

这里出现这个报错之后,如果直接回车的话,报错是ssh key的问题 当出现 The authenticity of host ‘github.com (52.74.223.119)’ can’t be established. 下列截图的这种 再询问Are you sure you want to...

2020-03-14 22:42:50 16 0

原创 warning: remote HEAD refers to nonexistent ref, unable to checkout报错信息

当进行git clone 新项目时,出现了报错信息warning: remote HEAD refers to nonexistent ref, unable to checkout。 此时是因为当前项目文件夹内没有指向分支,此时可通过指令git show -ref进行查看 此时只需要重新定位...

2020-03-06 23:39:19 32 0

原创 基于gulp搭建的前端自动化构建

基于gulp搭建的前端自动化构建,需要在项目中引入wbepack-cli,来添加gulp依赖,并对gulp文件做文件路径配置,执行打包命令即可 首先新建项目文件夹后,项目目录下创建 package.json 文件。 npm init 安装 gulp 命令行工具 npm install ...

2020-01-09 11:30:48 110 4

原创 Echats关系图les-miserables的图表详细解析(和弦图)

当前遇到的图表为关系图https://www.echartsjs.com/examples/zh/editor.html?c=graph-circular-layout,它的数据结构连接为:https://www.echartsjs.comdata/asset/data/les-miserable...

2019-11-28 15:03:28 748 2

原创 es6的foreach与some的循环遍历

1.foreach循环遍历 直接上代码: result.value.forEach((item,index)=>{ console.log(index); }) 对于return,break不起作用 2.some的循环遍历 let arr = [1,2,3,4,5,6,7...

2019-08-15 14:49:44 243 0

原创 ant design vue组件内的monthPicker月份选择器如何设置value值、取值与清零

ant design vue官方组件有些描述需要自己去反复尝试,现在遇到的monthPicker的设置value初始值,取值以及清零方法如下: 初始情况下即为空状态,默认绑定到一个变量,且当前赋值为undefined <a-month-picker placeholder=...

2019-07-24 14:48:53 2850 0

原创 vue调试工具vue-devtools安装及使用

到github下载:git clone https://github.com/vuejs/vue-devtools.git 在vue-devtools目录下安装依赖包: npm install 在目录下修改mainfest.json文件信息将persistent修改为false 之后在谷歌浏览...

2019-06-20 10:23:11 93 0

原创 Vue二级三级路由、路由守卫

一、二级路由和三级路由 router/index.js A路由设置 针对二级路由或者三级路由的直接默认显示路由信息 B引入路由信息 二、路由守卫信息: 全局配置守卫信息: main.js router.beforeEach((to,from,next)=>{ //alert(&quo...

2019-06-17 16:27:05 219 0

原创 Vue路由引导-当路径路由出错

当路由填写出错或不存在时,可在router的路由界面中填写以下index.js内容: const routes = { { path:'*',redirect:'/' } }

2019-06-17 16:00:38 109 0

原创 Vue组件嵌套-全局/局部注册组件

一般都使用局部注册组件与使用 Users.vue <template> <div></div> </template> 1.全局注册组件 main.js import Users from './components/Users...

2019-06-15 17:29:35 323 0

原创 js 获取当月最后一天的日期 以及 function中return多个数据表示方法

关于计算当月的总共天数和最后一天日期function如下: getCountDays:function (){ var date = new Date(), month = date.getMonth(), newday = date....

2019-05-15 20:59:05 90 0

原创 gulp使用babel的坑:使用babel后js并没有压缩 未更新

在使用gulp进行对项目文件的压缩时,出现了es6语法转化未es5后进行压缩js,并没有按照设置的生成预期出现的minjs,以及更新相应的js文件。 问题:经过网上查询资料以及反复尝试,发现是npm发布的gulp-babel版本问题,他并不会报错,仅仅是不更新压缩文件。 解决方法: 首先查看自身...

2019-05-13 12:42:17 632 0

原创 解决鼠标mouseenter和mouseleave来回闪烁问题

写久了UI组件封装的web项目,再去写常规的无UI组件的后台管理系统,真是添砖加瓦都得自己写。 在实际运用中,鼠标事件会有很多的触发异常效果在里面,比如今天要说的鼠标经过、移开事件,我习惯用mouseenter 和 mouseleave这两个。 2.在下面这段html代码中需求时,当鼠标经过该d...

2019-04-29 14:10:17 1713 0

原创 gulp打包报错 “Error: Unhandled 'error' event at new JS_Parse_Error”

报错信息如下: 原因在于gulp打包时未将es6语法转为es5 1.首先在项目下进行安装gulp的babel转码 npm install --save-dev gulp-babel babel-core babel-preset-es2015 2.此时在gulp压缩配置文件内添加如下babe...

2019-04-23 13:52:57 780 0

原创 webpack & gulp 打包html + jquery多页面项目

单页面应用框架如vue或者小程序等,建议使用webpack 而纯html+jquery多页面多js代码,建议使用gulp 试了很久多页面应用webpack来打包,最终放弃。

2019-04-09 09:53:15 1126 2

原创 VsCode汉化配置

1.使用了VS Code这个前端开发工具,从官网下载下来后显示为英文界面。 2.使用命令行commad + shift + p,打开命令行界面,试着输入“language”,会出现一个语言配置选项 3.选择confirgure Display Language,会打开一个语言配置代码信息 修改...

2019-02-18 14:03:05 2016 2

原创 vue 计算属性computed方法内传参

遇到头疼的vue计算属性传参问题 经过各种资料查找,亲测有效 index.vue &amp;lt;van-circle v-model=&quot;Ratedata[index].currentRate&quot; color=&q...

2018-10-16 15:44:18 14852 2

原创 No PostCSS Config Vue中启动后报错

1.新建的vue项目启动后报错 No PostCSS Config found in: /Library/WebServer/Documents/WebserveProjects/shopapp-wechat/node_module 2.此时需要对webpack 3.0进行配置 postcss....

2018-10-11 16:02:45 1437 1

原创 Error: tunneling socket could not be established, cause=connect ECO微信小程序本地调试预览出错

微信小程序中,编译后进行预览突然报错 Error: tunneling socket could not be established, cause=connect ECO 经查找资料发现可以通过以下方式 1.找到开发工具中 “工具 - 设置 - 代理设置”,选择不使用任何代理即可 2.再次编译...

2018-10-11 16:00:53 3499 0

原创 Access-Control-Allow-Origin跨域解决问题

1.由于前后端自身的代码服务器不是同一个产生的跨域问题,可以通过两种方法解决。其一后台端设置可跨域访问,其二就是前端调试浏览器自行安装Access-Control-Allow-Origin的插件 2.在chrome商店搜索 Access-Control-Allow-Origin 就可以找到,扩展程...

2018-10-08 16:14:17 799 0

原创 js时区时间转换格式:h5内转换含有T字母的8小时时区时间格式

1.后台传过来的数据含有时区日期,该日期为浏览器识别日期,此时进行日期格式的转换,如采用getFullYears()等方法后,手机微信打开的h5界面则显示为NAN,非法日期格式,此时应采用如下方法转换。 2018-09-12T19:19:30.000+0000 2.首先对日期进行拆解,获得...

2018-09-13 03:27:11 8744 1

原创 Duplicate keys detected: '1'. This may cause an update error. vue报错

1.报错信息 错误信息展示为关键字‘keys‘,此时应该检查for循环中的key,循环的key值不为唯一性 &lt;van-cell v-for="(item,index) in list" :key="item"&gt; {...

2018-09-08 21:55:49 18085 14

原创 vue中 import 、 export 和 export default 的注意问题

A.在公用js中,多个方法需要调用的话,可以在vue项目中进行export default,抛出一个变量,然后在vue中引入后来调用使用 1、common.js中 ``` var common = { //密码检测 checkPassword:function(passw...

2018-08-14 15:57:28 3632 0

原创 调用js文件里的函数报错onclick is not defined处理方法以及调用其他方法

对于js中onclick方法的使用写法,正确如下: getChoice = function (param_index) { $(&amp;quot;.charge-btn-group&amp;quot;).removeClass(&amp;quot;btn...

2018-08-07 14:58:11 1745 0

原创 微信小程序数据传值与引用data变量

1、在微信小程序中通过点击方法进行变量赋值,可以将数值定义在e.currentTarget.dataset里 通过定义data-x,将index值进行传递 &lt;block wx:for="{{imgUrls}}" wx:key="{{index}}&q...

2018-07-24 14:10:43 10079 0

原创 微信小程序placeholder设置自定义样式

1、与一般html不同,这里的input标签内的placeholder样式需要自己设置一个属性值 placeholder-class,再对css进行修饰 &lt;view class='search-rec'&gt; &lt;image cla...

2018-07-23 16:45:29 2184 0

原创 js获取用户使用的设备类型及平台

在项目中需要统计用户使用的设备信息 1.见html代码如下,将结果信息打印在控制台 index.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http...

2018-07-23 15:14:13 2317 0

原创 用Axure RP 8.0 制作类似时间5秒倒计时效果(包含软件汉化方法)

1.最近对于原型设计稍感兴趣,便下载了一个RP软件练练手,结合自己实际的项目,遇到了一个倒计时5秒的情况,现以该例进行总结。对于新手刚接触该软件还是要先下载一个汉化包熟悉下工具与菜单栏信息。 2.在网上下载到该汉化包 https://pan.baidu.com/share/init?surl=...

2018-07-10 14:19:21 1108 0

原创 js 实现点击按钮复制文本功能(适用于android / ios)

1、在做点击按钮复制功能时遇到了小小的卡顿,此处遇到了两种系统手机的兼容性 / 复制后会对文本进行选中 / 输入法弹出 等。现将方法进行总结,如下代码很好对解决了以上问题,适用性强。 2、在文本此处使用p标签或者div标签都可 &lt;div class="copy-fo...

2018-07-09 17:48:19 7139 7

提示
确定要删除当前文章?
取消 删除