自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

素味平生的博客

技术问题不是一个人解决的事,不懂就要多问。

  • 博客(72)
  • 资源 (6)
  • 收藏
  • 关注

原创 Vue使用 i18n 国际化中英文切换

最近做的vue项目要实现国际化语言,自己琢磨看文档写出了一个简单的不能再简单的demo,供大家参考!注:vue-cli项目1. npm安装    npm install vue-i18n --save2. i18n使用,在项目入口文件 main.js 中引入      import VueI18n from 'vue-i18n';   在 src 目录下创建一个 langu...

2018-07-03 16:24:47 1195

原创 Vue给table指定行加样式

需求:动态表格指定行加样式解决方法::cell-style="cellStyle"适用表格插件:Element、vxe-table注:本文以vxe-table表格插件示例示例:给动态表格第2行、第3行、第5行字体加粗<vxe-table v-else border stripe :data="dataSource" :cell-style="cellStyle" > <vxe-table-column v-for="item in tableColumn"

2020-08-05 18:06:58 289 3

原创 vxe-table可编辑表格输入框加自定义事件

官方API地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/edit/events <vxe-table border resizable :data="tableData" :edit-config="{trigger: 'click', mode: 'cell'}"> <vxe-table-column type="seq" width="60"></vxe-table-column> .

2020-08-04 10:14:36 855

原创 echarts折线图无数据断开解决方法

示例:解决方法:series的connectNulls属性支持连接空值

2020-06-19 14:44:52 1149

原创 a-input-number 设置输入为正整数

<a-input-number :min="0" :precision="0" placeholder="请输入正整数"/>

2020-04-16 16:35:53 1726

原创 js 判断字符串是否符合日期格式

校验格式:YYYY-mm-ddvar str='2019-09-20 20:05'if(/^\d{4}-\d{2}-\d{2}$/.test(str)){ alert("格式正确!");}else{ alert('格式错误')}

2020-03-26 14:30:38 457

原创 echarts容器设置动态高度

