- 博客(70)
- 收藏
- 关注
RSS订阅原创 HTML到PDF转换，11K Star 的pdfmake.js轻松应对
pdfmake.js是一个基于JavaScript的库，用于在客户端和服务器端生成PDF文档。它允许开发者使用HTML和CSS来设计PDF文档的布局和样式，使得创建复杂的PDF文档变得异常简单。为什么选择pdfmake.jspdfmake.js的文件大小仅为11KB（压缩后），这使得它成为Web应用中一个非常轻量级的解决方案拥有超过11K Star的GitHub项目，pdfmake.js得到了广泛的社区支持和认可，稳定性和可靠性值得信任。
2024-06-07 08:35:37
831
原创 每个开发人员都应该知道的13个Nodejs库
Node.js是一个开源的、用于JavaScript编程的服务器端运行环境。它以异步I/O和事件驱动模型著称，这些特性使其在处理实时分布式系统中的大数据量时表现出色。此外，Node.js支持跨平台操作，进一步增强了其在Web开发中的吸引力。库，也被称作模块，是一段封装了常用功能的预编写代码。它们的存在旨在加快编码速度，促进代码复用，帮助开发者遵循“DRY”原则（Don’t Repeat Yourself，即避免重复劳动）。与提供程序结构框架不同，库通常提供特定的功能，可以在项目开发的任何阶段灵活运用。
2024-04-23 15:01:34
781
1
原创 前端玩Word：Word文档解析成浏览器认识的HTML
Word是微软公司开发的一个文字处理器应用程序，它是Office软件中的一个组件。使用Microsoft Office Word可创建和编辑信件、报告、网页或电子邮件中的文本和图形。相比于写字板和记事本功能更强大，性能更全面，可以插入图片、多媒体、艺术效果等。
2024-02-02 10:19:12
2163
原创 盘点2023前端技术，谁才是当红炸子鸡
大家好，我是程序员凌览。2023已成过去式，让我们一起来看看2023年前端圈流行哪些技术?榜一为shadcn/ui，它是一个用 React 编写的用户界面组库，允许通过 TailwindCSS 定制样式。shadcn/ui建立在Radix之上，Radix是一套无头组件，为可访问性和键盘交互等问题提供了原型，shadcn/ui区别于其他流行的库（如MUI、ChakraUI、React Spectrum），它不是一个可下载的NPM包。相反，你可以通过一个终端命令来集成 shadcn/ui 组件，该命令会安装底层
2024-01-08 11:07:51
509
原创 JavaScipt验证URL新方法(2023 年版)
JavaScript诞生以来，一直没有一种简单的方法验证URL，现在JavaScript新增了一个新方法——这是详情的浏览器支持信息链接：https://caniuse.com/?是一种快速验证字符串是否为有效的URL的方法。关注公粽号【程序员凌览】回复"666"，拉您进【人类高质量前端交流群~】目前得到了很好的支持，因此我们可以使用构造函数来验证 URL。方法，使用core-js作为垫片可以解决浏览器兼容性问题。构造函数是相同的算法来评估有效的 URL。由于这两种方法都实现了相同的解析器，并且。
2023-12-14 14:14:51
108
原创 人人都能用的AI编程助手 CodeGeeX
CodeGeeX 是一个对个人用户免费的Ai工具，它能帮助我们写出更快、质量更高的代码，实打实的 Ai 编程小助手。一款 Ai 好工具而且不要考虑网络限制啦!!!关注公粽号【程序员凌览】回复"666"，拉您进【人类高质量前端交流群~】
2023-12-12 08:59:40
212
原创 三分钟搞懂Serverless，互联网个人创业者必备
互联网产品离不开服务器，小的网站可能一台服务器就能支撑起访问量，大一点的可能需要数十台甚至上百台，而大厂级别的公司所需服务器的数量往往都是以千或万来作为单位。购买服务器利用Docker或其他手段部署业务代码运行环境监控报警保证服务器正常运行如果访问量突然增大，可能需要自动弹性伸缩应对这些突发访问量服务器运维是跑不了的，这部分工作要花费不少的成本精力。不需要管服务器的购买和销毁不需要配置运行环境不需要担心服务器的监控报警不需要操心服务器资源的弹性伸缩问题。
2023-12-01 10:10:02
102
原创 搭个网页应用,让ChatGPT帮我写SQL
无论你是初学者还是有经验的SQL用户，都可以来玩玩。我强烈推荐你尝试一下 sql-translate，少写点curd，早点下班不香吗？
2023-11-22 08:30:00
813
原创 一款支持星座、干支、生肖、节气、节日、彭祖百忌、每日宜忌等超卷的日历工具库
大家好，我是凌览。日常GitHub划水发现一款超级6的日历工具库lunar，它支持阳历、阴历、佛历和道历，甚至还玩上了星座、干支、生肖、节气、节日、彭祖百忌、每日宜忌、吉神宜趋、凶煞宜忌、吉神方位、冲煞、纳音、星宿、八字、五行、十神、建除十二值星、青龙名堂等十二神、黄道日及吉凶等。大多数日历需求使用它都能满足。lunar还提供了多种开发语言支持，包括有：javascript、java、.net、php、python、go、typescript、flutter、swift。
2023-11-02 08:39:34
280
原创 Vuepress 三分钟搭建一个精美的文档或博客
VuePress是由Vue.js开发团队创建的一个静态网站生成器。它的设计目标是用于编写技术文档或者博客，并且提供了一系列的默认主题和插件，使得构建和维护现代化的静态网站变得更加简单。
2023-10-25 08:30:18
152
原创 Git Stash：临时保存和切换工作状态的利器
Git Stash是一个强大而灵活的工具，可帮助开发人员在切换分支、保存临时工作状态和解决代码冲突时更加高效地管理修改。通过合理利用Git Stash，我们可以处理多任务开发、合并变更和处理紧急情况，从而提高工作效率并确保代码的完整性。掌握Git Stash都是一个值得推荐的技巧
2023-10-10 13:39:06
128
原创 Puppeteer无头浏览器：开启自动化之门，掌握浏览器世界的无限可能
Puppeteer是由Google开发和维护的一款强大的Node.js库，它为开发人员提供了高级API，以编程方式操控Chromium浏览器。与传统的浏览器自动化工具相比，Puppeteer的独特之处在于它可以运行无头浏览器，即在没有UI界面的情况下运行浏览器实例。这意味着你可以在后台运行浏览器，执行各种任务，而无需手动操作浏览器界面。Puppeteer的背后是Chromium浏览器，这是一款开源的浏览器项目，也是Google Chrome浏览器的基础。
2023-09-21 09:54:41
597
原创 【一点点税务知识】我的工资原来是这样少的
每月工资不是固定的，受KPI影响工资会有一定起浮奖金类的收入也要计算进去，如果有奖金没有计算进累计预扣预缴应纳税所得额，那计算的结果就是会偏差所以说，个税计算器只能计算出大概的税。想要准确的计算自己纳税情况，建议下载个人所得税APP。当工资收入越高，应纳税所得额比重也会增大，比重在到一定程度后，我想我们应该要考虑如何合法避税。每年年未都会有一次在个人所得税APP提交专项附加扣除，它能一定程度上补返回税额给我们。另外，开通个人养老金帐户也可以进行一定额度的避税，将来养老滋不滋润重点看这个帐户。
2023-08-24 08:32:59
99
原创 好的人际关系靠技巧
虽然不能够直接带来可变现的人际关系、社交圈，但可以让我们清楚在与人交往的时候自己应该怎么做。技巧虽然略显刻意，但是本质上并不会伤害到任何人，而是自己努力营造双方亲密关系，是一种值得赞扬的，能够体现自身智慧的行为。合理使用，不要死板套用这些技巧，也要避免让自己陷入讨好型人格。如果我的文章对你有帮助，您的👍就是对我的最大支持。
2023-08-21 08:59:32
67
原创 Nginx之正、反向代理
A同学在Ai大时代背景下开启他的创业之路，目前他遇到的最大的一个问题就是启动资金，于是他决定去找马云爸爸借钱，可想而知，最后碰一鼻子灰回来了，情急之下，他想到一个办法，找关系开后门，经过一番消息打探，原来A同学的大学老师王老师是马云的同学，于是A同学找到王老师，托王老师帮忙去马云那借500万过来，当然最后事成了。不过马云并不知道这钱是A同学借的，马云是借给王老师的，最后由王老师转交给A同学。这里的王老师在这个过程中扮演了一个非常关键的角色，这就是代理。
2023-08-02 17:25:56
255
原创 和我女神王冰冰一起学display: flex布局
早期CSS布局依赖display属性+position属性+float属性。它对特殊的布局非常不方便，如，垂直居中。于是，W3C在2009年提出了一种新的方案——Flex方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，我们可以大胆地使用它。冰冰人美笑容甜，又是央视记者，能力还杠杠的，文章案例必须含冰量十足。
2023-07-28 09:28:35
108
原创 什么是睡后收入
最直观的例子：收租，一种拥有睡后收入简单粗暴的方式，假如在04年你在北京东三环入手2套房产，当时价格为500万/套，如今它们的估价已攀升至2000万/套。罗伯特认为，睡后收入是财务自由的关键之一，因为它可以让人们获得更多的时间和自由，而不必为了赚钱而不断工作。用于二次出售、收租的房子就是你的资产，你的资产在帮你赚钱，睡后收入的主要来源就是靠资产性收入，所以建立属于自己的资产是获取睡后收入的最重要的途径。我们平时上班赚的钱叫"主动收入"，干一天才能有一天的工资收入，一旦你停止干活，收入随之停止了。
2023-07-17 14:26:36
143
原创 学会Pointer指针事件 ，一套拖拽事件两端(PC端、移动端)跑
Pointer指针事件帮助我们通过一份代码，同时处理鼠标，触摸和触控笔事件，能为开发者节省掉时间。避免维护多套事件逻辑，做到一套事件逻辑两端跑。如果我的文章对你有帮助，您的👍就是对我的最大支持。
2023-06-30 22:16:56
465
原创 mitt用100行实现发布-订阅模式还收获了9k的Star
mitt轻量，压缩后体积小于200 bytes；支持通配符“*”事件类型侦听所有事件；与Node的EventEmitter相同的名称和想法。本文先向读者介绍了发布-订阅模式相关理论，再给读者介绍发布-订阅模式社区现成的工具库mitt，最后从mitt的 100行源码中学习到实现发布-订阅模式相关逻辑。如果我的文章对你有帮助，您的👍就是对我的最大支持。
2023-06-06 08:19:13
249
原创 《软技能：代码以外的生存指南》阅读总结
我比较喜欢实体书籍，所以自己干脆买一本《软技能：代码以外的生存指南》回来通读一遍，记录笔记估算有2-3k字，有点长，这里只截部分出来。关于运动我在刻意的养成习惯，偶尔骑行、跑步。我朋友圈的朋友应该都知道，我会刻意把运动记录发朋友圈变相打卡。我写文章的灵感来源于工作、自己空闲的折腾，我会把自己临时想到的先记录，这样我会有写不完的东西。今年我写的文章一定会是往年里写的最多的，这是因为2022年底写的年度总结中结尾。我想去训练一波表达能力，准备写PPT做内部分享去。立的flag：至少15篇文章， 我要去完成它。
2023-05-19 11:10:11
342
原创 Node.js版本管理工具，我选择n
工欲善其事，必先利其器。想优雅且快速的切换Node版本，当选nNode.js版本管理工具。另外也存在其他Node.js版本管理工具，它们各有优劣，童鞋们视自身情况选择。如果我的文章对你有帮助，您的👍就是对我的最大支持。
2023-05-12 08:19:07
597
原创 从张鑫旭的demo中，我学到了图像拉伸的原理
从读张鑫旭的文章demo源码出发，自己也对图像拉伸的功能实现了一遍，做到脑会手也会。以后再有类似的功能分分钟搞定它！关注张鑫旭大佬，好处多多。如果我的文章对你有帮助，你的👍就是对我的最大支持。
2023-05-01 10:01:55
1206
原创 前端切图仔入门Docker，三分钟上线自己的博客平台
从一年前尝试安装配置MySQL数据库失败为开头，向前端开发人员讲述Docker、Docker Composep是什么，它能帮助咱们开发人员能做什么。利用Npm包管理器相关概念，帮助前端人员更好的理解镜像、容器、仓库Docker中三个重要概念。也讲述了Docker、Docker Compose简单的入门知识以及基础的使用，且实战部署一个博客平台体验一波Docker技术带来的好处。Docker部署博客平台_哔哩哔哩_bilibili。
2023-04-21 10:22:30
235
原创 Node.js搭建Https服务
Node.js中搭建Https服务不难，Node.js已经为我们提供了Https模块可以快捷的完成搭建。Https服务实际中仅会使用到线上环境，如果本地环境也需要，我们也可以使用openSSL工具生成一个证书。
2023-03-24 14:50:59
4358
1
原创 ssh2.js+Shell一套组合拳下来，一年要花2080分钟做的工作竟然节省到52分钟～
进入了新的一年，团队被分配了新的工作内容——每周巡检。巡检工作简单，但需要人工重复性地登陆远程服务器、输入重复的命令，然后将命令的结果记录下来。每做一次估计花40分钟，但要每周做，一年52周，一年下来就要花40*52=2080分钟，这仅仅是团队一个人一年要花的时间。不能这么玩呀，纯纯工具人，所以我一直在思考如何用程序帮我自动巡检掉。这篇文章的出现，说明我的想法方向是正确的，收益可观一年要花2080分钟，被我减到52 分钟。如果再扩展程序帮助到团队，这个公式将从40*52*团队人数变成。
2023-01-30 15:04:47
560
原创 【Node.js】写一个数据自动整理成表格的脚本
企业项目进行数据埋点后，埋点事件名需要整理成Excel表格便于统计，目标是将下图左侧数据转化成下图右侧的Excel表格：考虑到左侧埋点数据是随项目迭代增加的，埋点数据每增加一次我就要把数据一条一条的Ctrl+C/V复制粘贴至Excel表格内。懒，不想这样玩，于是我写了一个自动帮我整理成表格的脚本。
2023-01-14 10:19:00
1423
原创 Node.js操作Dom ，轻松hold住简单爬虫
前段时间，我发现一个开源题库，题目非常有意思。我想把它整成一个JSON文件做为数据储备，方便整活。一共有一百五十多道题目，手动CV我肯定是不想干的。于是写了个脚本，在写脚本的过程中，我发现一个能让Node.js操作Dom的开源项目。有了它，再加上jQuery就可以应对简单爬虫抓取数据了，所以写下这篇文章跟大家分享下。
2023-01-03 14:41:54
1662
原创 平淡无奇，2022年终总结
1前言一年又一年，时间过得太快啦！最近总是想着2022年的点点滴滴，一年时光不得写点什么不一样的，可是思前想后觉得这一年也没什么不一样的啊。所以呢，2022年终总结标题就取名为平淡无奇。人一生最重要的是什么？我知乎、百度了一下，给出的答案相似，提到了人生五个方面，分别是身体健康、财务理财、人际社群、工作事业、家庭生活、学习成长。自己也觉得挺合理的，于是决定年终总结按这五个方面来写。写年终总结思想过程中，想到了大学毕业前写的一篇写给五年后自己的话，想跟读者一起回顾下：共勉！2身体健康身体健康是
2022-12-17 21:38:50
1131
原创 【Git】有人瞎动你代码怎么办？学会git reset、 revert轻松解决
使用都能帮助我们回退历史记录，但git reset需要进行强制推送至远程，有风险。工作中更推荐使用git revert命令。另外，如果文章内容对您有所帮助，帮我就是对我的最大的支持❤️。
2022-11-14 15:50:33
488
原创 定义一个常量，它真的不变吗?
中一旦被定义就无法再被修改的变量，称之为常量。ES6中通过定义常量，常量通常用大写字母定义，多个单词之间用_分隔。定义常量后，如果修改常量会报错：这是定义常量的特点之一。但当我们使用 定义常量，而赋值的是一个引用类型值，再修改常量可不一定报错了！！！上述示例代码，即使进行了修改，它也不会出现任何报错。回到真实企业项目，团队开发团队中每一位成员技术水平肯定是有区别的。当定义一个全局常量 ，如果团队成员分别对进行增删改查，由于不会报错极可能不小心造成 值被修改，影响到其他依赖常量的功能模块。成员a:成
2022-06-28 15:23:08
542
原创 仿Mac程序坞放大动画
笔者近期换了台MacBook笔记本💪🏽，使用中发现当鼠标hover到它的程序坞时，有一个非常丝滑的放大动画。感觉非常有意思🤩，趁周末实现下，最后分享给屏幕前爱学习的您!😉真实MacBook笔记本放大动画：仿写的放大动画：实现的关键就是运用了勾股定理计算，所以咱们要复习下初中时期的数学。勾股定理：平面上的直角三角形的两条直角连长的长度的平方和等于斜边长的平方简化成一个公式:a2+b2=c2简单复习下勾股定理，然后将公式对应到咱们的放大动画中。 上图中，假设三角形▲是鼠标，圆○为电脑桌面程序坞中某个应...
2022-06-27 15:54:32
1407
原创 实现懒加载的四种方式
个人封装常用方法工具包： https://github.com/lihai-boop/tool文章已收录: https://github.com/lihai-boop/Blog1. 滚动距离计算offsetTop,scrollTop,clientHeight原生API获取距离像素计算offsetTop:获取当前元素与其父级元素顶部内边距的距离scrollTop:当前元素滚动超出的高度clientHeight:当前元素的可视高度"灵魂画手"绘图img元素offsetTop - 父级元素s..
2021-09-05 22:52:05
5802
原创 ES2019-2022实用新特性
个人封装常用方法工具包：https://www.npmjs.com/settings/lihai-js/packages文章已收录:https://github.com/lihai-boop/Blog每日一题，刷出强大:https://github.com/lihai-boop/Blog/issues前言ES2019-2022新特性均再nodeJs，浏览器版本支持环境下演示；如实际操作中报错，请考虑兼容性，推荐使用bebal文章列举的特性并不是ES2019-2022全部特性，只摘录其..
2021-08-18 21:10:37
963
1
原创 什么，新增npm包生产环境打包竟然报错!
前言本人在npm发布了一个常用方法工具包@lihai-js/tool，有具体的api说明。@lihai-js/tool github地址github,欢迎大家提issues。项目中新引入@lihai-js/tool包,生产环境下打包竟然报错了！debug报错详情debug思路项目开发环境下完全可以运行开发环境成功打包基于上述两点，判断打包失败，原因在于vue.config.js中插件的使用vue.config.js配置let UglifyJsPlugin = require("ug
2021-08-03 11:20:06
585
原创 counter实现图片九宫格超出展示Demo
效果展示绘制大致容器gird简易布局,11个dd元素模拟图片<dl class="view"> <dd></dd> <dd></dd> <dd></dd> <dd></dd> <dd></dd> <dd></dd> <dd></dd> <dd>&.
2021-07-15 14:57:36
348
原创 CSS::marker让文字序号不再呆板
本文介绍CSS新增的伪元素:marker,它可以改变文字序号样式。什么是::marker::marker是在CSS Lists Module Level 3提出，于CSS Pseudo-Elements Level 4完善。**Chrome86+**对::marker开始支持。元素标签<li>,<summary>,它们display默认为list-item,即会带有呆板的文字序号<ol> <li>::marker</li> .
2021-07-01 11:17:02
746
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人