- 博客(29)
- 收藏
- 关注
RSS订阅原创 chrome扩展程序开发——如何引用本地静态文件
问题：本人用了bootstrap的时间范围选择器，但是icon一直不能显示。 manifest的content-script里又不知道怎么引font文件，还试过把bootstrap.css里的fonturl换成自己的cdn也不可以(http升级错误)解决：后来看到文档讲解(……)，静态文件可以这样引：@font-face { font-family: 'Stint Ultra Expanded'; font-style: normal; font-weight:...
2020-08-17 17:08:08
1616
1
转载 elementUI select下拉框在ios移动端需要点击两次才能选中
解决方法:添加scss代码：.el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}
2020-04-30 11:23:12
2278
转载 js判断对象数组中是否存在某个对象
1. 如果要判断数组中是否存在某个元素的话很好判断，直接用数组的indexOf方法就好，存在返回当前索引不存在返回-1var arr=[1,2,3,4]arr.indexOf(3) // 2arr.indexOf(5) // -12. 要只是判断的话是可以遍历后判断对象的属性是否相同的，像这种：arr.forEach(item=>{ if(item.name=='Ale...
2020-04-07 16:42:14
3584
原创 解决 iOS 设备上链接因悬停需点击两次才跳转的问题
起因：vue项目的路由有hover效果 放到ios设备上时hover被识别成了第一次点击，需要点击第二次才跳转解决：在写sidebaritem的页面加入如下代码，成功!$(document).ready(function() { $('a').on('click touchend', function(e) { var el = $(this); var ...
2020-03-25 11:26:50
1334
转载 vue中使用data中的数据a给赋值给另外一个变量b，改变a或b的值，另一个对象也变化的解决方法
组件中data formValidate: { IsTelUntrue: 'true', ChannelValue: ['1', '2'], IsSatisfyValue: '1', EvaluateValue: '1' }问题我在提交之前，需把ChannelValue数据改为，将其改为所有数组元素相加的值...
2019-11-20 17:36:07
3396
1
原创 60秒倒计时（vue+element）
<template> <el-col :span="10" class="getCode"> <el-button :disabled="isDisabled" :class="isDisabled?'lightBrown opacit...
2019-10-16 16:10:32
3062
原创 vue项目 img动态src配置
直接配置不可以 需要注册一下 如下：data(){ return{ imgSrc:require("@/assets/images/icon.png") }}
2019-10-12 18:50:53
800
原创 css实现两头渐变border（线性渐变）
div{ border-right: 2px solid rgba(200, 220, 201, 1); border-image: linear-gradient(transparent, rgba(200, 220, 201, 1), transparent) 5 5;}
2019-10-09 10:22:26
4871
2
原创 vue data数据重置初始化
初始化 data 中的 loginForm 数据Object.assign(this.$data.loginForm, this.$options.data().loginForm);初始化全部的 data数据Object.assign(this.$data, this.$options.data());
2019-10-08 10:54:49
2494
原创 Gulp报错 Cannot read property 'apply' of undefined
执行gulp命令后出现下面的错误，原因是因为gulp-cli的版本问题，重新npm i gulp-cli -g就ok了/usr/local/lib/node_modules/gulp/bin/gulp.js:129 gulpInst.start.apply(gulpInst, toRun); ^TypeError: Cannot read...
2019-09-03 16:07:48
4109
1
原创 vue项目前端实现图形验证码
效果预览：（项目要求清爽一点，所以没背景。但是下面的代码会把背景干扰写进去）1.下载identify插件，命令：npm i identify2.在你的components目录新建一个vue组件，我的命名是：sIdentify.vue3.在组件内把下面的代码copy过去(可以自定义哈！)<template> <div class="s-canvas"...
2019-08-13 15:07:22
5702
4
原创 vue项目table实时模糊搜索并高亮
直接上代码了template部分：<div class="inventoryBox"> <el-table :data="tables" style="width: 100%" height="300" :style="tableStock"> <el-table-column type="index" label="序号...
2019-08-13 14:41:27
1015
原创 记录一次关于vue+localstorage编译部署的诡异报错（Error: Loading chunk S+eF failed.）
前情提要：背景：本人项目是基于vue-element-template的框架实现的(虽然删减了一部分)，navbar(顶部导航)和sidebar(侧边导航)都是默认的组件，与页面部分是同级的兄弟组件起因：在登录系统时希望运用localstorage存入当前登录所有用户的基本信息，然后在navbar和sidebar两个组件中读写问题描述：代码编译后在本地运行正常，把编译后的dist文...
2019-03-20 17:22:35
1230
原创 报错解决 Duplicate keys detected: '1'. This may cause an update error.
错误信息如下：原因： key值不唯一解决: 仔细检查是否用了同一个数据循环且:key值相同，如果相同给第二个key随便加一个标记就可以，如下：:key="index + '-only'"...
2019-03-01 11:11:52
133359
6
转载 使用vue-element-template框架开发时遇到的跨域问题
解决的思路是：1，原因，造成跨域的原因是因为我们设置的接口和请求的接口不同造成，而且一般做前后端 分享，后端 接口和前端文件不在同一个工程，也是造成跨域的原因2，解决思路在以前js和jquery时候，都是设置josnp或是后端 修改数据接口类型，解决起来非常麻烦在使用vue后，只要使用代理接口就可以解决3，开发环境所用工具a,webpackb,vuec,vue-...
2019-02-26 13:56:25
3846
原创 calc() 使用sass变量计算出现的问题和解决
正常的calc():.detailPage { width: 100%; min-height: calc(100vh - 50px); background-color: #f7f6f6;}本以为可以直接把具体像素换成scss，如下：.detailPage { width: 100%; min-height: calc(100vh - $...
2019-02-19 17:11:17
8576
转载 Vue 实现复制到粘贴板功能
vue 实现复制到粘贴板功能需要依赖到 clipboard.js 1、 首先需要安装依赖 * 出现错误的话，可以试试 cnpmnpm install --save vue-clipboard22、 安装成功之后就可以开始使用了对于vue-cli import Vue from 'vue'import VueClipboard from 'vue-clipboard2...
2019-02-14 15:52:49
1327
原创 el-input 无法触发@keyup.enter 解决方法
将<el-input class="filter-item" v-model="form.phone" @keyup.enter="searchPhone"/>替换为<el-input class="filter-item" v-model="form.phone" @keyup.enter.native="searchPhone"
2019-02-12 17:24:56
7674
5
原创 element table 宽度自适应平分及表头字体大小更改
宽度自适应平分：不要设置 width="110px"OLD:<el-table-column prop="login_id" width="110px" align="center" label="工号"> </el-table-column>NEW:<el-table-column prop="login_id&q
2019-01-29 12:05:57
9468
原创 vue css引用图片编译后路径出错
背景描述：scss中背景图片引用路径是这样：编译后的文件目录是这样：现在config index.js的build路径配置是这样：问题描述：css 和js文件的编译路径都是正确的，/static/css/xxx.js这样但是图片编译后的路径是 /static/css/static/img/xxx.jpg原因描述：因为图片是在scss文件中引入的所以需要再...
2019-01-24 15:22:21
3655
原创 vue+element select筛选框表单重置resetFields()失效
出现如题问题可以排查以下几个地方1.el-form标签是否有加上 ref和model2.el-form-item标签是否设置了对应的prop3.form是否在data中设置了对象，格式如下 以上几点必须同时满足才可生效 ...
2019-01-18 15:23:36
5988
3
原创 Element-ui table 行高更改
用了官方的row-style方法，没有反应，然后调试一下发现可以设置td的padding调节行高方法如下：1.给el-table 设置一个class名2.修改这个class名下的td的padding值（默认是padding：12px 0）表头th也可以如此设置这是目前我觉得最简单快捷的方法，如有更好的或者官方方法欢迎留言~~ ...
2019-01-15 15:37:50
11755
11
原创 npm install报错解决fatal: Unable to look up github.com (port 9418)
报错信息如上清理缓存解决了npm cache clean --force
2019-01-10 15:44:46
10684
1
原创 自动截取url参数的函数以及遇到的问题
前几日想找个截取url参数的函数，这个还蛮好用的：var getQueryString = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg);...
2019-01-08 10:32:34
437
转载 HTML5屏幕适配标签设置
开发HTML5游戏中，我们常用的一些mata标签:<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ）height: ...
2018-11-14 10:25:29
424
转载 CSS或JS实现gif动态图片的停止与播放
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=5081 一、对于习惯性刷微博的我，总时不时会看到类似下面的游戏：测测你和小白(白百何)有哪些共同点，戳开动图，最先看清的词是什么？ie浏览器的同学可以按esc键(或截屏)，据说在哪个词暂停，哪个词就是...
2018-11-13 11:19:40
40830
2
原创 display:block(或jq的show方法)与display:flex的冲突问题
本人在写页面的时候用了display:flex的布局，但是在js里用到show和hide方法时，display:flex布局就失效了。原因是show()是通过把display属性从none改为block的过程，所以有了display:block, flex自然就失效了。因为display:flex其实已经block化了，我的解决方法是用$('#div').css('display','fl...
2018-11-13 10:51:08
11651
2
原创 vs项目在使用Gulp时中文乱码的解决方法
本人在写项目时使用gulp压缩文件，但是页面上的中文乱码了，找了好久的原因，发现是编辑器的编码格式问题因为项目是用的Visual Studio，所以下面记一下在vs上暂时找到的解决方法首先在vs中调出“高级保存选项”功能，方法： https://blog.youkuaiyun.com/sinat_20265495/article/details/77763244 然后调整编码格式。原本应该...
2018-11-07 15:59:50
1139
原创 Zepto与JQuery在调用Ajax中遇到的不同之处
下图是我封装的ajax函数 在引用jQuery时，data不需要使用JSON.parse转换，但是引用zepto时必须要转换才可以正常callback原因尚不清楚，还请大家多多分享...
2018-11-07 15:50:41
1301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人