20231213 前端开发日报

了解前端新框架-nue.js；跟杰哥一起学Flutter (五、Flutter UI基础速通)；又有新框架上线了，测试、AI 通通有「GitHub 热点速览」；Vue宝典之深入理解 rules 属性；12、vue3（十二）：用户管理页面搭建；JS es6仿网易云音乐播放器；适用于 React、Vue、Svelte、Qwik 等的拖放式 headless CMS-供大家学习研究参考；vue3 添加编辑页使用 cron 表达式生成

1. 了解前端新框架-nue.js

   最近前端又出来一个新框架/库，名为nue.js。9.13号提交了第一个commit，到今天已超过4.5k个star。

2. 跟杰哥一起学Flutter (五、Flutter UI基础速通)

   介绍下Widget的四个直接子类 + 安利一个查Flutter组件的神器 + 常用UI布局组件 +低仿写个简陋的静态掘金首页

3. 又有新框架上线了，测试、AI 通通有「GitHub 热点速览」

   本周热点之一可能就是 Apple 刚开源便获得 8k+ star 的机器学习框架 mlx，顺带官方开源的 mlx-example（示例仓）也在热门榜上有一席之位，据说它已经跑通了大模型 Llama 7

4. Vue宝典之深入理解 rules 属性

   文章浏览阅读117次。在 Vue 中，表单校验规则可以通过 rules 属性来定义。该属性是一个对象，包含了各个表单字段的校验规则。每个字段的校验规则是一个数组，可以包含多个校验规则。我们可以在 Vue 实例的 data 中定义 rules 属性，并为每个表单字段指定相应的校验规则。

5. 12、vue3（十二）：用户管理页面搭建

   文章浏览阅读346次，点赞6次，收藏9次。用户管理页面搭建

6. JS es6仿网易云音乐播放器

   文章浏览阅读292次，点赞5次，收藏11次。点击歌单切换歌曲的思路是利用for循环，为每一行歌曲信息添加事件监听，当点击某一行时，将歌曲信息添加到集合中，防止重复添加，同时获取所点击的歌曲内容：歌曲名，歌手，在所有的audio中，寻找与所点击歌曲名字一样的audio，播放对应的audio，并把audio添加到song集合中，以免添加歌曲重复，同时同步底部歌曲信息。思路是利用url中的hash来实现页面的跳转，#和#后面的字符串就是url的hash值，可以通过这个hash值来实现页面的跳转。根据高亮歌词的位置，改变滚动条位置，实现歌词滚动。

7. 适用于 React、Vue、Svelte、Qwik 等的拖放式 headless CMS-供大家学习研究参考

   文章浏览阅读283次，点赞10次，收藏8次。The Drag & Drop Headless CMSIntegrate with any site or app. Drag and drop with the components already in your codebase. import { Builder } from ‘@builder.io/react’ // Register our heading component for use in// the visual editorconst Head

8. vue3 添加编辑页使用 cron 表达式生成

   文章浏览阅读119次，点赞6次，收藏2次。示例效果图1、添加组件<template> <div class="v3c"> <ul class="v3c-tab"> <li class="v3c-tab-item" :class="{ ‘v3c-active’: tabActive == 1 }" @click="onHandleTab(1)">秒</li> <li class="v3c-tab-item"

9. uni+vue3请求响应拦截器(js/ts)

   文章浏览阅读139次。uni+vue3请求响应拦截器(js/ts)

10. React中父子之间数据的通信方式

    文章浏览阅读91次，点赞2次，收藏3次。父子数据通信

11. React构建组件的方式有哪些？区别？

    文章浏览阅读138次。组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式在React中，一个类、一个函数都可以视为一个组件在。

12. React扩展知识

    文章浏览阅读341次，点赞8次，收藏6次。React扩展知识。

13. Vue3在路由页面使用组件

    文章浏览阅读246次，点赞6次，收藏3次。//封装组件setup() {return {};}, 查看更多>

14. 在Vue中延迟执行某个函数

    文章浏览阅读100次。在Vue中延迟执行某个函数，你可以使用函数或者Vue提供的生命周期钩子函数。

15. React组件如何适配到MVC项目