<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Lccccb的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Lccccb</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Lccccb]]></copyright><item><title><![CDATA[vue2 长列表+虚拟dom]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/150578552</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/150578552</guid><author>Lccccb</author><pubDate>Thu, 21 Aug 2025 11:14:48 +0800</pubDate><description><![CDATA[【代码】vue2 长列表+虚拟dom。]]></description><category></category></item><item><title><![CDATA[js base64转binary(二进制)]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/136711548</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/136711548</guid><author>Lccccb</author><pubDate>Thu, 14 Mar 2024 15:10:34 +0800</pubDate><description><![CDATA[【代码】base64转binary(二进制)]]></description><category></category></item><item><title><![CDATA[el-date-picker分段式时间范围选择器双向校验]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/132356227</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/132356227</guid><author>Lccccb</author><pubDate>Fri, 18 Aug 2023 10:18:30 +0800</pubDate><description><![CDATA[【代码】el-date-picker分段式时间范围选择器双向校验。]]></description><category></category></item><item><title><![CDATA[计算排序后的数组的40%为优，30%为良，30%为一般；数量一样的往高等级归类]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/131846078</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/131846078</guid><author>Lccccb</author><pubDate>Fri, 21 Jul 2023 10:16:06 +0800</pubDate><description><![CDATA[【代码】计算排序后的数组的40%为优，30%为良，30%为一般；数量一样的往高等级归类。]]></description><category></category></item><item><title><![CDATA[实现按钮在文字右下角的样式]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/131191380</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/131191380</guid><author>Lccccb</author><pubDate>Tue, 13 Jun 2023 16:33:00 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[鼠标滚轮控制横向滚动条]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/129936963</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/129936963</guid><author>Lccccb</author><pubDate>Mon, 03 Apr 2023 20:24:49 +0800</pubDate><description><![CDATA[纯css实现滚轮控制横向滚动条]]></description><category></category></item><item><title><![CDATA[js根据文本是否溢出，判断是否显示el-tooltip、title]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/128221796</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/128221796</guid><author>Lccccb</author><pubDate>Wed, 07 Dec 2022 16:00:23 +0800</pubDate><description><![CDATA[js根据文本是否溢出，判断是否显示el-tooltip、title]]></description><category></category></item><item><title><![CDATA[上传文件携带额外参数+文件流生成实现下载]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/127123297</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/127123297</guid><author>Lccccb</author><pubDate>Fri, 30 Sep 2022 15:07:14 +0800</pubDate><description><![CDATA[文件上传+文件流下载]]></description><category></category></item><item><title><![CDATA[js tree树形结构，通过子节点找到所有父节点]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/124421897</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/124421897</guid><author>Lccccb</author><pubDate>Tue, 26 Apr 2022 10:27:43 +0800</pubDate><description><![CDATA[js tree树形结构，通过子节点找到所有父节点]]></description><category></category></item><item><title><![CDATA[htmlWebpackPlugin.options.title]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/104018987</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/104018987</guid><author>Lccccb</author><pubDate>Thu, 22 Jul 2021 11:28:39 +0800</pubDate><description><![CDATA[const p = new Promise((reslove, reject) =&gt; {
    setTimeout(() =&gt; {
        // reslove('success');
        reject('failed');
    }, 2000);
})

p.then(data =&gt; {
    console.log(data);
}).catc...]]></description><category></category></item><item><title><![CDATA[小程序地图，判断点击的点位是否在polygon之内]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/118762056</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/118762056</guid><author>Lccccb</author><pubDate>Thu, 15 Jul 2021 16:13:25 +0800</pubDate><description><![CDATA[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.]]></description><category></category></item><item><title><![CDATA[对象数组，根据id扁平化]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/115400666</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/115400666</guid><author>Lccccb</author><pubDate>Fri, 02 Apr 2021 15:51:37 +0800</pubDate><description><![CDATA[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 = () =&gt; {
        c.push(b[0])
        for(let [index_b, item_b] of ...]]></description><category></category></item><item><title><![CDATA[el-tree一键折叠一键打开]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/115208588</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/115208588</guid><author>Lccccb</author><pubDate>Thu, 25 Mar 2021 14:47:48 +0800</pubDate><description><![CDATA[// 全部展开
    unFoldAll2(data) {
      let self = this;
      data.forEach((el) =&gt; {
        self.$refs.selectTree.store.nodesMap[el.id].expanded = true;
        el.children &amp;&amp; el.children.length &gt; 0
          ? self.unFoldAll2(el.children...]]></description><category></category></item><item><title><![CDATA[element tree 点击某个节点，获取该节点的所有子节点的id]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/114637270</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/114637270</guid><author>Lccccb</author><pubDate>Wed, 10 Mar 2021 15:45:12 +0800</pubDate><description><![CDATA[html中


&lt;el-tree :data="list" :props="defaultProps" @node-click="handleNodeClick"&gt;&lt;/el-tree&gt;

data中注册


list: [{
     id: 1,
     label: '一级 1',
     children: [{
           id: 2,
           label: '二级 1-1',
           children: [{
           ]]></description><category></category></item><item><title><![CDATA[前端搜索高亮、富文本去标签、时间格式化、手机号码验证、关键信息脱敏]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/111883275</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/111883275</guid><author>Lccccb</author><pubDate>Tue, 29 Dec 2020 10:58:35 +0800</pubDate><description><![CDATA[搜索高亮


newsData.filter(item =&gt; {
	let reg = new RegExp(inputStr, 'g')// 匹配关键字正则
	let replaceString = `&lt;span style="color: #4D8FF2;"&gt;${this.inputStr}&lt;/span&gt;` // 高亮替换v-html值
	item.title = item.title.replace(reg, replaceString) // 开始替换
	return ]]></description><category></category></item><item><title><![CDATA[解决https项目中引入http报错]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/106932544</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/106932544</guid><author>Lccccb</author><pubDate>Tue, 23 Jun 2020 21:34:37 +0800</pubDate><description><![CDATA[在header中加入

&lt;meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"&gt;
]]></description><category></category></item><item><title><![CDATA[js校验邮箱]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/105511747</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/105511747</guid><author>Lccccb</author><pubDate>Tue, 14 Apr 2020 14:40:50 +0800</pubDate><description><![CDATA[validEmail: function (email) {
      var re = /^(([^&lt;&gt;()[\]\\.,;:\s@"]+(\.[^&lt;&gt;()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-...]]></description><category></category></item><item><title><![CDATA[vue实现滚动鼠标滚轮切换页面，类似于纵向走马灯、满屏滚动]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/104671115</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/104671115</guid><author>Lccccb</author><pubDate>Thu, 05 Mar 2020 14:05:15 +0800</pubDate><description><![CDATA[新项目产品被甲方的要求逼疯了，大概返稿了100+次吧，最后甲方网上找了个他们认为的比较有科技感的模板，让我们照着写，首页就是类似于纵向走马灯，鼠标滚动切换，一次切换一整屏的效果。之前没接触过，写了个简单的demo，仅作为学习笔记。

其实原理很简单，就是把所有页面放在一个div中，然后滚动的时候改变外层div的top即可。

因为滚动条监听事件是实时的，所以要加上节流来防止页面切换太快速，我这控制...]]></description><category></category></item><item><title><![CDATA[CSS3特性]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/103349702</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/103349702</guid><author>Lccccb</author><pubDate>Mon, 02 Dec 2019 16:46:38 +0800</pubDate><description><![CDATA[1.伪类和伪元素

1.1两者区别

1.伪类是给现有的元素添加上一个虚拟的类，伪元素是给自己虚拟的元素添加样式

2.伪类用一个冒号声明，伪元素用两个冒号声明

1.2常用伪类

:hover 鼠标悬停的时候改变样式

:active 鼠标点击的时候改变样式

:focus向拥有键盘输入焦点的元素添加样式

:first-child 父元素的第一个子节点

:last-child 父元素的最后...]]></description><category></category></item><item><title><![CDATA[js控制div左右匀速移动，走马灯]]></title><link>https://blog.youkuaiyun.com/Lccccb/article/details/103280912</link><guid>https://blog.youkuaiyun.com/Lccccb/article/details/103280912</guid><author>Lccccb</author><pubDate>Wed, 27 Nov 2019 18:18:17 +0800</pubDate><description><![CDATA[move(bol){
    //div上一次的left位置信息
    let position_left_old = parseInt(this.position_left.split('px')[0]);    
    let countOffset = 0;    //点击一次之后总的移动量，用于判断暂停
    let speed = 3;  //移动速度
    let timer...]]></description><category></category></item></channel></rss>