20240110 前端开发日报

去年最火的 JS 开源项目「GitHub 热点速览」;Flutter 小技巧之升级适配 Xcode15;了解 Flutter 3.16 功能更新;视野修炼-技术周刊第68期 | 2023 年前端明星项目;【总结】查看某一段时间的 git 提交记录统计小工具 | 一位男子群聊,这是他大脑发生的变化;学完 Pinia 真香,不想用 vuex 了;快速实现产品智能:用 AI 武装你的 API | 开源日报 No.138

  1. 去年最火的 JS 开源项目「GitHub 热点速览」

    近日,「Best of JS」发布了过去一年在 GitHub 上 Star 数增速最快的 JavaScript 开源项目(2023 JavaScript Rising Stars),前 10 的开源项

  2. Flutter 小技巧之升级适配 Xcode15

    美好的 2024 从「适配」开始,按照苹果的尿性,2024 春季开始大家将不得使用 Xcode15 来构建 App ,另外根据《2024 的 iOS 的隐私清单》 要求,使用 Flutter 的开发者

  3. 了解 Flutter 3.16 功能更新

    作者 / Kevin Chisholm 我们在季度 Flutter 稳定版发布会上带来了 Flutter 3.16,此版本包含诸多更新: Material 3 成为新的默认主题、为 Android 带

  4. 视野修炼-技术周刊第68期 | 2023 年前端明星项目

    24 年第一期 ① 2023 年 JavaScript 明星项目 ② 自动生成变量模板 ③ Vue 3.4 ④ 不要被前端框架PUA

  5. 【总结】查看某一段时间的 git 提交记录统计小工具 | 一位男子群聊,这是他大脑发生的变化

    在某一天的水群中,和几个好兄弟聊到了各位过去一年所有项目的 git 提交情况都怎么样… 看着 xdm 用的 GitLab 啥的都自带统计,而我用的 Coding 却貌似没有

  6. 在React和Vue中实现锚点定位功能

    文章浏览阅读281次,点赞7次,收藏6次。指令的回调函数中,可以获取到页面滚动距离,并将其保存到组件的data属性中。然后,在渲染锚点时,可以根据当前选中的锚点来设置锚点的样式。最后,在锚点被点击时,更新data属性,并触发指令处理页面滚动,实现锚点定位功能。接着,在渲染锚点时,可以根据当前选中的锚点来设置锚点的样式,例如可以设置锚点的背景颜色、文字颜色等。总的来说,实现锚点定位功能需要获取页面滚动距离,并根据当前选中的锚点来设置样式。在Vue中,可以使用指令来实现。首先,需要定义一个状态变量来保存当前选中的锚点,然后在组件挂载时,使用。

  7. dhtmlx-Gantt+vue2

    文章浏览阅读141次,点赞2次,收藏5次。【代码】dhtmlx-Gantt+vue2。

  8. vue3用户权限管理(导航栏权限控制)2

    文章浏览阅读150次。上一节我们说到,通过后端的用户权限来进行路由的动态添加,实现权限控制,这一节我们通过递归导航栏组件,实现后台权限控制导航栏,接上一节所说我们在vuex中存储了一个路由数组["/","*"]进行权限控制,这一节还是要使用这个路由数组进行导航栏的控制,开始吧。

  9. 用JS操作窗口(react中),触底加载,回到顶部,吸顶,下拉刷新,示例代码

    文章浏览阅读457次,点赞14次,收藏9次。在该函数中,可以获取滚动容器的滚动位置和当前容器的高度、滚动条高度等信息,以判断是否已经触底(即滚动条滚动到底部)。是一个只读属性,用于返回窗口在垂直方向上已滚动的像素值。是一个自执行的函数,它会在组件第一次渲染时执行一次,并返回初始的状态值。通过比较窗口的可视区域高度和文档的滚动距离,判断是否滚动到了页面底部。是只读的,因此不能将其用于更改窗口的滚动位置。的值,这里将其增加了4,表示加载了4条数据。如果滚动到了页面底部,就执行一个延迟函数,使用。在延迟函数中,执行更新状态的操作。检测是否滚动到了底部。

  10. Vue的生命周期解析(学习中)

    文章浏览阅读70次,点赞2次,收藏4次。可以在。

  11. Element+vue3.0 tabel合并单元格span-method

    文章浏览阅读181次,点赞4次,收藏2次。在 objectSpanMethod 方法中,rowspan 和 colspan 的值通常用来定义单元格的行跨度和列跨度。一般来说,rowspan 和 colspan 的值应该是大于等于1的整数,表示单元格的跨度。如果设置为0,则表示该单元格不跨行或列。然而,通常在 Vue 的 Element UI 表格中,rowspan 和 colspan 的值不应该为0,因为这可能会导致布局问题或显示异常。如果你尝试将 rowspan 或 colspan 设置为0,不生成单元格。

  12. Vue3:vue-cli项目创建及vue.config.js配置

    文章浏览阅读571次,点赞13次,收藏14次。是JavaScript的超集(.ts文件),包含并扩展了 JavaScript 的语法。项目创建Vue 2.x、Vue 3.x 或自定义,默认版本vue3.x和vue2.x无需配置,自定义需配置。通过 ↑↓ 箭头选择依赖,按 “空格” 是否选中,按 “a” 全选,按 “i” 反选。自定义选择需要支持的特性 ( ↓ 不使用任何css或js扩展)vuex(vue的状态管理模式、store)CSS 预处理器(如:less、sass)代码风格检查和格式化(如:ESlint)vue-router(vue路由)

  13. 深入理解React:类式组件与Props的使用

    文章浏览阅读144次,点赞4次,收藏3次。React是一种用于构建用户界面的JavaScript库,它以其组件化和声明性的特性而闻名。在React中,有两种主要类型的组件:函数组件和类式组件。本文将深入探讨类式组件的使用,并结合一个简单的示例展示如何通过Props在组件之间传递数据。

  14. vue3集成vue-quill,自定义选人插件

    文章浏览阅读130次,点赞4次,收藏2次。left: 10px;

  15. VUE3相比VUE2升级了哪些内容

    文章浏览阅读325次,点赞8次,收藏6次。更好的 TypeScript 支持:Vue 3 对 TypeScript 的支持更加友好,包括更准确的类型推导和类型声明。Fragments:Vue 2 中需要使用一个根元素包裹组件的模板,而 Vue 3 支持使用 Fragments(片段)来解决这个问题,使得模板更加灵活和简洁。例如,在模板编译时进行的静态分析和优化,以及使用了更高效的响应式系统,使得数据更新性能更高。Teleport 组件:Vue 3 引入了 Teleport 组件,可以将内容渲染到任意的 DOM 节点上,而不仅仅是当前组件的父组件。

  16. React jsx 语法解析 & 转换原理

    文章浏览阅读333次,点赞6次,收藏10次。jsx是一种JavaScript的语法扩展(eXtension),也在很多地方称之为JavaScript XML,因为看起就是一段XML语法,用于描述UI界面,并且可以和JavaScript代码结合使用。v-ifv-forv-bind等,而是直接使用JavaScript语法就可以实现这些标签的功能。为何React中编写UI界面需要使用jsx语法呢?使用js选中元素,然后修改元素;元素上绑定有事件时,需要绑定对应的事件函数;js中某些数据发生变化时,需要修改html元素。

  17. Vue3父传子有几种接收方法分别是?

    文章浏览阅读160次,点赞2次,收藏2次。在上面的示例中,祖先组件 `Ancestor` 使用 `provide` 提供了名为 `ancestorValue` 的数据。在上面的示例中,父组件 `Parent` 将属性 `propValue` 绑定到子组件 `Child` 上,子组件通过 `$attrs.propValue` 访问这个未声明的属性。父组件可以通过在子组件上绑定属性来传递数据。父组件可以将未在子组件中声明的属性通过 `v-bind="$attrs"` 绑定到子组件上,子组件可以通过 `$attrs` 访问这些属性。


关注我

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

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

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