问题:使用echarts绘制图表,数据太多时存在图表数据拥挤重叠解决方法:调用 resize 方法传入容器高度 {height:this.threeHeight} var option = { tooltip: { trigger: 'axis', axisPointer: { ...

2020-03-23 18:53:53 329 2

原创 前端面试题总结

1.div+css的布局较table布局有什么优点? div+css: 结构与样式分离、代码语义性好、更符合html 标准规范、SEO友好 table布局:某种原因不方便加载外部css的场景,例如邮件正文,此时用table布局可以在无css情况下保持页面布局正常2.为什么利用多个域名来存储网站资源会更有效? CDN缓存更方便、突破浏览器并发限制、节约 cookie 宽带、...

2020-03-20 14:39:44 99

原创 uni-app请求后台304

修改manifest.json配置1.打开manifest.json2.选择h5配置3.路由模式选择 history

2020-03-09 16:54:20 490

原创 CryptoJS解密为空

我解密为空的原因是因为密钥长度的问题,密钥需为16位 eg:0102030405060708

2020-03-03 15:00:55 528

原创 v-charts 调整柱状图之间的间距

可在extend这个属性中自己配置,用法和echarts相同<ve-histogram :data="chartData" :extend="chartExtend"width="100%" height="90%"></ve-histogram>export default{ data(){ this.chartExtend = {...

2020-02-24 12:02:16 1693

原创 Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function"

报错代码示例: <el-form-item label="出生日期" prop="bdat"> <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="请选择出生日期" v-model="entryForm.bdat"> </el-...

2020-02-04 16:36:20 1177 1

原创 element设置表格表头颜色

<el-table stripe border :header-cell-style="{background:'#FAFAFA'}">

2020-02-04 12:49:15 3558

原创 element 下拉框加一个自定义选项

<el-select v-model="value" clearable placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.name" :value="item.value"> </...

2020-01-09 17:10:15 1617 2

原创 vxe-table 多条数据编辑后统一保存

vex-table地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install需求:表格多行数据编辑后进行统一保存页面效果如下(编辑前、编辑后):点击后保存后的数据格式:页面代码如下:注:data为数据源//HTML<el-button type="pr...

2019-12-21 12:56:11 1216

原创 去除点击按钮时出现蓝色边框

点击按钮时出现轮廓(input输入框也有),如下图:解决方法:在css中加入outline: noneinput{ outline: none}button{ outline: none}注:outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。...

2019-12-12 17:44:55 193

原创 console.log('script start')

console.log('script start')setTimeout(function () { console.log('setTimeout')},0)new Promise(function (resolve) { console.log('promise1') resolve()}).then(function () { console.lo...

2019-11-29 15:00:09 195 1

原创 Uncaught TypeError: Cannot read property 'disabled' of null

错误原因:在el-dropdown中没有el-dropdown-menu标签

2019-11-05 11:11:57 961

原创 element关闭弹框时清空表单内容

需求:关闭弹框时清空表单内容解决方法:使用@close事件,函数可以自定义 eg : resetForm()、closeDialog()<el-dialog :title="addTitle" :visible.sync="addVisible" @close="resetForm('ruleForm')"> <el-form :model="ruleForm"...

2019-11-01 12:16:00 3395

原创 vue 项目控制台调试时不显示css具体位置

注:该文章适用于vue cli 3版本问题:控制台调试定位css所在文件和行数解决方法:在vue.config.js中配置module.exports = { css: { sourceMap: true // 开启 CSS source maps }} 配置好之后重新运行项目才可以生效效果如图:右上角就是当前样式的所属文件...

2019-10-29 11:27:15 467

原创 js对象转字符串

需求:对象转为字符串并以 | 拼接期待结果:id|1|id2|3eg:data: { id: 1, id2: 3}解决方法://第一步 先转成数组 var list=[];for(var i in data){ list.push(i) list.push(data[i]) }console.log(list)//第二步 数组转为字符串拼接 ...

2019-10-28 09:07:38 42

原创 antd日期选择器禁止选择当天之前的时间

使用disabledDate属性(不可选择的日期)<a-date-picker @change="dateChange" :disabledDate="disabledDate" v-decorator="['endDate']"/>在js中定义函数并返回 //限制当天之前的日期不可选 disabledDate(current) { return...

2019-10-24 09:44:15 4430

原创 [Vue warn]: Failed to resolve directive: modle (found in <ComponentA>)

报错原因:单词拼写错误解决方法:检查是否将model写成了modle温馨提示:编写代码要细心且严谨(这已经是我第二次犯类似的错误了)

2019-10-17 16:04:37 383

原创 HBuilder真机联调iPhone手机

1.设备连接电脑(连接iPhone需下载iTunes,保证手机与iTunes相连)iTunes下载地址:https://www.apple.com/cn/itunes/下载后安装一直next就可以2.安装好之后在HBuilder里点击真机运行,手机上会提示未受信用的企业级开发者解决方法:设置→通用→设备管理→点击Digtial Heaven….→信任”Digtial Heave...

2019-10-10 12:32:16 188

原创 TypeError: compilation. templatesPlugin is not a function

错误原因:webpack不是最新版解决方法:1.删除node_modules,重新安装npm install2.安装最新webpack npm add webpack@latest

2019-09-24 10:09:48 2884

原创 a链接后拼接多个参数

页面url后拼接参数<a href="index.html?type=14&page=1&count=10"></a>js中url后拼接参数var p=1window.location.href="index.html?page="+p+'&count=10'+'&type=14'...

2019-09-04 18:36:11 2209

原创 js、jq点击事件触发a链接

方法1:使用window.location.href就可以实现 $('#btn').click(function () { window.location.href="apiIndex/replyProblem.html" })方法二: var a = document.createElement('a'); a.setAttribute('hre...

2019-08-28 17:24:11 196

原创 idea汉化插件

汉化包地址:链接: https://pan.baidu.com/s/1Qkon6fqG-xBE6bUJqyFz6w 提取码: fadq该汉化包支持版本:idea2018效果:将界面英文转为中文1.安装好idea之后,找到lib文件目录,将汉化包复制粘贴进去2.复制粘贴完成后重启idea...

2019-08-26 12:42:27 3756

原创 Uncaught SyntaxError: Unexpected token {

错误描述:newList.css:1 Uncaught SyntaxError: Unexpected token {翻译:未捕获语法错误:意外标记错误原因:在页面中引入css方式错误<script src="../css/newList.css"></script>解决方法:正确引入css<link rel="stylesheet...

2019-08-21 18:12:51 26935 4

原创 jquery click点击一次执行两次

错误描述:在页面内触发点击事件,调用了两次js,代码重复执行,排查结果:click事件点击了一次执行了两次解决方案:click 和 on 两种写法$('.btn').unbind('click').click(function(){ console.log("在触发点击事件之前先把之前绑定的点击事件解除掉")})或者$('.btn').off().on('clic...

2019-08-20 18:24:26 1042

原创 jq仿京东淘宝多条件筛选效果

效果图如下: html:<div class="research-type"> <div class="research-item clearfloat"> <div class="research-center"> <ul class="clearfloat"> ...

2019-08-07 17:34:13 512

原创 Vue中使用md5加密

MD5用的最多的地方就是用户密码存储 文件校验安装:npm install --save js-md5在需要的文件中中引入,直接使用import md5 from 'js-md5';md5('login_pas')2.在main.js中转为原型使用import md5 from 'js-md5';Vue.prototype.$md5 = md5;​thi...

2019-07-29 12:53:20 84

原创 Vue使用Antv F2

F2是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex)。在Vue中使用F2移动端图表,详细步骤如下:npm安装npm install @antv/f2 --save在main.js中引用impor F2 from '@antv/f2';Vue.prototype.F2 = F2;在页面中使用,首先创建一...

2019-07-17 12:55:07 2255

原创 微信小程序使用媒体查询

开发小程序中使用媒体查询适配不同机型小程序机型:iPhone5(320*568)、iPhone6(375*667)、iPhone6(375*667)、iPhone6Plus(414*736)、iPhone7Plus(414*736)写个简单demo,主要是对375和414的适配.box{ width:100%; height: 610rpx; margin-top: 10...

2019-07-10 09:46:42 923

原创 vue拖拽排序

awe-dnd一款可任意拖动排序的vue插件。支持桌面和移动端,拖拽过渡动画美观。支持vue1和vue2版本。安装:npm install awe-dnd --save引入:import VueDND from 'awe-dnd'Vue.use(VueDND)页面内容: <div class="list" id="items" v-for="ite...

2019-06-24 11:35:23 665 1

原创 微信小程序跳转页面携带参数

小程序跳转页面并携带参数,有两种情况,一是在wxml里通过navigator url跳转,一种是在js里通过点击事件跳转,下面案例为跳转详情页面在wxml中:<view class='wait-solve' wx:for="{{items}}" wx:key="items.name" wx:for-index="idx" wx:for-item="item"> ...

2019-06-21 09:41:55 4526

原创 element table表格使用v-if来回切换内容冲突

技术:Vue+element问题:多个table表格使用v-if切换展示时,多个相同的标签被渲染,导致table表格渲染内容出错如果不添加key来区分则会出现数据冲突解决方法:给table加个:key就可以...

2019-06-11 15:36:33 3237 5

原创 css右上角倾斜封页角效果

效果如图:第一种效果代码如下: <div class="box"> <div class="box-con"> <div class="box-text">昨日</div> </div> </div>​ .box { width: 180px;...

2019-06-10 15:45:13 1922

原创 windows安装ruby和sass

1.下载安装https://rubyinstaller.org/downloads/ 选择版本下载安装,安装时勾选第二项Add Ruby executables to your PATH2.检查是否安装成功ruby -V3.查看gem版本gem -V4.安装sass​​​​​​​gem install sass...

2019-05-14 11:03:05 63

原创 小程序wx:showModal调用自定义方法

在小程序中使用wx:showModal,调用自定义函数不能直接使用this,需要定义一下var that = this;

2019-05-08 10:49:44 3637

ecStat.js源码

解决toFixed() digits argument must be between 0 and 100 at Number.toFixed (<anonymous>)问题,亲测有效

2020-02-26

echarts地图省份文字居中

echarts地图省份文字居中,亲测有效,在html、vue中都可以用,在html将该js引入即可,在vue中将node_modules/echarts/map/js 文件下的china.js 替换为该js即可

2019-12-05

jq仿京东淘宝多条件筛选.zip

jq仿京东淘宝筛选条件,该压缩包里面有完整html、css、js代码及可用jquery插件,亲测可用

2019-08-07

echarts-liquidfill.js

echarts水球图echarts-liquidfill.js,亲测可用

2019-07-16

echarts.js

echarts.js 可开发完整版,柱状图、折线图、饼图等,亲测可用

2019-04-04

webpack学习详解代码

该ppt为webpack详解,里面附带代码和实例截图,并对每个属性,及相关使用方法做了详细说明,可能会遇到的问题也写了解决方案,如有不懂之处可以留言

2018-12-27

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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