20240207 前端开发日报

8K star功能强大的开源JSON可视神器;react-native-dropdown;大批量接口请求的前端优化;Vue-router导航守卫,看这一篇就够了;Flutter到鸿蒙,不是有手就行吗? (仿掘金点赞按钮);vue electron应用调exe程序;京东面试题:ElasticSearch深度分页解决方案;【react】react+es6+antd5.13.2+ts,antd表格的操作如何在父组件写?

  1. 8K star功能强大的开源JSON可视神器

    今天我们再推荐一款可视化的JSON调试工具,功能强大且开源免费,让你您快速浏览、搜索 JSON 文件,目前在GitHub有 8K Star,它就是:jsonhero

  2. react-native-dropdown

    最近的有个需求是要实现一个下拉面板 dropdown 效果,但技术栈是 react-native, 去网上搜了一圈发现并没有相关的开源组件,于是只有自己实现

  3. 大批量接口请求的前端优化

    大批量接口请求的前端优化,背景,在一次请请求多个接口的时候,如果接口数太多,会对浏览器和服务器造成压力,降低用户体验,为此本文通过前端使用接口并发控制策略,与后端约定一次性并发接口数,达到优化性能的目

  4. Vue-router导航守卫,看这一篇就够了

    当使用 Vue.js 构建单页应用时,Vue Router 是一个常用的路由管理库。它提供了导航守卫(Navigation Guards)机制,用于在路由切换前、切换后或切换取消时执行自定义逻辑

  5. Flutter到鸿蒙,不是有手就行吗? (仿掘金点赞按钮)

    `Flutter` 提供了丰富的动画支持,使开发者能够轻松创建各种类型的动画效果,从简单的渐变和旋转到复杂的交互式动画都可以实现。而 `ArkUI` 从 `api` 上面看起来更简单,更容易编写代码。

  6. vue electron应用调exe程序

    文章浏览阅读272次,点赞10次,收藏4次。vue electron应用调exe程序

  7. 【react】react+es6+antd5.13.2+ts,antd表格的操作如何在父组件写?

    文章浏览阅读233次。react+es6+antd5.13.2+ts,antd表格的操作如何在父组件写?我的子组件columns.tsx,只加表头,操作放在父组件。

  8. Vue3 组件 v-model 和 defineModel 使用

    文章浏览阅读224次,点赞4次,收藏5次。Vue3 组件 v-model 和 defineModel 使用 ,从 Vue 3.4 开始,推荐的实现方式是使用 defineModel() 宏,这个宏可以用来声明一个双向绑定 prop,通过父组件的 v-model 来使用 defineModel() 返回的值是一个 ref。它可以像其他 ref 一样被访问以及修改,不过它能起到在父组件和当前变量之间的双向绑定的作用: 1. 它的 .value 和父组件的 v-model 的值同步; 2. 当它被子组件变更了,会触发父组件绑定的值一起

  9. vue + intro.js 三方库实现新手引导, 新手提示

    文章浏览阅读148次。样式调整 我在组建中直接调整样式,不起作用.考虑到整个系统中只有一个新手引导.所以把样式引到了app.vue中.其中的监听事件是因为场景需要点击键盘方向键可以执行下一步操作,不需要请忽略.我把监听方法放到最后了.实现新手引导,新手提示,动画新颖,用户体验感拉满.

  10. vue + ArcGIS JS API 使用自定义图层 实现图层叠加 控制图层显示

    文章浏览阅读76次。此方法适用与多个图层的叠加显示,希望动态的控制图层的显示隐藏核心是通过图层列表,实现多个图层叠加,通过地图的visible属性来实现动态显示隐藏。

  11. [React] ref属性

    文章浏览阅读557次,点赞16次,收藏17次。ref即 reference ,是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。组件被调用时会新建一个该组件的实例,而ref就会指向这个实例。它可以是一个回调函数,这个回调函数会在组件被挂载后立即执行。为了防止内存泄漏,当卸载一个组件的时候,组件里所有的ref都会变为 null。

  12. vue-cil的watch函数详解

    文章浏览阅读663次,点赞11次,收藏5次。每当。

  13. vue实现瀑布流

    文章浏览阅读1.5k次,点赞22次,收藏29次。每个色块宽度一致,高度自适应<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta name="viewport" content="user

  14. Vue中对虚拟DOM的理解

    文章浏览阅读486次,点赞13次,收藏9次。作为现代前端开发中的主流框架之一,Vue.js是一个非常流行的JavaScript框架,其核心概念之一就是虚拟DOM(Virtual DOM)。在本篇文章中,我们将深入探讨Vue中虚拟DOM的概念,并讨论为什么它在前端开发中如此重要。

  15. vue3 的setup和生命周期

    文章浏览阅读286次,点赞9次,收藏7次。在setup 中,有9个旧的生命周期钩子可以访问:其中setup函数是整合 created跟 beforeCreatbeforeMount ->onBeforeMount (挂载前)mounted -> onMounted (挂载后)beforeUpdate -> onBeforeUpdate**(更新前)**updated -> onUpdated (更新后)beforeDestroy -> onBeforeUnmount ( 销毁前)


关注我

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

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

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