20231210 前端开发日报

在 Docker 容器中运行 macOS:接近本机性能,实现高效运行 | 开源日报 No.96;WebSocket 从入门到入土;nodejs+vue+ElementUi网络课程教学网站推荐系统;“一篇文章教会你掌握JavaScript深拷贝和浅拷贝”;Swiper,一款超赞的 JavaScript 滑动库?;公司敏感数据被上传Github,吓得我赶紧改提交记录;react表单受控的实现方案;react-props扩展

  1. 在 Docker 容器中运行 macOS:接近本机性能,实现高效运行 | 开源日报 No.96

    这个项目是 Docker-OSX,它允许在 Docker 容器中运行 Mac OS X,并提供接近本机性能的表现。该项目主要功能包括支持 X11 转发、iMessage 安全研究、iPhone USB

  2. WebSocket 从入门到入土

    因新部门需求有一个后台管理需要一个右上角的实时的消息提醒功能,第一时间想到的就是使用WebSocket建立实时通信了,之前没整过,于是只能学习了。和原部门相比现在太忙了,快乐的日子一去不复返了

  3. nodejs+vue+ElementUi网络课程教学网站推荐系统

    文章浏览阅读373次,点赞6次,收藏7次。通过调研和分析,系统拥有管理员、老师和学生三个角色,主要具备个人中心、学生管理、老师管理、班级信息管理、公告信息管理、实验信息管理、实验报告管理、报告展示管理、学生互评管理、实验成绩管理、实验催缴管理、作业信息管理、学生作业管理、作业成绩管理、班级讨论管理、实验题目管理、试题管理、系统管理、考试管理等功能模块。设计原理,是指一个系统的设计由来,其将需求合理拆解成功能,抽象的描述系统的模块,以模块下的功能。在设计时,会有几大要求,抽象、模块化、信息隐藏、耦合低、内聚等特性,本系统的设计也符合以上几大特性。

  4. “一篇文章教会你掌握JavaScript深拷贝和浅拷贝”

    在计算机编程中,“拷贝”是将一个数据复制到另一个位置或变量的过程。拷贝通常包括将数据从源位置复制到目标位置,并在目标位置创建一个新的、与源数据相同的副本。

  5. Swiper,一款超赞的 JavaScript 滑动库?

    Swiper 是一个基于现代触摸滑动的 Javascript 库,用于创建轮播、幻灯片以及任何需要滑动的网页组件。它的灵活性和强大功能使得开发者能够实现各种复杂的滑动效果,而不需要深入了解复杂的滑动原

  6. 公司敏感数据被上传Github,吓得我赶紧改提交记录

    大家好,我是小富~ 说个事吧!最近公司发生了一个事故,有同事不小心把敏感数据上传到了GitHub上,结果被安全部门扫描出来了。这件事导致公司对所有员工进行了一次数据安全的培训。对于这个事我相信,有点工

  7. react表单受控的实现方案

    当实现一个受控表单时,通常需要定义一些列onChange 和 value,这会使得代码越来越臃肿,开发者其实不需要关系受控的过程,只需要知道结果便可。

  8. react-props扩展

    文章浏览阅读131次,点赞3次,收藏4次。类插槽的补充,以及prop Type整理

  9. Vue开发坑人实况【持续更新,只要被坑到…】

    文章浏览阅读386次,点赞10次,收藏11次。这部分主要记录开发过程中的各种坑,实现功能方法总结的技巧见下一章。苦逼研究生的每一天,都在和他们斗智斗勇。(没想到研究生,就是换个地方继续写前端,麻了)

  10. vue中的路由守卫

    文章浏览阅读134次,点赞5次,收藏3次。使用原理:在登陆之前判断token是否存在,如果存在就允许跳转,不存在就不允许跳转。全局前置守卫在每次路由切换前都会执行,而全局后置钩子只有在路由切换完成后才会执行。如果在全局前置守卫中没有调用next()函数,那么导航将会被中断,并抛出一个错误。如果在全局前置守卫中调用了next()函数,则不会执行全局后置钩子。全局前置守卫中,next()函数必须调用,否则导航将无法继续。1. to:即将要进入的目标路由的对象。2. from 当前路由正要离开的路由。使用场景:登录注册页面。3.next 确认放行。

  11. 【Vue】登录注册界面制作

    文章浏览阅读351次,点赞10次,收藏10次。1. 创建vue项目2. 整合element-ui在view目录下创建文件本篇内容使用到了 v-model @click 指令具体用法可以参考。

  12. Vite + React + tailwindcss + ts + 多Nodejs环境… 速搭

    文章浏览阅读97次。vite + react + tailwindcss + ts

  13. Redux Toolkit(RTK)在React tsx中的使用

    文章浏览阅读598次,点赞15次,收藏6次。在 Redux 中,一个 slice 是包含 reducer 和 action creators 的一组逻辑块,它用于管理 store 中的一部分状态.(我知道之前用redux是 action和reducer 和store),要搞很多代码,现在我使用的是 Redux Toolkit,当然官方现在也是主推这种写法,header组建中有一个搜索框,然后这个搜索框在其他页面路由上都可以使用:例如这两个图共用顶部的搜索框;,你可以订阅 Redux store 中的状态变化,并在状态变化时触发组件的重新渲染。


关注我

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

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

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