- 博客(14)
- 收藏
- 关注
RSS订阅原创 chrome控制台调试--Network
chrome控制台的Network调试想必前端开发人员并不陌生，几乎是每时每刻都在使用，这里就介绍一下Network中好用的几个小功能。
2024-07-29 11:35:01
330
原创 微信小程序电子签名组件
微信小程序电子签名组件，封装抽离可复用，签名成功输出base64和临时文件路径，解决vant弹窗中使用导致背景滚动问题，宽度自适应，高度设置百分比，开箱即用!
2022-12-09 11:12:09
3492
2
原创 前端Ajax文件流下载及响应头文件名fileName获取
使用ajax下载文件令人头痛欲裂的是fileName文件名的获取，网上寻找各种格式化响应头的方法，奈何五花八门，无一凑效，机缘巧合之下发现axios内部对响应头有做处理，于是火速翻开axios源码浏览借鉴（实则cv）使用a标签下载文件，添加download属性可以自动获取文件名，但需求需要没有文件或者发生错误是给出弹窗提示，a标签下载显然无法实现功能!...
2022-08-18 15:02:11
5247
原创 vscode同时编辑多行，插入递增数字，递减数字，递增字母，递减字母。
vscode使用Increment Selection插件，插入递增数字，递减数字，递增字母，递减字母。1.安装Increment Selection2.递增数字，递减数字2.1 快捷键顺序（从零递增）2.2 快捷键顺序（从任意数字开始递增）2.3 递减数字同理，区别在于从下往上选中（光标定位第10行，shift+alt+鼠标左键--选中第一行即可递减）3.递增数字，递减数字1.安装Increment Selection搜vscode搜索Increment Selection 安装2.递增数字，递减
2022-01-13 14:25:50
11191
2
原创 react中虚拟Dom的理解
react中虚拟DOm的理解首先是初始化state中的数据;创建jsx模板;state中的数据与模板相结合,生虚拟DOM;用虚拟DOM生成真实OM (虚拟DOM本质就是一个js对象,用来描述真实的DOM); (性能损耗小)state中的数据发生了变化;state数据与模板结和,生成新的虚拟DOM;比较原始虚拟DOM和新的虚拟DOM的区别,找到区别的部分;(相对与真实DOM对比,性能损耗小)直接操作DOM将变更部分更新...
2022-01-01 23:24:42
374
原创 js日期计算,根据当前日期计算n个月后的日期
js计算n个月后的日期,并匹配月底,处理闰年,闰月工作中遇到日期计算的需求,需要根据给定的日期计算出n个月后的日期,开始感觉挺简单一需求,因为现成的moment.js就有日期加月份计算的功能,但需求远不止简单的给定日期加月份,还要处理给定日期如是月底,需要n月后的日期同样是月底最后一天,如给定2022-01-31,计算1个月后的日期需要是2022-02-30,又例如给定2022-02-28,同样需要计算出1个月后结果应为2022-03-31.export function addMonth(date,
2022-01-01 22:45:43
3355
13
原创 electron-vue应用程序更新功能实现
electron-vue应用程序更新功能实现文章目录electron-vue应用程序更新功能实现前言一、使用步骤1.引入安装electron-updater2.package.json文件build属性下添加publish属性3.主进程文件夹main目录下创建update.js 存放更新相关事件4.update.js同级目录下也创建app-update.yml文件5.主进程index.js中引入使用步骤3创建的update.js 中的updateHandle（）方法6.components中创建updat
2021-07-17 12:35:03
1548
1
原创 微信小程序路由跳转封装
微信小程序中对路由跳转进行封装处理1.小程序根目录utils文件夹创建route.js文件2.同样在utils文件夹创建navigate.js文件，对微信页面跳转api进行封装页面使用示例,以登录页面为例1.小程序根目录utils文件夹创建route.js文件创建router.js文件对跳转页面路径统一管理，跳转时传入对应路径的key值即可export default { 'login':'/pages/login/login', // 登录页面 'register':'/pages/regi
2021-06-30 15:40:24
988
原创 2021最新微信小程序请求封装以及api统一管理
目录前言正文开始ok跑路！前言最近在重构公司小程序，看到了重构前的小程序的统一接口管理只能是用“眼花缭乱”来形容了，令我没想到的是我试着搜索了一下小程序请求api管理，然而大多数都是几年前的文章，封装的五花八门，眼花缭乱。所以重构小程序第一步，封装请求及统一api管理，就像在vue项目中管理api那样。之前是这样的，简短的一个地址被拆成了几个变量加来加去？？？及不优雅。正文开始小程序项目根目录创建http文件夹，文件夹中新建http.js，新建api.js 这两个文件。2.小程序http
2021-06-23 09:59:44
1061
1
原创 前端javascript实现与外接设备之间的串口通信
文章目录前言实现的功能前言最近在项目中需要实现通过串口与外接电流表之间的通信，拿到电流表的实时测试电流同步显示在页面上，由于公司人员不多，这个重任自然而然落到我的头上，起初我也是不敢相信javascript有这么强大，还能通过串口操纵外接硬件设备，但我冷静之后百度了一下果然百度出来serialport.js这么个东西。开发环境：electron-vue+node+serialport.js先上效果图:实现的功能页面加载默获取所有串口列表遍历出需要打开的串口，将串口打开点击开始测试，每一秒
2021-06-22 12:03:48
6869
原创 electron-vue 打印预览功能实现
前言：最近electron-vue项目中遇到打印功能,但是利用浏览器原生的打印功能(window.print())又无法预览打印界面，用户体验极差。后来偶然发现lodop这个神奇的web打印插件，通过把lodop打印插件整合到项目中,解决了问题。不足的是为此用户需要增加一步安装lodop.exe文件的操作。先生成图片:lodop的预览功能:正文开始，接下来说以下具体操作吧。1. 前往lodop官网下载插件下载解压后复制LodopFuncs.js到自己的electron-vue项目中(我是
2021-06-05 15:43:20
3674
3
原创 vue mixin（混入）实际项目中使用详解
前言最近在vue后台管理项目中遇到需求，有多个模块页面都存在组织列表级联选择框为了减少工作量更重要的是增强项目的可维护性，所以就使用了mixin 混入组织列表级联选择器到每个页面。话不多说，接下来就是使用过程1.创建mixins文件夹首先创建一个mixins文件夹，然后在创建相应的混入js文件，我这里文件名就叫organization.js2.organization.js文件结构因为mixin 是一个混入对象，所以在organization.js中我们可以和在vue组件中一样来定义我们的d
2021-05-18 11:06:24
876
原创 vue+element主题更换(换肤)功能实现过程详解
删除线格式 @TOCvue+element主题更换(换肤)功能实现过程详解文章目录vue+element主题更换(换肤)功能实现过程详解前言一、实现思路二、实现步骤1.创建好自己的vue项目2.安装element-ui以及sass3.安装element-ui自定义主题工具4.执行命令暴露element-ui全部变量在根目录生成element-variables.scss文件5.更改自己想要的主题色,之后编译主题
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人