- 博客(73)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 这么简单的瀑布流，你确定不看
以上只是一个简单的模板，大家可以在此基础上优化优化以便达到自己需要的要求。今天的分享到这里就结束了哦！源码库，后续会更新插件库。
2024-03-04 00:32:44
397
原创 class类的常用基础用法
背景我们中工作或者生活中或多或少的听说过class类，那么class到底怎么使用呢？常用的使用又是什么呢？今天我就给大家简单的说一下常用的以及怎么使用等等；如果你想了解很细很细的话，Class 的基本语法 点击这里看文档，哈哈哈...常用语法类中常用的方法有一下几个：private 只能内部使用constructor 方法static 静态属性private我们可以...
2023-09-17 15:12:30
248
1
原创 学了两天react的我，用vite+react+ts搭建起了项目
我们要学习或者使用react项目，那么搭建react是必修课，我根据网上查的资料整理以及针对一些场景进行了整理从而来搭建的这个项目，我相信绝对是最小白；也是最基础实用的搭建方法，我也看了很多人的搭建react项目，我个人感觉哈一个字乱；所以才写了这篇文章，希望能对刚学习react的同学们有用。安装输入一下命令以后按照步骤选择即可：选择react选择ts；如果你想要用js开发...
2023-08-20 00:07:15
234
原创 只会Vue的我，用两天学会了react，这个方法您也可以
背景由于工作需要学习react框架；最开始看文档的时候感觉还挺难的。但当我看了半天文档以后才发现，原来react这样学才是最快的；前提是同学们会vue一类的框架哈。该方法适用于会vue的同学们食用我们在学习以前先去想一想，在vue中我们常用的方法是什么，我们遇到一些场景时在vue中是怎么做的。当我们想到这儿的时候就会发现，对啊；既然vue是这样做的，那么react中是怎么做的呢？别...
2023-08-19 21:47:01
126
原创 历时一个月，终于找到自己满意的工作了
theme: smartblue 由于公司经营遇到了巨大问题，出现严重亏损。 不得不忍痛告诉全体员工团队解散一事 衷心感谢全体小伙伴们在公司付出努力与汗水 目前待定截止今日，后续事宜人事小姐姐会逐步跟进安排。 再次感谢各位伙伴们 希望大家都能有一个好的前程，在未来的时候一定要努力奋斗，前程似锦2023年6月16日我正在开开心心的写着代码，突然来了这么一条消息；...
2023-08-04 12:36:41
47
原创 vue2中使用element表格实时更新数据并排序时不生效
一次同事发现一个bug（问题）；不知道怎么解决，就叫我一起协助看看；主要的原因是，数据在增加的时候可以排序，但是数据在修改的时候无法排序。以下图：是我模拟的一些数据，然后复现的这个问题：注意看效果图序号【2】【8】的金额变化。
2023-06-09 10:24:32
479
原创 electron中交互第三方网站
在以前的文章中讲过electron 中 webview的使用大家可能也都知道webview是可以将一个第三方网站渲染在你软件上的一个组件。那么我们就想既然可以渲染到我的软件上了，那我可不可以让我的软件自动的去做一些操作呢？需求如：掘金网站用户点击文章用户浏览文章用户给文章点赞我们要实现以上的三个功能就需要去官方了解executeJavaScript的使用方法。(注：...
2023-06-05 10:12:22
226
原创 css登录按钮炫酷效果
📢 今天在网上看到一个炫酷的登录按钮效果；初看时感觉好牛掰；但是一点一点的抛开以后发现，并没有那么难；我会将全部代码贴出来；如果有不对的地方，大家指点一哈。
2023-06-03 18:45:03
252
原创 我用爬虫写了一个小程序
theme: channing-cyan一天我在微信小程序上面发现有很多表情包或者壁纸一类的小程序，我就在想我可不可以做一个类似的小程序呢？想法最开始的时候想法比较简单，就是写一个接口然后上传表情包或者壁纸(到处是下载，哈哈哈)。然后根据分类以及标题进行搜索已达到其效果；但是让我没想不到的是上传了上千张图片以后发现内存占用太多了。(主要是舍不得买内存，用的是机械内存)，这让我很...
2023-06-03 11:37:12
1145
原创 我搭建了一个前端脚手架
theme: juejin 作为前端的我们，脚手架肯定也是经常使用；但是每次使用的时候都需要去配置基础设施，比如：axios、less、生产环境和开发环境、以及各种UI框架一类的，如果是移动端可能配置的东西就要更多一点了。那么我们就想弄一些模板啥的。我需要什么类型的项目就直接拿来用，那岂不是很方便。尤其是公司最开始的想法是直接在GitHub上传一个初始化项目，然后想要的时候自己去...
2023-05-29 17:29:54
19
原创 css是你永远学不会的语言
在网上冲浪的时候，看到有这么一个网页效果；如下图：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O3DQ4ysc-1684894281092)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/636e0b101be54538a77c434b1b775733~tplv-k3u1fbpfcp-watermark.image?)]
2023-05-24 10:14:43
77
原创 pdf合并以及拆分
theme: juejin 在网上冲浪的时候发现有这样的网站，可以将pdf拆分也可以合并，还能将其转为word、表格以及PPT等文件，增加水印也是可以的。当时在看到这些网站的时候觉得这么博主真的太好了，全都是免费的，可以帮助到好多人哦！然后我就用了几次，很不错，不管是速度还是质量都能满足我的需求，但是当我多用几次一个发现开始收费了。必须充值会员这些才能用，还有一些其他的各种限制等等。然...
2023-05-20 16:48:17
28
原创 egg-jwt生成token+校验+错误拦截+登录失效等
查看header里面是否携带token校验token获取账号和密码根据获取到的账号查询拿到最近的登录时间(statistics)对比时间是否一致并做出相对于的响应。
2023-05-17 10:29:27
695
原创 vue-electron中修改表格内容并修改样式以及页边距和打印
需求将表格导入并向其添加内容，然后导出表格，且表格样式(一般是值宽高合并颜色等)不能改变。技术electronxlsxxlsx-stylenode-xlsxjavascriptyarn add xlsxyarn add xlsx-styleyarn add node-xlsxxlsx-stylexlsx-style 的一些源码修改是根据网上一些博主的文章来...
2023-05-14 21:06:10
279
原创 CSS实现照妖镜效果
发现css有一个好玩的效果，我们可以聚焦到一点上，其他的全是黑色(看不清的)，已达到我们视觉上的探照灯或者照妖镜效果，下面我们将进行示列演示。简单效果我们先看看以下的文字效果(静态)示列效果:示列代码:```javascript Document .flashlight { ...
2023-05-09 11:35:42
37
原创 前端也可以写后台，node-eggjs
我相信很多前端小伙伴，跟我一样都想搭建自己的一个服务器，自己也能写后端；有的小伙伴可能是为了搭建自己的博客，也有的小伙伴是为了自己写一些项目（比如：小程序，工具类网站等）；还有我这种就为了装的人，哈哈哈不管因为什么原因去学习，他们都是值得我们赞扬和学习的对象；我们可以根据；官文文档给大家提供了快捷式搭建的方法：小伙伴们根据这个创建文件即可当我们执行到npm init egg --type=simple时，会提示以下内容，这是官方给大家封装好的；可以根据自己的需要选择，我选择的是第一个基础组件。
2023-04-28 17:56:31
152
原创 用node爬到了表情包，超级简单
theme: fancy 我们有时候看到网上很多好看的表情包图片, 如果一张一张的去下载的话，需要下载很久很久， 这时候我们就需要用到爬虫技术了，node也是可以进行一些简单的爬虫的，像下载图片这种还是轻轻松松的注意: 切记不要利用改技术去获利哦，针对学习使用, 也不要频繁爬取学习。主要技术nodeeggjscheerio如果你不知道怎么创建egg项目的话请看...
2023-04-26 21:05:21
29
原创 electron+node管理本地文件
theme: fancy 我们在开发electron的时候可能会有这样的需要：管理本地文件或者说操作本地文件，而electron自带node环境，可以很好的让我们操作本地文件，那么就让我们一起来看看吧。api了解我们主要用到的是node自带的api和electron中操作的文件的一些方法。electron的方法很多，大家可以自行了解一下；我目前只是针对目前的一些功能给大家简...
2023-04-22 14:01:56
100
原创 electron将本地文件转为文件流并通过http传递给前端下载
在往期的文章中我们了解到，electron可以作为一个本地服务器，只要是在同ip地址的情况下都是可以进行访问的，那么我想访问服务器(安装electron软件的这台电脑)下的文件是否可以呢？需求分析在同一ip下其他电脑想访问本地服务器电脑里面的pdf文件，并且可以在本机上浏览，还可以导出在本地node服务端监听get请求，将本地文件转为文件流，然后再通过http返回给前端进行...
2023-04-19 15:58:20
200
原创 electron最小化托盘设置
theme: fancy 众所众知桌面app都是有小托盘的，我们可以退去登录；也可以实现一些其他的功能，比如音乐播放器就可以切换下一首歌曲以及一些设置等等。那么electron中怎么实现呢？官方文档以下示列是官方文档的示列，是一个单选的选择器；大家也可以根据文档一步一步去测试出来elctron托盘文档地址注意icon地址一定要正确，否则托盘出不来，要报错icon...
2023-04-17 21:57:09
149
原创 eggjs实现微信发送订阅功能
订阅功能又分为一次订阅和长期订阅功能，如果是一次订阅的话需要每次都授权，否则通知不到用户；获取access_token的目的主要是为了发送订阅消息的时候需要携带这个值才能成功发送订阅消息通知用户；这儿需要传递过来的code（前台获取的code）然后通过小程序的开放接口以及appid和appSecret获得openid；我做的这个可能比较粗糙，大家可以根据文档做一些优化功能！: row格式,data中的time24需要和微信公众号里面配置的订阅消息字段保持一致。要实现这种功能就需要用到小程序的订阅功能！
2023-04-14 10:34:47
172
原创 electron+sqlite3+vue搭建本地服务器
theme: channing-cyan 我们有一些需求可能是需要进行内网开发或者只能内网访问，如果用其他的东西可能有点麻烦，他还不能像electron一样可以通过一些按钮(操作)去控制服务器的开关，就比较麻烦；如果我们使用electron去开发的话，就能避免这些苦恼(尤其是前端开发者)而且electron是有node环境的哦！需求分析如果我们在同一个网络下，是可以通过ip...
2023-04-12 13:19:05
430
原创 高阶函数封装js动画
我们在生活中肯定看到过这样的场景，在我们进入页面或者刷新页面的时候数字(金额)会从高到低的一个动画效果；那么这是怎么做的呢？最开始的时候我以为是用css3来做的；后来看了别人的教程才发现，原来是用js写的；我没有完全按照教程的来，我用到的是Hz为60来计算的，教程是根据时间；大致思路是差不多的需求分析既然我们知道是用JS来做的，那么肯定是去变化数字了；既然我们要做到这几点，那么肯定...
2023-04-09 00:38:07
12
原创 css你可能不知道的属性
CSS3中有一个box-reflect属性，也就是图片反射，主要的效果是将一张图片反射到对应面并且可以设置想要的一些效果(如：渐变)等语法box-reflect：包括三个值direction 定义方向above 反射到对象的上面below 反射到对象的下面left 反射到对象的左面right 反射到对象的又面offset定义反射偏移的距离默认为0 也可以...
2023-04-04 12:01:04
12
原创 electron 中使用本地数据库
众所周知，electron是可以开发桌面端的框架；既然如此那我们有一些数据不想让别人看到，只能在自己的电脑上展示时怎么办呢？这个时候就可以用到本地数据库；数据库有很多的，今天我给大家介绍的是；大家可以一起来学习学习，卷起来，卷起来…
2023-03-27 17:41:16
3071
原创 electron 中 webview的使用
我们在开发的过程中难免会遇到需要创建一个子窗口（子进程），但是在这个子进程中所有值都是初始化的，而我们肯定是需要一些值才能进行下一步操作，比如：token；那么我们怎么去传递值呢？我先给伙伴们说一些，基本原理（下面很多东西会建立在vue的基础上，如果是其他框架就自行修改就行），然后再给大家根据代码一步一步操作。大家看到这儿可能觉得很麻烦，但是如果我们在创建新窗口的时候就传递值的话，可能子进程的渲染进程拿不到值；所以我们当时搞了这种方法，目前运行半年以上基本上都没得问题；
2023-03-22 10:52:10
1675
1
原创 cocos creatop 游戏开发，生态太差了
theme: fancy我相信很多朋友去学习开发(IT)都是想着自己有一天也能开发出自己的一款游戏吧！但是由于很多原因可能放弃了最初的梦想了；我跟大家一样，做了前端三年有余，但是一直没有去接触或者说学习游戏开发！在2022年底(过年的时候)看到有很多小孩都在玩微信小游戏，这让我触发了想学习做游戏的心思了！！！目的每一个人去学习或者说做一件事，肯定都是有目的的；我也不列外我想去学...
2023-02-20 16:04:21
42
原创 electron创建新窗口（模态框）并相互传值，主进程传值给子进程
我们在开发的过程中难免会遇到需要创建一个子窗口（子进程），但是在这个子进程中所有值都是初始化的，而我们肯定是需要一些值才能进行下一步操作，比如：token；那么我们怎么去传递值呢？我先给伙伴们说一些，基本原理（下面很多东西会建立在vue的基础上，如果是其他框架就自行修改就行），然后再给大家根据代码一步一步操作。大家看到这儿可能觉得很麻烦，但是如果我们在创建新窗口的时候就传递值的话，可能子进程的渲染进程拿不到值；所以我们当时搞了这种方法，目前运行半年以上基本上都没得问题；
2023-02-14 11:57:23
3655
4
原创 electron+vue3实现excel表格转JSON文件
Excel表格转JSON文件可能在工作中这个需求比较少见（我没遇到过），这边短时间我不是做了一个JSON转Excel表格嘛？我就在想返过来可以嘛，然后就去查了一下在node关键中可以直接读取Excel文件并且返回一个数组，这样不就行了吗？开始干吧！哈哈哈哈。
2023-02-07 17:03:41
576
原创 electron渲染进程、主进程相互传值
theme: fancy在electron中分为渲染进程和主进程；渲染进程就是浏览器环境，主进程就是node环境既然他们是不同的环境，那么为我们怎么让他们相互关联起来呢？或者说怎么传递值？毕竟在开发中可能会遇到我想要的值只能在node环境中才能获取，然后node中可能也会需要浏览器环境的值；这个时候就需要两个环境联通起来相互传值浏览器传值给主进程浏览器环境引入:j...
2023-02-07 11:56:43
159
原创 常见的四种排序方法，你知道几个？
不论在工作中还是面试，或多或少都会用到/问到排序的一些方法，多了解一点总是不亏的冒泡排序```javascriptlet nums = [8, 2, 6, 5, 4, 1, 3];function sort(nums = []) { for(let i = 0; i< nums.length; i++) { for(let j = 0; j< ...
2023-01-28 14:16:46
14
原创 （携程）算法手写题
theme: channing-cyan今天在掘金上看到有一道面试题，我感觉很有意思就准备自己写一下，不管写的怎么样；先看看自己是否能写出来嘛？然后带着这个心态开始了写大厂面试题；哈哈哈以下是这个作者整理的一些面试题，大家如果需要的话可以看看【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我问题 已知如下数组： var arr = [ [1, 2, 2]...
2023-01-16 18:41:46
14
原创 前端使用electron+vue3+ts搭建一个桌面端应用且可以热更新
将以下代码复制到vue.config.js的builderOptions对象中即可provider : "generic" , url : 'https:' , // 打包文件地址,与以上链接需相同 } , ] ,然后再次打包安装测试；没有问题就可以上线了也可以查看线上代码json-tool工具GitHub仓库json-tool工具软件以前的文章electron+vue3+ts开发了一个JSON工具桌面软件javascript求最大值最小值的另一种写法reduce。
2023-01-13 16:03:04
2583
原创 electron+vue3+ts开发了一个JSON工具桌面软件，json转为excel表格等
最近没事看见有很多博主在写古诗词的相关网站，然后我就去看他们的数据，发现他们现在保存的格式都是json文件（GitHub），导致我无法保存到数据库中使用，然后我就想JSON文件如果可能转为db格式的文件不就好了吗？但是这个时候需要用到什么技术呢？
2023-01-12 16:50:09
565
原创 electron+vue3+ts开发了一个JSON工具桌面软件
theme: channing-cyan需求最近没事看见有很多博主在写古诗词的相关网站，然后我就去看他们的数据，发现他们现在保存的格式都是json文件(GitHub)，导致我无法保存到数据库中使用，然后我就想JSON文件如果可能转为db格式的文件不就好了吗？但是这个时候需要用到什么技术呢？源码该项目的源码我放到GitHub上面了，如果大家感兴趣的话可以拉下来看看；json-...
2023-01-12 16:43:50
34
原创 我用reduce写了一个数组扁平化
我们一听到扁平化，肯定第一想到的就是这个内置api，而我们今天将用reduce这个函数来实现数组扁平化的功能如果还有同学不了解这个函数的可以去参考我的这篇文章;以上这篇文章会讲述reduce的基本用法，不过还得你自己去多练习熟悉。同学们也可以看我在和上发布的常见方法的封装。
2023-01-10 11:01:48
166
原创 javascript中求最大值max最小值min的另一种写法reduce
关于数组最大值和最小值，我相信大家马上就能想到以下这个方法，这是JavaScript给我们的一个内置方法，简单实用！但是今天给大家分享使用去获取最大值和最小值的方法，不过在此之前呢？我会给大家先讲解一下reduce这个api，可能会有一些同学不太了解这个方法，然后我再讲解怎么实现求最大值和最小值。
2023-01-09 13:31:19
230
原创 javascript求最大值最小值的另一种写法reduce
theme: channing-cyan关于数组最大值和最小值，我相信大家马上就能想到以下这个方法，这是JavaScript给我们的一个内置方法，简单实用！javascriptMath.max() // orMath.min() 但是今天给大家分享使用reduce去获取最大值和最小值的方法，不过在此之前呢？我会给大家先讲解一下reduce这个api，可能会有一些同学不太了...
2023-01-09 13:21:11
38
原创 插件开发并发布到npm，最最简单有效的教程，你确定学不会？
我们常用的一些方法可能不止在一个项目中使用，但是我们又不想每一个项目都复制过去，那怎么办呢？ npm就是我们最好的伙伴；我们可以通过npm在任何一个项目中随时使用，岂不是美滋滋啊！今天就让我们来学习怎么将自己封装的方法发布到npm上吧！
2022-12-29 18:15:54
617
电商贴图，psd贴图，svg图片
2022-01-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人