![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 80
Dream_travelerly
gzh :小雨杂七杂八
回复省钱: 外卖0元购
cesium+leaflet开发,
地理信息平台开发,
二维和三维模型切换,
vue开发
npm包发布和sdk
展开
-
vue3接入微信扫码授权登录流程
当用户打开上面的二维码并扫码授权确认时,第三方应用跳转中间路由拿到微信返回的code参数,这时通过router.beforeEach函数中进行拦截判断,获取url中的code,根据code调用接口进行。注意: 这里涉及到redirect_uri参数,用户扫码完成后微信拉取重定向地址都是根据redirect_uri参数拉取的,所以前端要配置好redirect_uri的最终指向。本篇主要介绍两点,相关文档请查阅微信开平台。原创 2024-02-04 16:16:44 · 1208 阅读 · 0 评论 -
2024 年你应该使用 Bun、Node.js 还是 Deno?
此外,Deno 还通过整合内置的工具,如网络请求的 fetch,采用了当前的 Web 标准,与浏览器处理 JavaScript 的方式保持一致,提供更具凝聚力的编码体验。:Node.js 拥有一个充满活力的生态系统,其中包含丰富的库和框架,为开发人员提供了一个全面的工具包,可用于高效编码,涵盖了 Web 开发和实时应用程序的方方面面。:Node.js 通过非阻塞 I/O 和可伸缩性提供了更高的性能,支持基于事件驱动的架构,使其非常适合实时、数据密集型的应用,并能应对不断增长的用户群体。原创 2024-01-31 16:28:34 · 1592 阅读 · 0 评论 -
Node 调试利器,前端、Node 开发必备 - VSCode JS Debug Terminal
可以看出VSCode的基本支持了所有我们常用的调试场景,无论是nodetypescriptwebpack还是jest,全部拿捏。并且使用绝对无脑,可以放心食用。当然在使用过程中也遇到一些小问题,比如在跑jest时由于会启动多个子进程此时点击断点工具条中的断开可能会导致后续失效,也有时会卡住。不过瑕不掩瑜,用了就知道真香。原创 2024-01-30 14:22:09 · 590 阅读 · 0 评论 -
实用技能!如何使用Canvas封装图片压缩功能
要想更好的理解图片压缩,还是要把_FileReader_和_canvas_的一些api弄清楚,这样才会更加容易理解代码的逻辑,希望这篇文章能够帮助到各位大佬。原创 2024-01-29 10:48:51 · 548 阅读 · 0 评论 -
如何使用preact开始一个前端项目?
本篇文章对于preact不做过深介绍,仅仅介绍其基础的使用方法。使用Preact,我们可以通过组装组件和元素的树来创建用户界面。组件是返回其树应该输出的内容的描述的函数或类。这些描述通常是用JSX(如下所示)或HTML编写的,它利用了标准的JavaScript标记模板。这两种语法都可以表示具有“props”(类似于HTML属性)和子元素的树。preact支持通过多种方式引入使用。原创 2024-01-26 18:05:52 · 843 阅读 · 0 评论 -
2024 年 7 个 Web 前端开发趋势
随着时间的推移,Next.js 的受欢迎程度将会越来越高。根据 Retool 的 《2023 年 AI 现状》 报告,自 2022 年以来,57% 的开发人员减少了对 Stack Overflow 的使用,甚至有 10% 的开发人员因为有了 ChatGPT 和 GitHub Copilot 而不再使用 Stack Overflow。越来越多的开发人员和企业正在加倍努力提高其网站的无障碍性,在 WebAIM 2024 年的报告中,我们可以期待对无障碍性的控诉会减少,而支持无障碍性的网站会增加。原创 2024-01-23 14:52:50 · 2228 阅读 · 0 评论 -
深入掌握 OSS,最完美的 OSS 上传方案!
上传文件一般不会直接存在服务器目录下,这样不好扩展,一般我们会用阿里云的 OSS,它会自己做弹性扩展,所以存储空间是无限的。OSS 对象存储是在一个 bucket 桶下,存放多个文件。它是用 key-value 存储的,没有目录的概念,阿里云 OSS 的目录只是用元信息来模拟实现的。我们在测试了在控制台的文件上传,也测试过了 node 里用 ali-oss 包来上传、在网页里直传 OSS 这三种上传方式。不管在哪里上传,都需要 acessKeyId 和 acessKeySecret。原创 2024-01-22 17:45:51 · 1525 阅读 · 0 评论 -
在vscode中悄无声息地摸鱼
实战没有贴出完整代码,用少量的代码带大家快速了解如何实现一个插件的基本功能,如果需要深入了解可以参考:document:表示当前代码文档。position: 表示鼠标所在的位置,配合 document 可以获取到选择的文本。token:表示取消操作的 token。完整代码:https://github.com/codexu/FishX官方文档:https://code.visualstudio.com/docs。原创 2024-01-22 16:41:35 · 1675 阅读 · 0 评论 -
我终于学会的前端技能——代码调试、打断点
代码调试、打断点原创 2024-01-18 14:46:00 · 1304 阅读 · 0 评论 -
如何优雅的实现前端国际化?
前端知识分享原创 2024-01-18 14:41:21 · 984 阅读 · 0 评论 -
vue自动更新版本号
/切割后的版本号数组。原创 2023-05-24 14:17:20 · 1030 阅读 · 0 评论 -
手撸低代码平台搭建(四)组件拖动自由布局的实现
大家好,在前两篇文章中,我们走进了前端低代码的世界,并揭秘了低代码的核心——页面设计器的实现。在揭秘页面设计器时,我们重点分享了顺序排列布局的组件拖动方式,那篇文章的评论中,有小伙伴问到自由布局的实现,那么我们在这篇文章中来分享一下自由布局拖动的实现原理,实现一个设计器组件自由拖动的最简demo。原创 2023-02-03 16:43:45 · 1023 阅读 · 0 评论 -
vue2低代码平台搭建(三)组件间交互的实现
大家好,我是L丶Y,我们在上一篇文章中主要介绍了低代码平台的页面设计器相关的一些功能原理,打通了页面设计器顶部操作栏、左侧组件列表,中间画布、右侧属性配置四个部分的关系。能够实现组件列表的展示、组件到画布的拖动,属性配置修改对组件渲染效果影响,并说明了页面设计器中设计好的页面是如何进行渲染的。虽然我们看起来实现了通过组件拖拉拽完成页面的开发,但是目前的页面还是无法进行使用的,这是因为页面中的组件都是相互独立而又没有关联的。实际页面中的绝大多数组件都需要进行相互通讯。原创 2023-02-03 16:43:04 · 1334 阅读 · 0 评论 -
vue2低代码平台搭建(二)揭秘页面设计器
大家好,我是L丶Y。我们在上一篇文章中走进了低代码的世界,这一章节我们要开始干货内容了,来探索一下低代码开发的核心 ——页面设计器。我们知道,低代码开发平台都是通过拖拉拽可视化的页面设计器进行页面开发的,在这一章节,我们来探索一下页面设计器的实现方式。下图中,我们截取了几款优秀的低代码产品的页面设计器界面。最上方是操作栏,我们可进行页面的保存、预览、查看json信息、查看代码等操作;左侧是组件列表,当然也可以添加一些切换,让我们的左侧区域支持查看页面树信息、配置数据源等其他操作;中间是画布。原创 2023-02-03 16:41:09 · 2569 阅读 · 0 评论 -
Vue2低代码平台搭建(一)
大家好,我是L丶Y,这一次,我们来聊一聊前端低代码平台的构建。近些年来,随着Saas行业的高速发展,低代码的概念也逐渐流行了起来,而低代码产品也越来越多的出现在我们的身边,像国外的Mendix,国内的宜搭、苍穹、简道云等等。而我司自研的低代码应用构建平台也已服务了十余B端生产项目,基于这种新型的开发方式,图形化的拖拉拽配置界面,并兼容了自定义的组件、代码扩展,确实在B端后台管理类网站建设中很大程度上的提升了效率。L丶Y也想通过这篇文章与大家对于前端低代码平台的构建进行交流,分享。原创 2023-02-03 16:39:03 · 3621 阅读 · 0 评论 -
vue首页加载空白或者过慢优化方法之gzip
vue首页加载空白或者过慢优化方法之gzip原创 2023-01-10 16:07:37 · 207 阅读 · 0 评论 -
这么多年你还在怕正则吗?
不会吧不会吧,这么多年你还在怕正则?这就对了,相信你用不了几分钟看完本文,从此正则算个球。原创 2022-10-27 09:14:28 · 552 阅读 · 0 评论