20231208 前端开发日报

一文弄懂什么是Web组态;一张长图透彻理解SpringBoot 启动原理,架构师必备知识,不为应付面试;sensitive-word 敏感词/脏词开源工具-v.0.10.0-脏词分类标签支持;【Flutter技术】如何识别一个应用是原生框架开发还是Flutter开发?;利用Node.js和cpolar实现远程访问,无需公网IP和路由器设置的完美解决方案;借助 JSCodeshfit 快速重构、升级、迁移;Web前端工程的装机必备软件;写给还没玩过gitlab CI/CD的你,保证能学会

  1. 一文弄懂什么是Web组态

    随着互联网技术的飞速发展,物联网、云计算等新兴技术逐渐渗透到各个行业,为企业带来了更高效、便捷的管理方式。在工业自动化领域,Web组态技术作为一种实现智能监控与远程管理的关键技术,得到了广泛的应用。

  2. 一张长图透彻理解SpringBoot 启动原理,架构师必备知识,不为应付面试

    全网独家,透彻解析Spring的启动原理,分析各个扩展点的启动顺序。深入理解Spring,并不是只为应付面试,更是实际工作的需要。

  3. sensitive-word 敏感词/脏词开源工具-v.0.10.0-脏词分类标签支持

    sensitive-word sensitive-word 基于 DFA 算法实现的高性能敏感词工具。 创作目的 实现一款好用敏感词工具。 基于 DFA 算法实现,目前敏感词库内容收录 6W+(源文件

  4. 【Flutter技术】如何识别一个应用是原生框架开发还是Flutter开发?

    如今,越来越多了头部应用使用了Flutter跨平台技术,你知道你的手机里都有哪些应用是用了Flutter开发的么?

  5. 利用Node.js和cpolar实现远程访问,无需公网IP和路由器设置的完美解决方案

    文章浏览阅读725次,点赞91次,收藏74次。Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台运行环境。Node.js 由 OpenJS Foundation(原为 Node.js Foundation,已与 JS Foundation 合并)持有和维护,亦为 Linux 基金会的项目。Node.js 采用 Google 开发的 V8 运行代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能,可优化应用程序的传输量和规模。这些技术通常用于资料密集的即时应用程序。Node.js 大部分基本模块都用 JavaScri

  6. 借助 JSCodeshfit 快速重构、升级、迁移

    这篇文章将会带你认识 jscodeshift ——一个超级实用的代码转换工具,你可以用它实现大型代码重构、升级等工作。

  7. Web前端工程的装机必备软件

    最近作者的电脑 C 盘变红了,这让我很难受(有点小强迫症),所以准备重新安装下系统,顺便把 C 盘扩大点,本文记录下整个过程。

  8. react Hooks之useEffect

    文章浏览阅读189次,点赞3次,收藏2次。只写一个回调函数而没有指定依赖数组,那么每次组件渲染后都会触发这个回调函数。这个依赖数组未空数组,表示加载该页面时,只执行一次,如果你学过vue,那么你可理解为他相当于vue的create阶段。的回调函数中返回一个清理函数,可以在组件卸载前执行一些清理工作,如取消订阅、清除定时器等。通过返回一个清理函数,我们可以在组件卸载时执行一些清理操作,比如取消网络请求、清除定时器等。的回调函数中执行副作用操作,例如发送网络请求、订阅事件、手动管理组件的生命周期等。:可以根据传入的依赖数组,在特定的依赖变化时触发。

  9. js vue form表单层级过深,层级太深了,form检测不到form的变化

    文章浏览阅读139次,点赞4次,收藏4次。js vue form表单层级过深,层级太深了,form检测不到form的变化

  10. vue3-form表单校验

    文章浏览阅读125次,点赞4次,收藏3次。vue3-form表单校验。

  11. Vue实现注册页面的用户交互

    文章浏览阅读590次。Vue实现注册页面的用户交互

  12. React Node.js 和 Prisma 构建全栈框架

    文章浏览阅读111次。假设您想要构建一个 Web 应用程序,允许用户创建和分享他们最喜欢的食谱。让我们从此件开始:它是应用程序的中心文件,您可以在其中从高层描述应用程序。然后让我们为您的食谱添加数据模型。

  13. Vue底层原理解析:从数据响应到虚拟DOM更新的全过程

    文章浏览阅读81次。本篇博客将深入探讨Vue.js的底层原理,从数据响应到虚拟DOM更新的全过程,并详细解析Vue是如何实现数据的双向绑定和高效地更新DOM的。通过对Vue底层原理的剖析,读者将获得对Vue工作机制的更深入理解,为使用和扩展Vue提供重要的参考。

  14. 理解并使用React的有状态组件和无状态组件

    文章浏览阅读345次。在React中,有状态组件和无状态组件是两种基本的组件类型,它们在特性和使用场景上有所不同。本文将深入探讨这两种组件类型的理解及使用场景。

  15. vue 离线推送 小米 华为 无法接收离线消息

    文章浏览阅读206次,点赞3次,收藏2次。测试小米时要选定时任务,否则无法成功(定时任务执行一次后则没有问题了)。二、接收消息并跳转(写在app.vue页面onLaunch里面)三、上传设备id给后端。注意:华为消息分类类型。

  16. vue 轮播图原生

    文章浏览阅读174次,点赞3次,收藏4次。【代码】vue 轮播图原生。

  17. 【React】react-router-dom路由导航的跳转及传参

    文章浏览阅读121次,点赞2次,收藏2次。1、声明式导航:解析成a标签跳转。2、编程式导航:通过调用方法跳转。

  18. Vue实现高自由度的自定义拖拽指令

    文章浏览阅读609次。在我的一个项目中有很多自定义的弹框,它们都需要可以随意拖拽,因此我封装了一个vue的自定义指令去实现,只要在需要拖动的元素上加上此指令即可变成可拖动元素。该组件除了可以让元素随意拖动,还能指定鼠标拖动元素上哪个区域才能拖动。该拖拽功能的实现原理主要是通过鼠标事件监听,计算鼠标与目标元素之间的距离,然后在鼠标移动时更新元素的位置。在鼠标释放时,清除相关的事件监听,结束拖拽操作。这种拖拽功能的实现方式简洁明了,易于理解和使用。可以根据实际需求,灵活运用在网页开发中。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流