<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[dark_cy的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dark_cy</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dark_cy]]></copyright><item><title><![CDATA[Vue.Draggable 踩坑：add 事件与 change 事件中 newIndex 字段不同之谜]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/133960724</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/133960724</guid><author>dark_cy</author><pubDate>Fri, 10 Nov 2023 14:00:04 +0800</pubDate><description><![CDATA[完全是由 Vue.Draggable 自身维护的，要想找到导致它俩不同的原因，只能去看看 Vue.Draggable 的源码了。印象中拖入放置时元素在列表中的位置是 Vue.Draggable 自己维护的啊，我没做什么控制，怎么可能出问题呢？满脑子疑惑的我又拖了个文本域放在输入框下面，结果它有一次惊呆了我，它正常了，没有跑到输入框上面去…实现的 vue 拖拽插件，文档挺简单的，用起来也方便，但没想到接下来给我遇到了灵异事件…结果意想不到的事发生了，文本域居然跑到了输入框的上面去了，我惊呆了…]]></description><category></category></item><item><title><![CDATA[前（jsencrypt）后（node-rsa/crypto）端 RSA 加密与解密]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/133603332</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/133603332</guid><author>dark_cy</author><pubDate>Fri, 06 Oct 2023 08:51:01 +0800</pubDate><description><![CDATA[　前端使用 jsencrypt 进行加密，服务端使用 node-rsa 或 crypto 进行解密。]]></description><category></category></item><item><title><![CDATA[微信小程序使用 checkbox 如何修改样式？]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/126869762</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/126869762</guid><author>dark_cy</author><pubDate>Thu, 15 Sep 2022 14:55:52 +0800</pubDate><description><![CDATA[主要通过 wx-checkbox-input 、wx-checkbox-input-checked 以及 wx-checkbox-input-checked::before 三个类名来设置 checkbox 的样式]]></description><category></category></item><item><title><![CDATA[Vue 自定义指令绑定的处理函数中传递参数]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/125504050</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/125504050</guid><author>dark_cy</author><pubDate>Wed, 29 Jun 2022 14:34:25 +0800</pubDate><description><![CDATA[　　现在需要为自定义指令绑定函数，并且需要向函数中传递参数，类似 。　　Vue 的指令预期得到的值是一个 JavaScript 表达式，除了 v-on 和 v-for 这两个特殊指令外，其他的指令会自动计算该表达式的值，将最终的计算结果传递给指令。所以自定义的指令不能用  的形式绑定函数值，因为  作为一个 JavaScript 表达式会被立即执行，最终会将其返回值传递给指令。　　那么当我们想要为自定义指令绑定函数值，又想为其传递参数该怎么办呢?　　利用指令的值预期得到一个 JavaScript 表达式的特]]></description><category></category></item><item><title><![CDATA[微信小程序引入 iconfont 图标]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/125377005</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/125377005</guid><author>dark_cy</author><pubDate>Mon, 20 Jun 2022 21:54:59 +0800</pubDate><description><![CDATA[　　下图的左上角有三种模式，Unicode、Font class 和 Symbol。选中 Font class 模式，然后点击【点击复制代码】下面的链接，将链接里面的代码（如图二）复制到项目里即可。
　　之前我都是用的 Font class 模式，但是上星期 iconfont 官网维护之后，我加了新图标更新代码的时候弹出了下面的提示，说要下载至本地使用。　　小程序上我还没用过本地的 iconfont 图标，于是我就去百度怎么引入，有些博客说小程序不支持加在本地字体文件，要转成 Base64 的格式引入才可以]]></description><category></category></item><item><title><![CDATA[利用 bind 方法修改 ElementUI 组件行为（不务正业）]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/125333284</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/125333284</guid><author>dark_cy</author><pubDate>Fri, 17 Jun 2022 22:15:00 +0800</pubDate><description><![CDATA[　　之前遇到一个需求，需要在日期选择器（DatePicker） 组件内容被清空后做一些处理，但是看了文档之后发现 DatePicker 并没有像 Input 或 Select 组件那样提供 clear 事件，没法直接监听清空动作。我不死心，于是就去看了 DatePicker 组件的源码（element-ui 版本 2.15.6），发现点击清空按钮时会执行以下方法：
　　 方法中只触发了 input 和 change 事件，没有 clear 事件。好了，无法实现 clear 监听，需求被毙（怎么可能）。。。　]]></description><category></category></item><item><title><![CDATA[前端文件上传]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/125128981</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/125128981</guid><author>dark_cy</author><pubDate>Mon, 13 Jun 2022 22:20:17 +0800</pubDate><description><![CDATA[　　主要记录一下多文件上传（一次请求）、分片和断点续传。]]></description><category></category></item><item><title><![CDATA[element ui 中 Popover 组件定位不精准的问题]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/124860417</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/124860417</guid><author>dark_cy</author><pubDate>Thu, 19 May 2022 13:51:53 +0800</pubDate><description><![CDATA[Popover 内部数据动态获取到之后，Popover 尺寸变化导致的定位不准确]]></description><category></category></item><item><title><![CDATA[自适应列表页的两种实现]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/124782833</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/124782833</guid><author>dark_cy</author><pubDate>Sun, 15 May 2022 22:52:05 +0800</pubDate><description><![CDATA[自适应的列表页布局结构]]></description><category></category></item><item><title><![CDATA[Node 结合前端实现文件下载（含进度条）]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/124771364</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/124771364</guid><author>dark_cy</author><pubDate>Sat, 14 May 2022 20:51:51 +0800</pubDate><description><![CDATA[服务端 fs.stat() 方法获取文件字节流长度通过 fs.createReadStream 获取文件可读流，并返回给前端。前端在 onprogress 中获取文件下载进度，并通过动态创建 a 标签进行文件下载。

]]></description><category></category></item><item><title><![CDATA[XMLHttpRequest 对象]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/124437490</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/124437490</guid><author>dark_cy</author><pubDate>Wed, 11 May 2022 23:05:30 +0800</pubDate><description><![CDATA[　　XMLHttpRequest（XHR）对象用于与服务器交互。XMLHttpRequest 是 Ajax 技术的核心，通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。本文主要介绍 XMLHttpRequest 对象的各种属性、方法及事件

XMLHttpRequest 可以用于获取任何类型的数据，而不仅仅是 XML。它甚至支持 HTTP 以外的协议（包括 file:// 和 FTP），尽管可能受到更多出于安全等原因的限制。]]></description><category></category></item><item><title><![CDATA[el-date-picker 月份范围选择限制最大范围]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/124635032</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/124635032</guid><author>dark_cy</author><pubDate>Sat, 07 May 2022 22:58:12 +0800</pubDate><description><![CDATA[需求描述
　　月份范围选择时，限制月份范围最大为 12 个月。
思路
　　选择了一个月份后，禁用该月份前后 12 个月之外的选项。
　　第一步，通过 DatePicker 提供的 pickerOptions.onPick 监听日期选中事件，记录 minDate 和 maxDate。
　　第二步，通过 DatePicker 提供的 pickerOptions.disabledDate 禁用 minDate 前后 12 个月之外的选项`。
需要注意的是，Element 文档指出  onPick 事件只有当]]></description><category></category></item><item><title><![CDATA[Tooltip 组件：根据内容是否溢出判断是否显示 Tooltip]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/124327055</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/124327055</guid><author>dark_cy</author><pubDate>Thu, 21 Apr 2022 17:27:06 +0800</pubDate><description><![CDATA[本组件是对 Element UI 中 el-tooltip 组件的二次封装，
新增特性：鼠标移入父组件时，根据内容是否溢出判断是否显示 Tooltip]]></description><category></category></item><item><title><![CDATA[简单理解 Ajax]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/123727072</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/123727072</guid><author>dark_cy</author><pubDate>Sun, 17 Apr 2022 19:56:19 +0800</pubDate><description><![CDATA[　Ajax 不是用于浏览器与服务端进行通信的工具，而是以 XMLHttpRequest 为核心，包括 HTML/XHTML、CSS、JavaScript、DOM、XML以及XSLT的一种用于实现网页局部刷新的集合技术。

]]></description><category></category></item><item><title><![CDATA[前端表格数据导出为 Excel 的简单方法]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/122114517</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/122114517</guid><author>dark_cy</author><pubDate>Thu, 23 Dec 2021 19:29:22 +0800</pubDate><description><![CDATA[方法一
/**
 * 导出表格数据到 Excel 文件
 * @param {Array} tableData - 表格数据
 * @param {Array} fieldLabels - 表头组成的数组
 * @param {Array} fieldKeys - 列属性名组成的数组
 * @param {String} fileName - 导出的文件名
 */
function exportExcel(tableData, fieldLabels, fieldKeys, fileName) {]]></description><category></category></item><item><title><![CDATA[DOM 元素的尺寸和偏移属性]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/122012271</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/122012271</guid><author>dark_cy</author><pubDate>Mon, 20 Dec 2021 13:41:30 +0800</pubDate><description><![CDATA[clientWidth、clientHeight 等]]></description><category></category></item><item><title><![CDATA[正则验证连续重复字符、连续递增递减数字]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/121639029</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/121639029</guid><author>dark_cy</author><pubDate>Tue, 30 Nov 2021 18:05:21 +0800</pubDate><description><![CDATA[正则验证连续重复字符、连续递增递减数字]]></description><category></category></item><item><title><![CDATA[CSS 拼色背景]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/121046660</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/121046660</guid><author>dark_cy</author><pubDate>Sat, 30 Oct 2021 11:00:46 +0800</pubDate><description><![CDATA[利用 CSS3 渐变（Gradients）来实现背景色色彩拼盘
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;style type="text/css"&gt;
      .box{
        margin: 100px auto;
        width: 600px;
        height: 300px;
        background: linea]]></description><category></category></item><item><title><![CDATA[WebOffice 文档在线编辑]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/121008400</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/121008400</guid><author>dark_cy</author><pubDate>Thu, 28 Oct 2021 19:44:31 +0800</pubDate><description><![CDATA[简介
　　本文介绍的 WebOffice 控件是由广州市华尔太科技有限公司开发的一款在网页里处理 Office 文件的产品。 WebOffice 控件支持几乎所有对在线文档功能的需求，如在线新建、编辑、保存、多人协作 Office 文件等。
它具有以下核心功能
　　1、远程打开、保存：WebOffice全自动，无需手动上传下载，遵守标准HTTP/HTTPS传输协议，支持服务器同步和异步方式保存文件。
　　2、智能填报/读取：可从数据库指定字段提取数据，填充文档指定位置，也可从文档指定位置读取数据到数据库指定]]></description><category></category></item><item><title><![CDATA[CSS 滚动条样式美化]]></title><link>https://blog.youkuaiyun.com/dark_cy/article/details/119252736</link><guid>https://blog.youkuaiyun.com/dark_cy/article/details/119252736</guid><author>dark_cy</author><pubDate>Fri, 30 Jul 2021 17:56:14 +0800</pubDate><description><![CDATA[滚动条主要属性

::-webkit-scrollbar：滚动条整体部分
::-webkit-scrollbar-thumb：滚动条里面的滑块
::-webkit-scrollbar-track： 滚动条的轨道
::-webkit-scrollbar-button： 滚动条轨道两端的按钮，允许通过点击微调滑块的位置
::-webkit-scrollbar-track-piece：内层轨道，滚动条中间部分
::-webkit-scrollbar-corner：边角，及两个滚动条的交汇处
::-webkit-r]]></description><category></category></item></channel></rss>