- 博客(35)
- 收藏
- 关注
RSS订阅原创 打开百度地图 提示“服务器暂时无法处理您的请求，请稍后重试。”
原因：请求时候拼接了额外的参数，导致接口请求异常。解决：找到拼接多余参数V的地方删除即可。
2024-04-18 11:33:37
397
原创 apply call bind 区别
总结自：https://www.runoob.com/w3cnote/js-call-apply-bind.html
2020-04-16 22:29:16
255
原创 数组去重 filter
之前去重，一直使用二重循环，判断，非常繁琐。后来发现filter函数可以轻松解决。filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素filter()接收的回调函数，其实可以有多个参数。通常我们仅使用第一个参数，表示Array的某个元素。回调函数还可以接收另外两个参数，表示元素的位置和数组本身：var arr = ['A',...
2020-03-11 23:28:36
614
原创 vue elemen ui el-input 限制只能输入数字类型
月份数，薪资、电话号码等的 input 框需要限制只能输入数字类型内容1.实现：监听键盘输入，使用正则过滤掉其他字符oninput="value=value.replace(/^\.+|[^\d.]/g,'')<el-input v-model.trim="emp_work_experience.dimission_salary" placeholder...
2019-11-27 14:50:02
35565
9
原创 vue 图片处理组件 预览 旋转 裁剪
1.图片预览组件（Viewer）可预览图片 放大缩小、旋转使用方法超级简单官方文档：https://mirari.cc/v-viewer/2.图片裁剪组件github地址 :https://github.com/xyxiao001/vue-cropper...
2019-09-25 15:53:53
3182
原创 vue 解析换行符 HTML 解析 textarea 换行符
用户在textarea中输入的换行符，传到后台，再返回前端，展示在div中。vue 中 用 {{ }} 进行数据绑定的时候，可以看到换行符并不生效的。如果需要div显示为与textarea 一致的效果：解决办法1： v-html : 有安全风险，有注入攻击风险解决办法2： 在展示的div添加样式.pre-line { white-space: pre-line;}...
2019-09-04 15:44:43
10707
原创 恢复默认的css样式 解决同时设置了left和 right right不生效问题
场景：使用Element 的组件的，在轮播图组件中，指示器式在轮播图的下方居中，而ui小姐姐要把指示器放在右下角，所以， 需要重写轮播图组件的样式。Element 轮播图指示器的样式：.el-carousel__indicators{ position:absolute; list-style:none; bottom:0; left:5...
2019-07-06 16:26:53
4135
1
原创 垂直时间轴 左边显示时间或者顺序 右边卡片式显示内容
<template> <div class="constructional-step"> <div class="item-box" :class="index === dataList.length-1?'':'pb20'" v-for="(item,index) in dataList" :key="index + 'step'"> ...
2019-06-21 18:07:28
2789
1
原创 画一条连接两点的线，由两点坐标确定一条直线
页面上有两颗星星图标，画一条线连接两颗星星。1.先获取两点的坐标 2.计算弦长及旋转角度 3.绘制线<div class="quality-analysis"> <div class="cnt-box"> <span class="selected-start"> <svg class="icon fs1...
2019-06-20 16:00:22
8304
原创 vue 监听不到数据更新
最近在做一个循环渲染多行多选框的页面，使用可element ui 的 checkdebox 组件。一维数组循环的是每一个多选框组，二维循环的是每个多选框组的选项。<el-row v-for="(item,index) in settingData" :key="index"> <el-col :span="4"> <span >...
2019-05-13 21:59:43
3414
原创 js 点击切换前一天或者后一天
< 2019-05-06 > :实现点击左右两边按钮 切换为前一天或者后一天 // 获取前天或者后一天 type: 0: 前一天 1：后一天 getBefOrAft(type,date){ let forMatDate = date.replace(/-/g, '/') // 格式化日期 2019-02-23 => 2019/0...
2019-05-06 10:26:10
1682
原创 js 日期对象深拷贝
常用的深拷贝的方法不适用于日期的深拷贝，对于date 类型，需使用下面的方法。更详细的对象深拷贝方法请参考：https://blog.youkuaiyun.com/liwusen/article/details/78759373写的很详细因为valueOf方法，日期类定义的valueOf()方法会返回它的一个内部表示：1970年1月1日以来的毫秒数.因此我们可以在Date的原型上定义克隆的方法：...
2019-04-25 22:08:16
6296
原创 css 伪类实现 中间文字 两边画横线
效果： 我是文字---------------------------------------代码实现了右边画线，左边画线同理。<div class="hour-box"> <p class="hour-line">我是文字</p> </div>.hour-box { position: rela...
2019-04-23 15:03:07
971
原创 v-chart 图表样式调整 条形图位置调整及在条形图右边显示文字
<ve-bar :colors="barColors" height="140px" :extend="barExtend"></ve-bar> barColors:['#4ecb73','#f2637b','#fad337'], barExtend:{ yAxis: { show:false, /...
2019-03-26 15:23:59
13767
原创 将数组里面的数据，按照相同月份的分为一组 按年月分组
初始返回数据：trainDetails=[{ "id": 1, 'active':'羽毛球', "startDate": "2015-05-11"}, { "id": 2, 'active':'篮球', "startDate": "2015-05-10"}, { "id": 3, 'active':'乒乓球', ...
2019-03-22 14:04:43
4729
3
原创 动态控制 div width 的值 根据传入的变量决定width的值 vue
进度条组件，根据参数的值，div显示不同的长度 <div class="node-line" :style="lineProgress"></div><script> export default { name: "trainSummaryInfo", data(){ return{ ...
2019-03-21 14:29:31
5942
1
原创 数字格式化 适用于价钱 每3位用逗号分隔（最简单方式）
1.格式化数字，使整数部分每三位加一个逗号const num = 2333333;num = num.toLocaleString(); // 2,333,333toLocaleString()还有很多其妙的用法，以及分隔数字后带的货币类型等，具体可以参考下面的文章，介绍得很详细：https://www.colabug.com/2626489.html2.强制保留2位小数...
2019-03-11 16:28:13
2224
原创 强制刷新组件
dialog 等通过 true ，false控制显示或隐藏的组件，关闭后再打开，因为只是显示或隐藏，并没有重新加载组件，所以会保留上次关闭前的数据，有时候我们并不希望这些数据保留，希望打开的时候是重新加载的最近的，这时候可以通过添加 v-if 来是其重新加载。<component v-if='hackReset'></component>在关闭按钮的方法中添加以下代...
2019-01-19 10:02:42
1897
原创 el-dialog 不居中解决办法
.el-dialog { position: absolute; top: 50%; left: 50%; margin: 0 !important; transform: translate(-50%, -50%); max-height: calc(100% - 30px); max-width: calc(100% - 30px); ...
2019-01-11 20:14:44
14066
3
原创 vue 鼠标移入显示图标 ,鼠标移出隐藏图标
做一个项目用到好多次这个效果 没有图标， 鼠标移入后，显示背景色同时显示图标，鼠标移到图标上去之后图标需要改变颜色，研究尝试了不同的方法，使用的其他方法都遇到一些小问题，例如鼠标移动到图标上的时候背景色消失了。鼠标移入之前： 鼠标移入之后效果：方法一：（这个是找了好久，在SCDN上找到的，最便捷的方法，感谢大佬分享，解决了我的烦恼，是目前找到的最简单的方法，照搬的大佬的...
2018-11-14 14:12:34
24113
4
原创 element ui switch开关 点击按钮后，弹窗确认再改变开关状态
<el-switch v-model="autoUpdate" active-color="#5eb058" inactive-color="#cccccc" disabled @click.native="handleUpdate(autoUpdate)"> </el-switch>...
2018-11-14 14:01:45
20574
8
原创 匹配搜索关键高亮 new RegEXP 填坑
需求：在搜索框输入关键字，点击搜索查找内容，在正文中匹配搜索关键字的内容高亮显示使用 new RegEXP 实现matchKeyword (searchKeyword, value) { // searchKeyword搜索关键字, value正文内容 if (value) { value = value + '' //转化为字符串类型 } ...
2018-07-18 10:47:26
3643
原创 图片填满外层div 自适应不拉伸变形
#max-width:100% 相对于img本身的尺寸而言，最大的宽度为自身宽度#width:100% 相对于父级宽度的1.等比例缩小垂直居中：按宽度等比列缩放 或者可以选择按高度等比缩放.photo-box{ display: table-cell; text-align: center; vertical-align: middle; ov...
2018-06-19 10:03:32
34343
原创 慕课-jQuery基础（一）--样式篇（1）
慕课JQuery学习笔记，整理一下，便于复习。一、jQuery选择器之基本筛选选择器注意事项：:eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始eg:选择第一个new元素： $(".new:first").c...
2018-05-22 17:20:00
247
原创 初级前端面试基础知识整理
整理一些网上常见面试题。1.CSS隐藏元素的几种方法（至少说出三种）Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏;Display:display 设为 none 任何对该元素直接的用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方...
2018-04-23 08:45:03
3204
原创 小练习学习笔记之 全选与非全选实现
html代码：<input type="checkbox" id="all" name="getmess" onclick="checkAll()"><input type="checkbox" name="getmess"><input type="checkbox" name="get
2018-03-30 20:31:55
227
转载 深入学习jQuery选择器系列第三篇——过滤选择器之索引选择器
转自博客园 作为自己的学习笔记 原作者：小火柴的蓝色理想 通用形式$(':eq(index)') $(':eq(index)')选择器选择索引等于index的元素(index从0开始)，返回单个元素索引 [注意]索引选择器的索引和子元素选择器的索引有明显的不同 【1】索引选择器索引从0开始，而子元素选择器索引从1开始 【2】索引选择器的索引是指定元素的索引，而子元素选...
2018-03-13 11:55:48
914
转载 深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器
转自博客园 作为自己的学习笔记原作者：小火柴的蓝色理想 前面的话 在上一篇中已经介绍过基础选择器和层级选择器，本文开始介绍过滤选择器。过滤选择器是jQuery选择器中最为庞大也是最为出彩的一部分。以CSS结构伪类选择器为基础，jQuery过滤选择器增加了很多扩展功能。本文先从与CSS选择器最相近的子元素过滤选择器开始说起 通用形式$(':nth-child(index)') ...
2018-03-13 11:52:26
156
转载 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器
转自博客园 作为自己的学习笔记 原作者：小火柴的蓝色理想 前面的话 选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM以及ajax操作都依赖于选择器。jQuery选择器完全继承了CSS的风格，两者的写法十分相似，只不过两者的作用效果不同。CSS选择器找到元素后添加样式，而jQuery选择器找到元素后添加行为。jQuery选择器可以分为基础选择器、层级选择...
2018-03-13 11:49:39
158
转载 css3新特性
CSS3新增属性用法整理：1、box-shadow（阴影效果）2、border-color（为边框设置多种颜色）3、border-image（图片边框）4、text-shadow（文本阴影）5、text-overflow（文本截断）6、word-wrap（自动换行）7、border-radius（圆角边框）8、opacity（透明度）9、box-sizing（控制盒模型的组成模式）10、resiz...
2018-03-10 16:40:27
639
转载 存储技术
浏览器端：cookieWebStorage(localStorage、sessionStorage)userDataindexedDB服务器端：session有时需要将网页中的一些数据保存在浏览器端，这样做的好处是，当下次访问页面时，不需要再次向服务器请求数据，直接就可以从本地读取数据。目前常用的有以下几种方法：cookiecookie会随着每次HTTP请求头信息一起发送，无形中增加了网络流量，另...
2018-03-10 16:20:35
197
转载 判断是否为string类型
12345678910//判断是否是Stringfunction isString(str){ return ((str instanceof String) || (typeof str).toLowerCase() == 'string');} //测试案例var s1 = "abc", s2 = new String("abc");console.log(isString(s1)...
2018-03-10 16:07:58
16322
转载 CSS Sprites
CSS Sprites1.简介CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。2.优点（1）CSS Sprites能很好地减...
2018-03-10 15:31:09
129
原创 html 标签使用
HTML标签的使用：<audio> 标签定义声音，比如音乐或其他音频流。 <canvas> 标签定义图形，比如图表和其他图像。<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。<...
2018-03-10 11:11:47
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人