自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 js base64转binary(二进制)

【代码】base64转binary(二进制)

2024-03-14 15:10:34 1427

原创 el-date-picker分段式时间范围选择器双向校验

【代码】el-date-picker分段式时间范围选择器双向校验。

2023-08-18 10:18:30 374

原创 计算排序后的数组的40%为优,30%为良,30%为一般;数量一样的往高等级归类

【代码】计算排序后的数组的40%为优,30%为良,30%为一般;数量一样的往高等级归类。

2023-07-21 10:16:06 158

原创 实现按钮在文字右下角的样式

2023-06-13 16:33:00 227

原创 鼠标滚轮控制横向滚动条

纯css实现滚轮控制横向滚动条

2023-04-03 20:24:49 2658

原创 js根据文本是否溢出,判断是否显示el-tooltip、title

js根据文本是否溢出,判断是否显示el-tooltip、title

2022-12-07 16:00:23 1114

原创 上传文件携带额外参数+文件流生成实现下载

文件上传+文件流下载

2022-09-30 15:07:14 613

原创 js tree树形结构,通过子节点找到所有父节点

js tree树形结构,通过子节点找到所有父节点

2022-04-26 10:27:43 2000

原创 htmlWebpackPlugin.options.title

const p = new Promise((reslove, reject) => { setTimeout(() => { // reslove('success'); reject('failed'); }, 2000);})p.then(data => { console.log(data);}).catc...

2021-07-22 11:28:39 10611 1

原创 小程序地图,判断点击的点位是否在polygon之内

isPtInPoly(aLat, aLon, pointList) { /* :param aLat: double 纬度 :param aLon: double 经度 :param pointList: list [{latitude: 22.22, longitude: 113.113}...] 多边形点的顺序需根据顺时针或逆时针,不能乱 */ let iSum = 0 let iCount = pointList.length if(iCount &l.

2021-07-15 16:13:25 494 1

原创 对象数组,根据id扁平化

let b = [{id: 1, a: 'aa'}, {id: 1, b: 'bb'}, {id: 2, c: 'cc'}, {id: 2, d: 'dd'}, {id: 3, e: 'ee'}, {id: 3, f: 'ff'}, {id: 3, g: 'gg'}, {id: 3, h: 'hh'}], c = []; window.onload = () => { c.push(b[0]) for(let [index_b, item_b] of ...

2021-04-02 15:51:37 137

原创 el-tree一键折叠一键打开

// 全部展开 unFoldAll2(data) { let self = this; data.forEach((el) => { self.$refs.selectTree.store.nodesMap[el.id].expanded = true; el.children && el.children.length > 0 ? self.unFoldAll2(el.children...

2021-03-25 14:47:48 390

原创 element tree 点击某个节点,获取该节点的所有子节点的id

html中<el-tree :data="list" :props="defaultProps" @node-click="handleNodeClick"></el-tree>data中注册list: [{ id: 1, label: '一级 1', children: [{ id: 2, label: '二级 1-1', children: [{

2021-03-10 15:45:12 2671 1

原创 前端搜索高亮、富文本去标签、时间格式化、手机号码验证、关键信息脱敏

搜索高亮newsData.filter(item => { let reg = new RegExp(inputStr, 'g')// 匹配关键字正则 let replaceString = `<span style="color: #4D8FF2;">${this.inputStr}</span>` // 高亮替换v-html值 item.title = item.title.replace(reg, replaceString) // 开始替换 return

2020-12-29 10:58:35 310 2

原创 解决https项目中引入http报错

在header中加入<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

2020-06-23 21:34:37 502

原创 js校验邮箱

validEmail: function (email) { var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-...

2020-04-14 14:40:50 443

原创 vue实现滚动鼠标滚轮切换页面,类似于纵向走马灯、满屏滚动

新项目产品被甲方的要求逼疯了,大概返稿了100+次吧,最后甲方网上找了个他们认为的比较有科技感的模板,让我们照着写,首页就是类似于纵向走马灯,鼠标滚动切换,一次切换一整屏的效果。之前没接触过,写了个简单的demo,仅作为学习笔记。其实原理很简单,就是把所有页面放在一个div中,然后滚动的时候改变外层div的top即可。因为滚动条监听事件是实时的,所以要加上节流来防止页面切换太快速,我这控制...

2020-03-05 14:05:15 7473 19

原创 CSS3特性

1.伪类和伪元素1.1两者区别1.伪类是给现有的元素添加上一个虚拟的类,伪元素是给自己虚拟的元素添加样式2.伪类用一个冒号声明,伪元素用两个冒号声明1.2常用伪类:hover 鼠标悬停的时候改变样式:active 鼠标点击的时候改变样式:focus向拥有键盘输入焦点的元素添加样式:first-child 父元素的第一个子节点:last-child 父元素的最后...

2019-12-02 16:46:38 112

原创 js控制div左右匀速移动,走马灯

move(bol){ //div上一次的left位置信息 let position_left_old = parseInt(this.position_left.split('px')[0]); let countOffset = 0; //点击一次之后总的移动量,用于判断暂停 let speed = 3; //移动速度 let timer...

2019-11-27 18:18:17 980

原创 此图片来自微信公众平台未经允许不可引用

<meta name="referrer" content="no-referrer" /> <!--可以让img标签预加载网络图片-->

2019-10-31 16:37:26 451

原创 vue路由传参

方法1:使用params,这种方法传递的参数不会出现在路由中,比如当页面一需要携带参数到页面二搜索数据,跳转之后显示的是搜索结果,此时刷新页面,显示的就是全部的数据,而不是搜索结果。这种情况下使用params比较方便。this.$router.push({name:'组件命名',params:{参数名:参数值,参数名:参数值}})//跳转页面this.$route.params.参数名...

2019-06-28 18:15:45 181

原创 toFixed()方法出现Uncaught (in promise) TypeError: _this.real Receive.toFixed is not a function错误

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。所以当调用对象不是Number时会抛出该异常。现在在做的项目有一个要求需要统计总和,用到该方法。在页面第一次加载完成后显示正常,但是当我点击按条件搜索再重置之后就显示Uncaught (in promise) TypeError: _this.real Receive.toFixed is not a functio...

2019-06-25 16:37:02 4815

原创 淘宝首页字体设置

body { font-family: tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;}别看短短 5 个字体名,其实其中门道很深。解释一下:使用tahoma作为首选的西文字体,小字号下结构清晰端整、阅读辨识容易; 用户电脑未预装tohoma,则选择arial作为替代的西文字体,覆盖 windo...

2019-05-16 15:49:23 1185

原创 vue mixin混入

2019-05-08 16:06:53 287

原创 ElementUI中表格el-table滚动条样式的优化

ElementUI官方文档提供的table表格的滚动条样式不美观,简单封装之后的效果图这里使用的是elementui中最基表格修改样式.slot::-webkit-scrollbar{ width: 2px;}.slot::-webkit-scrollbar-thumb{ border-radius: 2px; height: 50px; ...

2019-05-08 10:44:49 24834 4

原创 vue父子组件之间传值

父传子方法一:父组件子组件方法二:​​​​​​​(简单但是不推荐)父组件中使用provide抛出参数子组件中用inject接受参数---------------------------------------------------------------------------------子传父父组件子组件...

2019-05-07 16:06:33 177

原创 es6新特性

模板字符串//传统写法$('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + basket.onSale + '</em> are on sale!');//模板字符串写法$(...

2019-04-28 16:53:44 118

原创 前端路由的两种模式

hash带# 刷新页面不会报404history 不带# 要服务器端也配置才不会导致刷新页面404

2019-04-25 15:55:45 854

原创 vue中组件形式引入wangEditor

组件wangEditor<template> <div> <div id="wangEditor" ref="editorElem" style="text-align:left" v-html="editContent"></div> </div></template>&lt...

2019-04-17 15:33:24 706

原创 css设置背景图片样式

background-image: url('../../../assets/image/img/400.png'); background-repeat: no-repeat; /*不平埔*/background-position:50% 50% ; /*居中*/background-size:50% 50%; /*背景图片大小*/...

2019-04-08 11:28:00 9362

原创 axios以form-data格式传值

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';axios.defaults.headers.get['Content-Type'] = 'application/x-www-form-urlencoded';axios.defaults.transformRequest = ...

2019-04-04 15:19:40 1254

原创 css文字溢出显示省略号

/*chrome*/{ word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}/*ie ff chrome 但是...

2019-04-02 12:45:16 1734

原创 js显示当前时间

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>js获取当前时间显示在页面上</title><script>window.onload=function(){//定时器每秒调用一次fnDate()fnDate();...

2019-03-21 19:01:05 272

原创 什么是跨域?

跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。所谓同源是指,域名,协议,端口均相同,举个栗子:http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域)http://www.123.com/index.html 调用 http://www...

2019-01-23 09:52:27 98

原创 Vue 父子组件之间的通信

本文举例父组件中调用子组件中的方法直接贴代码父组件:&lt;template&gt; &lt;div id="messageInform"&gt; &lt;allMessages ref="allMess"&gt;&lt;/allMessages&gt; &lt;el-input v-model="form.mess" placeho

2018-12-28 21:29:46 766 1

原创 Java简单编程题训练一

字符串反转 import java.util.*; public class Main{ public static void main(String[] args){ Scanner in =new Scanner(System.in); while(in.hasNext()){ String line=in.n...

2018-05-10 15:59:24 2362

空空如也

空空如也

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

TA关注的人

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