Lccccb的博客

原创 js base64转binary(二进制)

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

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

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

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

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

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

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

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

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

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

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

文件上传+文件流下载

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

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

原创 htmlWebpackPlugin.options.title

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

原创 小程序地图，判断点击的点位是否在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.

原创 对象数组，根据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 ...

原创 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...

原创 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: [{

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

搜索高亮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

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

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

原创 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-...

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

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

原创 CSS3特性

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

原创 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...

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

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

原创 vue路由传参

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

原创 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...

原创 淘宝首页字体设置

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

原创 vue mixin混入

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

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

原创 vue父子组件之间传值

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

原创 es6新特性

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

原创 前端路由的两种模式

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

原创 vue中组件形式引入wangEditor

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

原创 css设置背景图片样式

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

原创 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 = ...

原创 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 但是...

原创 js显示当前时间

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

原创 什么是跨域？

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

原创 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

原创 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...