- 博客(111)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Vue.Draggable 踩坑：add 事件与 change 事件中 newIndex 字段不同之谜
完全是由 Vue.Draggable 自身维护的，要想找到导致它俩不同的原因，只能去看看 Vue.Draggable 的源码了。印象中拖入放置时元素在列表中的位置是 Vue.Draggable 自己维护的啊，我没做什么控制，怎么可能出问题呢？满脑子疑惑的我又拖了个文本域放在输入框下面，结果它有一次惊呆了我，它正常了，没有跑到输入框上面去…实现的 vue 拖拽插件，文档挺简单的，用起来也方便，但没想到接下来给我遇到了灵异事件…结果意想不到的事发生了，文本域居然跑到了输入框的上面去了，我惊呆了…
2023-11-10 14:00:04
719
原创 前（jsencrypt）后（node-rsa/crypto）端 RSA 加密与解密
前端使用 jsencrypt 进行加密，服务端使用 node-rsa 或 crypto 进行解密。
2023-10-06 08:51:01
1549
原创 微信小程序使用 checkbox 如何修改样式？
主要通过 wx-checkbox-input 、wx-checkbox-input-checked 以及 wx-checkbox-input-checked::before 三个类名来设置 checkbox 的样式
2022-09-15 14:55:52
4372
1
原创 Vue 自定义指令绑定的处理函数中传递参数
现在需要为自定义指令绑定函数，并且需要向函数中传递参数，类似 。 Vue 的指令预期得到的值是一个 JavaScript 表达式，除了 v-on 和 v-for 这两个特殊指令外，其他的指令会自动计算该表达式的值，将最终的计算结果传递给指令。所以自定义的指令不能用 的形式绑定函数值，因为 作为一个 JavaScript 表达式会被立即执行，最终会将其返回值传递给指令。 那么当我们想要为自定义指令绑定函数值，又想为其传递参数该怎么办呢? 利用指令的值预期得到一个 JavaScript 表达式的特
2022-06-29 14:34:25
4095
2
原创 微信小程序引入 iconfont 图标
下图的左上角有三种模式，Unicode、Font class 和 Symbol。选中 Font class 模式，然后点击【点击复制代码】下面的链接，将链接里面的代码（如图二）复制到项目里即可。 之前我都是用的 Font class 模式，但是上星期 iconfont 官网维护之后，我加了新图标更新代码的时候弹出了下面的提示，说要下载至本地使用。 小程序上我还没用过本地的 iconfont 图标，于是我就去百度怎么引入，有些博客说小程序不支持加在本地字体文件，要转成 Base64 的格式引入才可以
2022-06-20 21:54:59
718
原创 利用 bind 方法修改 ElementUI 组件行为（不务正业）
之前遇到一个需求，需要在日期选择器（DatePicker） 组件内容被清空后做一些处理，但是看了文档之后发现 DatePicker 并没有像 Input 或 Select 组件那样提供 clear 事件，没法直接监听清空动作。我不死心，于是就去看了 DatePicker 组件的源码（element-ui 版本 2.15.6），发现点击清空按钮时会执行以下方法： 方法中只触发了 input 和 change 事件，没有 clear 事件。好了，无法实现 clear 监听，需求被毙（怎么可能）。。。
2022-06-17 22:15:00
274
原创 element ui 中 Popover 组件定位不精准的问题
Popover 内部数据动态获取到之后，Popover 尺寸变化导致的定位不准确
2022-05-19 13:51:53
3656
1
原创 Node 结合前端实现文件下载（含进度条）
服务端 fs.stat() 方法获取文件字节流长度通过 fs.createReadStream 获取文件可读流，并返回给前端。前端在 onprogress 中获取文件下载进度，并通过动态创建 a 标签进行文件下载。
2022-05-14 20:51:51
1940
原创 XMLHttpRequest 对象
XMLHttpRequest（XHR）对象用于与服务器交互。XMLHttpRequest 是 Ajax 技术的核心，通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。本文主要介绍 XMLHttpRequest 对象的各种属性、方法及事件XMLHttpRequest 可以用于获取任何类型的数据，而不仅仅是 XML。它甚至支持 HTTP 以外的协议（包括 file:// 和 FTP），尽管可能受到更多出于安全等原因的限制。
2022-05-11 23:05:30
1437
原创 el-date-picker 月份范围选择限制最大范围
需求描述 月份范围选择时，限制月份范围最大为 12 个月。思路 选择了一个月份后，禁用该月份前后 12 个月之外的选项。 第一步，通过 DatePicker 提供的 pickerOptions.onPick 监听日期选中事件，记录 minDate 和 maxDate。 第二步，通过 DatePicker 提供的 pickerOptions.disabledDate 禁用 minDate 前后 12 个月之外的选项`。需要注意的是，Element 文档指出 onPick 事件只有当
2022-05-07 22:58:12
7699
1
原创 Tooltip 组件：根据内容是否溢出判断是否显示 Tooltip
本组件是对 Element UI 中 el-tooltip 组件的二次封装，新增特性：鼠标移入父组件时，根据内容是否溢出判断是否显示 Tooltip
2022-04-21 17:27:06
1608
原创 简单理解 Ajax
Ajax 不是用于浏览器与服务端进行通信的工具，而是以 XMLHttpRequest 为核心，包括 HTML/XHTML、CSS、JavaScript、DOM、XML以及XSLT的一种用于实现网页局部刷新的集合技术。
2022-04-17 19:56:19
793
原创 前端表格数据导出为 Excel 的简单方法
方法一/** * 导出表格数据到 Excel 文件 * @param {Array} tableData - 表格数据 * @param {Array} fieldLabels - 表头组成的数组 * @param {Array} fieldKeys - 列属性名组成的数组 * @param {String} fileName - 导出的文件名 */function exportExcel(tableData, fieldLabels, fieldKeys, fileName) {
2021-12-23 19:29:22
4348
2
原创 CSS 拼色背景
利用 CSS3 渐变（Gradients）来实现背景色色彩拼盘<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .box{ margin: 100px auto; width: 600px; height: 300px; background: linea
2021-10-30 11:00:46
623
原创 WebOffice 文档在线编辑
简介 本文介绍的 WebOffice 控件是由广州市华尔太科技有限公司开发的一款在网页里处理 Office 文件的产品。 WebOffice 控件支持几乎所有对在线文档功能的需求，如在线新建、编辑、保存、多人协作 Office 文件等。它具有以下核心功能 1、远程打开、保存：WebOffice全自动，无需手动上传下载，遵守标准HTTP/HTTPS传输协议，支持服务器同步和异步方式保存文件。 2、智能填报/读取：可从数据库指定字段提取数据，填充文档指定位置，也可从文档指定位置读取数据到数据库指定
2021-10-28 19:44:31
4992
6
原创 CSS 滚动条样式美化
滚动条主要属性::-webkit-scrollbar：滚动条整体部分::-webkit-scrollbar-thumb：滚动条里面的滑块::-webkit-scrollbar-track： 滚动条的轨道::-webkit-scrollbar-button： 滚动条轨道两端的按钮，允许通过点击微调滑块的位置::-webkit-scrollbar-track-piece：内层轨道，滚动条中间部分::-webkit-scrollbar-corner：边角，及两个滚动条的交汇处::-webkit-r
2021-07-30 17:56:14
1431
原创 前端利用 jsencrypt.js 进行 RSA 加密
import JSEncrypt from 'jsencrypt/bin/jsencrypt'// 密钥对生成网址 http://web.chacuo.net/netrsakeypair// 公钥，用于加密const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBANL378k3RiZHWx5AfJqdH9xRNBmD9wGD\n' + '2iRe41HdTNF8RUhNnHit5NpMNtGL0NPTSSpPjjI1kJfVorRvaQerUgkC
2021-07-28 17:38:07
733
原创 记一次有趣的BGU
问题描述 条件渲染的时候，两个完全不相关的搜索框串值显示了（仅仅显示，实际的值并没有错误）。在第一个选择框中选值之后，切换另一个视图（改变渲染条件），后者视图的一个多选框会显示前者一个单选框的值。需要注意的是仅仅只是显示值！多选框绑定的值仍是空数组！ 需要注意的是，代码中并没有任何显式给多选框赋值的语句，单选框也没有，它们绑定的值只能通过选择数据才会被修改。找问题时发现的诡异之处 发现问题第一反应是错误的给多选框赋值了，多次验证输出之后，发现其值一直是空数组。然后想如果手动给其赋值，那么单选框
2021-07-23 18:02:21
172
原创 （一）MySQL 数据库数据类型的选择
MySQL 数据类型选择原则满足需求的前提使用更小长度的数据类型数据类型越小，处理数据越快，占用的磁盘、内存和 CPU缓存越少，处理时需要的CPU的周期越小使用更简单数据类型，整型优先简单的数据类型也意味着更少的CPU周期，比如整形比字符串的操作代价更低，因为字符集和排序使得字符之间的比较比整形之间的比较更加复杂尽可能避免使用NULL字段查询中包含可为NULL的列，对Mysql来说更难优化，也会使复合索引无效。可为NULL的列会使用更多的存储空间，在Mysql中也需要特殊处理。
2021-06-29 22:22:39
583
原创 Axios 拦截器
拦截器作用 拦截器可以在每一次请求或响应被then或catch处理之前拦截它们，并对其进行操作。利用拦截器可以统一对请求或响应做一些处理，比如统一为请求添加 token ，统一对相应的数据进行一些处理等创建拦截器的方法axios.interceptors.request.use() 通过axios.interceptors.request.use(fun1, fun2)方法创建请求拦截器，它接受两个函数作为参数。 fun1 接受一个自动传入的对象作为参数，该对象就是请求的配置对象。可以在 f
2021-05-21 22:25:48
715
原创 修改 Ant Design Vue a-tooltip 组件默认样式
先用 overlayClassName 属性声明一个 class<a-tooltip placement="top" overlayClassName="bgc_tooltip"><!-- --> <template slot="title"> <span>prompt text</span> </template> <a-button>Top</a-button></a-too
2021-05-18 14:05:23
8825
6
原创 JavaScript 中的 Function 类型及其 apply 方法
本文主要介绍 Function 类型，包括函数的定义方式，函数对象的属性和方以及函数内部的特殊对象等内容
2020-08-10 09:37:02
654
原创 JavaScript学习笔记 作用域和 Global 及 window 对象
《JavaScript 高级语言程序设计》第三章的变量小节介绍了定义局部变量和全局变量的方法，其中介绍的全局变量定义是这样的function test() { message = "hi"; //全局变量} 相比于局部变量的定义，它只是省略了 `var` 操作符。当时我就想，这全局变量的定义还挺方便的，比局部的还简单（学过C语言，全局比局部要多加关键字的）！可我接着往下看的时候却发现，这是一种不被推荐的做法...说什么在局部作用域中定义全局变量很难维护，还会因为忽略 var 操作符导致响应变
2020-08-06 20:16:49
461
原创 HTML+CSS 练习——天猫首页
前端小白的练习 主要就是练练布局、加深加深对各种 css 属性功能和用发的记忆 基本实现了天猫首页的所有布局效果吧（个别没有实现，感觉不用 js 搞不了），具体效果如下视频...
2020-08-03 10:22:13
1516
2
转载 如何在CSS中实现父选择器效果？
一、为何CSS不支持父选择器？ 这个问题的答案和“为何CSS相邻兄弟选择器只支持后面的元素，而不支持前面的兄弟元素？”是一样的。 浏览器解析HTML文档，是从前往后，由外及里的。所以，我们时常会看到页面先出现头部然后主体内容再出现的加载情况。 但是，如果CSS支持了父选择器，那就必须要页面所有子元素加载完毕才能渲染HTML文档，因为所谓“父选择器”，就是后代元素影响祖先元素，如果后代元素还没加载处理，如何影响祖先元素的样式？于是，网页渲染呈现速度就会大大减慢，浏览器会出现长时间的白板。加载多少..
2020-07-22 15:15:27
3804
1
原创 outline属性-关于input获取焦点时的边框(划去，其实是轮廓)设置
直入正题点这里 今天跟着视频做静态网页练习的时候，有用到 <input> 标签做查询输入框。因为代码是跟着视频来写的，所以布局的样式都没啥毛病，但是当我点击输入框，让其获得焦点时，输入框就会显示出来一个黑色的边框（如下图）。 看到这个框框我就很纳闷，我根本没有设置这样的属性啊！这个莫名其妙的黑色框框是哪里来的？难道我少写了什么代码？ 抱着这样的疑问，我又重新看了一遍视频中的相关部分，发现我的代码跟视频中的一模一样，可是视频中老师并没有讲到关于这个框框的问题，他在写好这部分代码后压根
2020-07-11 22:06:22
7062
2
原创 HTML观鸟网小练习
刚学了几天，算是把常用的HTML标签过了一遍，于是乎在网上找了一个简单网页练练手。比较简单的一个网页，很适合我这种刚学的，可以很好的熟悉熟悉标签，练练布局啥的。《原网页在这里》 我写了两个版本，第一个是用 table 进行布局的，写完后去跟原网页的源码比较，结果发现人家的布局样式啥的是用的外部 CSS 文件，而我还没学到这个，所以看到前几行我就一脸萌币了... 第二个版本是用 div 进行布局的，因为视频里都说 table 真正的功能不是用来布局的，div 才是，所以就用 div 的方式又写了
2020-07-05 17:51:08
665
2
原创 SQL Server 数据库之数据完整性
目录 ~ 简述 ~ 实体完整性 · 主键约束 · 唯一性约束 ~ 域完整性 · 空值约束 · 默认约束 · 检查约束 ~ 引用完整性 ~ 删除和禁用约束 · 删除约束 · 禁用约束简述 数据完整性是指数据库中数据在逻辑上的一致性、准确性、有效性和相容性。它包括实体完整性、参照完整性和用户自定义完整性。而在 SQL S...
2019-12-01 14:48:50
5911
1
原创 Arduino 控制小车加机械臂
是菜鸟的作品，实现了机械臂的控制，和小车前后左右的控制。连接 WiFi 后可实现TCP 通信。主要模块用到了一个Arduino nuo 板、一个红板、一个 TD-06 WiFi模块、四个舵机和两个小车驱动电机。 实物图如下 代码如下#include <Servo.h>//------------------------------------------------...
2019-11-30 15:44:28
7440
2
原创 Python学习笔记 协程
目录 ~ 什么是协程? ~ 单线程能实现并发吗? ~ 思考：上面的单线程并发（协程）有意义吗？ ~ 如何自动检测 IO 实现有意义的协程？ ~ 简单介绍一下 Greenlet 类 ~ 协程的优点和缺点 ~ Coroutines and Tasks什么是协程？ 答：单线程实现并发，每一个并发的任务就是一个协程。协程又称微线程，纤程，它的关键之处在于自动监测 IO ...
2019-11-16 18:06:49
242
原创 Python学习笔记 concurrent.futures 模块
目录 - ThreadPoolExecutor 类 - ProcessPoolExecutor 类 - Future 类 concurrent.futures 模块提供了几种重要的类，通过它们，我们可以方便的创建线程池和进程池并控制他们完成各种操作。下面将会介绍这几种类的用法。ThreadPoolExecutor 类 ThreadPoolExecutor 是 Executor...
2019-11-13 19:57:56
589
原创 Python学习笔记 线程
线程是操作系统能够进行运算调度的最小单位。它被包含在进程之中，是进程中的实际运作单位。如果把进程比作一个生产车间，那么线程就是车间里的一条生产线。一条线程指的是进程中一个单一顺序的控制流，一个进程中可以并发多个线程，每条线程并行执行不同的任务...
2019-11-10 22:39:39
403
原创 Python学习笔记 生产者消费者模型
目录 - 什么是生产者消费者模型 - 基于 Queue 的栗子 - JoinableQueue - 基于 JoinableQueue 的栗子什么是生产者消费者模型 生产者消费者模型是为了解决数据产生和处理的速度不匹配问题而引入的一种模式。它将负责产生数据的线程或进程称为生产者处理数据的进程或线程称为消费者。 生产者消费者模式是通过一个容器来解决生产者和消费者的强耦合问题。...
2019-10-31 10:08:15
204
原创 Python学习笔记 json和pickle 模块
目录 - 简述 - json 模块 有关JSON的介绍 JSON和Python内置数据类型对照表 常用方法及解析 - pickle 模块 可存储的数据类型 常用方法及解析 常见异常 与 json 模块的差异简述 json 和 pickle 都是实现 Python 对象序列化和反序列化的模块，虽然他们都提供 dumps，dump，loads、load 四个功能，但两个模块之间存在根本上的差异。下面将详细讲解json 和 p
2019-10-17 17:52:03
512
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人