20231101 前端开发日报

热爱前端,也没能逃过七年之痒;前端又又出新框架,这次没有打包了;前端周报:前端最强学姐~语雀挂了Node 21 官宣。(2023 年第 44 周);推荐一本系统设计相关的开源宝典,Github上40.6k star;登录页面一些有趣的css效果;如何写出优雅的代码?试试这些开源项目「GitHub 热点速览」;你知道 XHR 和 Fetch 的区别吗?;Vue 何以对 React“降维打击”?

  1. 热爱前端,也没能逃过七年之痒

    以前我觉得做一个骨灰级程序员、掌握各种牛逼的技术是毕生目标;现在我会想人生精彩多样,多尝试一些不一样的事情同样有趣

  2. 前端又又出新框架,这次没有打包了

    前端开发又迎来了一个新框架——ofa.js。它的独特之处在于,不依赖 nodes/npm/webpack 前端开发工作流程。与jQuery类似,只需引用一个脚本,您就能简单开发大型应用。

  3. 前端周报:前端最强学姐~语雀挂了Node 21 官宣。(2023 年第 44 周)

    2023 年第 44 周前端生态的技术周报,1023 语雀崩溃事件的反思!UP猪认证的前端最强学姐,都给我顶礼膜拜~Node.js Buffer 和平分手。

  4. 推荐一本系统设计相关的开源宝典,Github上40.6k star

    Github上一个非常不错的开源项目,该项目非常适合对系统设计感兴趣或者不了解的开发者,里面包含了各种各样的设计图,而且使用通俗易懂的话来描述,几乎涵盖了开发人员可能接触到的不同工具。

  5. 登录页面一些有趣的css效果

    关于登录页面 input button title 的各种炫酷效果实现以及思路,附上[预览页](https://lsk_ciao.gitee.io/login-form/)以及[实现源码]

  6. 如何写出优雅的代码?试试这些开源项目「GitHub 热点速览」

    又是一期提升开发效率的热点速览,无论是本周推特的检查 Python 语法和代码格式的 ruff,或者是 JS、TS 编译器 oxc,都是不错的工具,有意思的是它们都是 Rust 写的。 此外,还有用来

  7. 你知道 XHR 和 Fetch 的区别吗?

    XHR 和 Fetch API 是两种常见的数据请求方法,特别是 Fetch API 已经被越来越多的项目使用,本文将和你一起深入学习它们的用法和优缺点等。

  8. Vue 何以对 React“降维打击”?

    本文从学习曲线、心智负担、双向数据绑定等多方面比较了 Vue 和 React 这两个优秀的前端框架各自的优势,从而解释了为何作者更加推荐新手选择 Vue 作为入门框架。

  9. tailwindcss一个响应式组件只用了50行代码不到,我决定在团队推广使用它

    在写一个网站组件,我决定使用tailwindcss,究竟它的魅力在何处,start有73k,然后看到它代码更新频率还是属于正常维护的 发现它的中文文档也很友好tailwindcss.中文文档 代码如下

  10. 开发一个简单的管理系统,前端选择 Vue 还是 React?

    在前端开发的世界中,React和Vue都是非常流行的JavaScript库,它们都提供了许多有用的功能来帮助开发者构建高质量的用户界面。然而,在我个人的开发经验中,相比于React,我更喜欢使用Vue

  11. Vue里使用Tailwind CSS,这不是耍流氓吗

    在Vue里使用`Tailwind CSS`其实会显得很累赘,并不是很好的选择。你认为在Vue里使用`Tailwind CSS`是在书流氓吗?

  12. 集齐大量开源项目的网站,了解一下吧

    偶然找到的这个宝藏网站,站内集齐了大量的开源项目。 网站地址 https://www.osrc.com 使用指南 找到想要了解的项目,点击进入,项目详情页里面就有相关的在线预览链接以及代码仓库。 这是

  13. 【前端早早聊直播回顾】Harmony Next 与 Flutter 的不解之缘

    Hello 大家好,我是 Flutter GDE 郭树煜,本次要分享的话题是关于鸿蒙与 Flutter 的故事,可能没接触过的会感觉有点懵,Harmony 和 Flutter 有啥关系,它们怎么会被放

  14. Webpack打包图片-js-vue

    文章浏览阅读56次。如果我们一个个去安装使用插件,那么需要手动来管理大量的babel插件,我们可以直接给webpack提供一个preset,webpack会根据我们的。开发中我们往往是小的图片需要转换,但是大的图片直接使用图片即可。查看转换后的结果:我们会发现 const 并没有转成 var。我们对代码打包会报错:我们需要合适的Loader来处理文件。另外,我们也可以编写其他的.vue文件来编写自己的组件;来加载对应的插件列表,并且将其传递给babel。但是,如何可以自定义文件的输出路径和文件名呢?

  15. vue3中 reactive和ref的区别

    文章浏览阅读82次。ref用来定义: 基本数据类型reactive用来定义: 对象(或数组)类型数据备注: ref也可以用来定义对象(或数组)类型数据,它内部会自动通过reactive转为代理对象从原理角度对比ref通过Object.defineProperty()的get和set来实现响应式(数据劫持)reactive通过Proxy来实现响应式(数据劫持),并通过Reflect操作源对象内部的数据。

  16. 基于nodejs+vue 智慧补助系统的设计与实现

    文章浏览阅读64次。随着社会的快速发展,计算机的影响是全面且深入的。人们生活水平的不断提高,日常生活中人们对智慧补助系统方面的要求也在不断提高,在这其中,网络平台开展的工作已经越来越流行,当今网络技术的发展,已经成为一种新的工作方式,人们可以通过网络所提供的平台解决相关事务。在众多网络开发技术中开发平台,根据需求分析制定模块并设计数据库结构,再根据系统总体功能模块的设计绘制系统的功能模块图,流程图以及E-R图。然后,设计框架并根据设计的框架编写代码以实现系统的各个功能模块。

  17. Vue实现首页导航和左侧菜单,介绍mock.js并实现登录注册间的跳转,实现左侧栏折叠效果,优化Main.vue组件,使用mock.js生成随机响应数据

    文章浏览阅读252次。Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。拦截Ajax请求不需要修改既有代码,就可以拦截Ajax请求,返回模拟的响应数据。官网注:easy-mock,一个在线模拟后台的数据平台。

  18. 使用 vue-3-socket.io 插件以及node.js实现实时聊天(1)

    文章浏览阅读354次。这篇文章使用选项式API的写法,以实现群聊和私聊为主。

  19. react-hook-form。 useFieldArray Controller 必填,报错自动获取较多疑问记录

    文章浏览阅读72次。动态多个数据Controller包裹时候,原生html标签input可以add时候自动获取焦点,聚焦到最近不符合要求的元素上面。

  20. react hooks的原理

    文章浏览阅读59次。2 多个react-hooks用什么来记录每一个hooks的顺序的?含义:副作用钩子,用于处理组件中的副作用,用来取代生命周期函数。所谓的"副作用"就是指的是组件中状态或生命周期改变时在useEffect可监听到。3 function函数组件中的useState,和 class类组件 setState有什么区别?1 在无状态组件每一次函数上下文执行的时候,react用什么方式记录了hooks的状态?4 react 是怎么捕获到hooks的执行上下文,是在函数组件内部的?如何应用它优化性能?


关注我

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

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

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