20231224 前端开发日报

nodejs+vue+ElementUi高校学生心理健康教育辅导系统7w3d0;nodejs+vue+ElementUi大学新生入学系统的设计与实现1hme0;JS的内存泄露与垃圾回收机制;快速了解 Webhook 是什么?有什么用?;使用开源项目,为你的老板快速创建一个个性化的数据面板;CSS整洁之道——:is()、:where()和:has()的用法;Flutter基建 – Hero动画有多英雄;Flutter速来系列23-2、来吧TabBarView选项卡,绚丽的自定义,都能写的呀

  1. nodejs+vue+ElementUi高校学生心理健康教育辅导系统7w3d0

    文章浏览阅读79次,点赞4次,收藏3次。管理员登陆后可对系统进行全面管理,管理员主要功能模块包括个人中心、学生管理、教师管理、辅导预约管理、学生信息管理、测评结果分析管理、心理健康学习管理、试题管理、留言板管理、试卷管理、系统管理以及考试管理,管理员实现了对系统信息的查看、添加、修改和删除的功能。(3)教师:教师学生登录后主要实现的功能模块包括个人中心、辅导预约管理、学生信息管理、测试结果分析管理、心理健康学习管理、试卷管理、试题管理、留言板管理、考试管理。管理在学生管理界面可查看所有学生信息,并可对其进行修改和删除操作,学生管理界面。

  2. nodejs+vue+ElementUi大学新生入学系统的设计与实现1hme0

    文章浏览阅读191次,点赞2次,收藏2次。学生功能有个人中心,学籍信息管理,入学办理管理等。该系统将采用B/S结构模式,使用Vue和ElementUI框架搭建前端页面,后端使用Nodejs来搭建服务器,并使用MySQL,通过axios完成前后端的交互。(1)管理人员在很短的时间内,通过相关信息的关键字段,就能查询到需要的信息,并且对其进行审核,操作简单,使用便捷,能有效的提高相关人员的工作效率。(3)大学生入学审核系统时使用电脑记录和存储信息的,取代了传统的人工管理和操作,节省了相关工作人员大量的时间和精力,并且信息的准确度能够有所保障。

  3. JS的内存泄露与垃圾回收机制

    1、内存管理 程序的运行需要占用内存,JavaScript 是在创建变量(对象,字符串等)时自动进行了内存分配,并且在不使用它们时“自动”释放。释放的过程称为垃圾回收(Garbage Collecti

  4. 快速了解 Webhook 是什么?有什么用?

    什么是 Webhook "Webhook" 的名字源于它的功能,顾名思义 Web 代表网页,Hook 代表钩子 。当一件事发生时,服务端会将相关信息发送给你设定好的 URL,这个 URL 就像一…

  5. 使用开源项目,为你的老板快速创建一个个性化的数据面板

    当业务复杂度很高之后,随之而来团队内部需要查看各种各样的数据,来为未来的战略做决策。所以我们需要一个灵活的工具来制作个性化的数据面板来满足团队内部不同成员(尤其是老板)的各种定制化需求。

  6. CSS整洁之道——:is()、:where()和:has()的用法

    CSS整洁之道:今天让我们花5分钟时间学习三个优雅的CSS伪类::is()、:where() 和 :has()。

  7. Flutter基建 – Hero动画有多英雄

    本文主要介绍的是Flutter中Hero动画,它字面意思是英雄动画,其实就是在路由跳转(页面切换)时提供了一种类似飞行的效果,使得页面切换过渡非常丝滑和流畅的视角效果。

  8. vue ref和reactive的区别

    文章浏览阅读125次。ref主要用于基本类型的响应,比如String Number boolean,想要修改需要使用.value先获取value值进行修改reactive主要用于声明引用类型,修改时对应修改即可但是,在模板区域中使用的时候,ref因为Componsition API的封装,直接使用就行,不用加.value,但在setup函数中使用的时候必须加。ref 接受参数,并将其包裹在一个带有 value property 的对象中返回,然后可以使用该 property 访问或更改响应式变量的值。使用这两个的时候一定。

  9. 拓展原生vue3-element-plus的select组件,在下拉框中添加一个新增按钮

    文章浏览阅读83次。二次封装element-ui-select组件,在下拉框中添加按钮。

  10. vue和react的区别是什么

    文章浏览阅读107次,点赞3次,收藏3次。Vue是一个轻量级的前端框架,由尤雨溪于2014年开始开发。Vue采用了MVVM(Model-View-ViewModel)模式,通过数据双向绑定和组件化开发的方式,让前端开发更加简单、高效、可维护。响应式数据绑定:使用Vue可以将数据和视图进行绑定,当数据发生改变时,视图会自动更新。组件化开发:Vue将页面拆分成一个个独立的组件,每个组件都有自己的数据、方法和样式,方便复用和维护。模板语法:Vue提供了一种简洁的模板语法,可以快速生成DOM结构。

  11. vue 页面刷新(重置、更新页面所有数据)

    文章浏览阅读253次,点赞19次,收藏8次。页面内容多,结构复杂,做了某个操作后,需要更新页面很多数据或者比较复杂的数据,例如页面树状结构。另外,如果来源页面路径上携带有参数,显然返回去的时候也要保持参数存在,这时候就是query和paramsData两个参数了,跳转的时候吧路径上想要的参数带进来,然后再原封不动返回去。这里的做法其实很简单,就是建一个空的路由页面,页面在mounted里面接收到传递来的路由参数后,马上返回原页面,这样就实现了刷新效果。然后fromName和fromPath,就是来源页面的路由名和路径,其中一个即可。

  12. vue.js组件的应用(Vite构建)

    文章浏览阅读335次,点赞6次,收藏5次。在vue3组件的一些理解,注意,是用vite构建的vue3项目

  13. vue的插槽解析

    文章浏览阅读131次,点赞2次,收藏3次。属性来定义一个具名插槽。在使用组件时,可以将内容分发到对应的具名插槽中。理解:父组件,在子组件标签嵌套的内容就会被渲染到slot地方。组件的内容结构可定制 用slot插槽进行占位。也有缩写,即把参数之前的所有内容 (语法: 子组件中通过slot进行占位。例如 v-slot:header。是接收子组件数据的参数。

  14. 分享React Router与React Context的作用及使用方法

    文章浏览阅读333次,点赞9次,收藏8次。在上面的示例中,我们使用React Context创建了一个名为MyContext的上下文对象,并在Parent组件中使用MyContext.Provider组件将共享的数据提供给子组件。路由可以理解为不同URL对应的组件,当用户访问不同的URL时,React Router会根据配置的路由规则,动态地加载对应的组件并展示在页面上。通过Link组件,我们可以在页面中创建链接,当用户点击链接时,React Router会根据配置的路由规则加载对应的组件并展示在页面上。什么是React Context?


关注我

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

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

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