20240117 前端开发日报

给大家一些建议,2024 可以考虑放弃(纯粹的)技术路线,前端已死绝不是说说而已;前端 同时多次调用同个接口,如何只触发一次而不是触发多次;花 15 分钟把 Express.js 搞明白,全栈没有那么难;日历前端渲染开发记录;Celeris Web,一套妹子都觉得好看的Vue3模板;前端基础-设计层次;你不知道的Less:使用Less生产原子化CSS;toly 命令行工具 | Flutter 图标字体代码生成器

  1. 给大家一些建议,2024 可以考虑放弃(纯粹的)技术路线,前端已死绝不是说说而已

    整篇文章,只有干货,没有心理按摩,想看心理按摩建议出门右转。如果说 2023 年前端最热门的话题, **「前端已死」** 势必是最热门的话题。

  2. 前端 同时多次调用同个接口,如何只触发一次而不是触发多次

    前端同个接口请求多次,如何做到请求一次,都返回的是第一次请求的结果。常用场景例如请求中携带 token的案例

  3. 花 15 分钟把 Express.js 搞明白,全栈没有那么难

    Express 是老牌的 Node.js 框架,以简单和轻量著称,几行代码就可以启动一个 HTTP 服务器

  4. 日历前端渲染开发记录

    需求分析 突然接到一个排班的需求。 看了下算是比较老的项目,使用的是vue2+element开发的,使用的是element的UI组件库。去查看下element的Calendar组件。⬇️长这样 看起来

  5. Celeris Web,一套妹子都觉得好看的Vue3模板

    Vue3+Unocss+NaiveUI+Monorepo搭建一套妹子觉得好看的前端模板 一年前,我刚刚从后端转入前端的大门,兴奋又迷茫。身边的女性朋友们总是找我帮忙写小工具,但每次都被吐槽UI太丑了。

  6. 前端基础-设计层次

    视觉设计的核心就是“让它们看起来好看”,但如果我们没有天生的设计天赋,我们会觉得很难实现。但并不是这样的,对于"变好看"这件事情本身其实是有理可依、有据可循的。而层次结构就是这其中的一部分。 视觉层次

  7. 你不知道的Less:使用Less生产原子化CSS

    你不知道的Less,用Less打造你的CSS原子化工厂。原子化 CSS 是一种 CSS 的架构方式,它倾向于小巧且用途单一的 class,并且会以视觉效果进行命名。

  8. toly 命令行工具 | Flutter 图标字体代码生成器

    上一篇 《Flutter 知识集锦 | Dart 开发命令行工具》 介绍了,如何通过 Dart 开发一个命令行脚本工具。本篇将结合一个具体的场景,介绍一下它的使用。toly 命令行工具目前已经开源并上

  9. 详解React与Vue的性能对比

    文章浏览阅读347次,点赞7次,收藏4次。React和Vue都是非常优秀的前端框架,它们各有特点和优势。React更加灵活和扩展性强,适合大型应用和复杂场景;而Vue更加简单易用和上手难度较低,适合小型应用和快速开发。选择React还是Vue,需要根据具体的项目需求和开发团队的经验来决定。无论选择哪个框架,都能够提高开发效率和用户体验。

  10. 【Vue技巧】vue3中不支持.sync语法糖的解决方案

    文章浏览阅读408次,点赞7次,收藏12次。如果你需要更多的控制,或者你想要明确地表达数据更新的意图,你可以使用自定义事件。’title’;;;importfrom;constref。

  11. vue+element项目,通过使用slider改变图片的遮罩浓度与模糊度,使用js控制scss的值

    文章浏览阅读128次,点赞2次,收藏3次。使用js控制scss中定义变量的内容,elemnet中slider改变背景的模糊度,清晰度,scss中的值

  12. vue3二次封装element-ui中的table组件

    文章浏览阅读189次,点赞2次,收藏3次。首先,将一个普通的element-plus中的table组件引入进来,表格数据源就是我们通过父组件传递进来的data,所以我们使用defineProps来定义,并且它的数据类型是一个数组;同时我们遵循单向数据流的原则,使用lodash中的深拷贝方法将data拷贝一份出来赋值给变量tableData,将tableData传递给element-plus中的table组件,用来渲染数据。第一步完成了,我们接着再分析,还有什么是可以封装的呢?借助封装table组件的过程来巩固一下vue3相关知识点。

  13. node.js(expree.js )模拟手机验证码功能及登录功能

    文章浏览阅读169次,点赞4次,收藏3次。【代码】node.js(expree.js )模拟手机验证码功能级登录功能。

  14. react 使用原生input开发拍照上传

    文章浏览阅读366次,点赞16次,收藏6次。react 使用原生input开发拍照上传

  15. Vue3【setup 函数】

    文章浏览阅读301次,点赞8次,收藏10次。当我们使用reactive函数处理我们的数据之后,数据再次被使用时就会进行依赖收集,而当数据发生改变时,所有收集到的依赖都会进行对应的响应式操作(比如更新界面),事实上,我们编写的data选项,也是在内部交给了reactive函数将其编程响应式对象的。可以使用 reactive Api 为在 setup 中定义的数据提供响应式的特性,按照如下的方式在setup中使用数据,就可以让数据变成响应式的了。是不可以的,因为对于一个定义的变量来说,默认情况下,Vue并不会跟踪它的变化。中需用此,便可直接通过。

  16. react一些知识

    文章浏览阅读144次。1 向组件 传递数据。

  17. 学习Vue的插槽总结

    文章浏览阅读197次,点赞3次,收藏4次。作用域插槽适用于需要的数据在子组件上的时候,可以理解为数据在组件的自身,但根据数据生成的结构需要组件的使用者来决定。

  18. 系统性学习vue-vue组件化编程

    文章浏览阅读327次,点赞11次,收藏6次。接下来就需要创建vm了,创建一个main.js文件,创建vm并引入和使用App标签。可以看到,因为使用了两个school组件,所以掉了两边VueComponent。就是将可以复用的模块提取为独立个体, 解决依赖关系混乱,复用率不高的问题。开发中通常会创建一个app组件,他管理着所有下级组件, 而由vm来控制他。类似于两个孪生兄弟,虽然基本相似,但也有细微不同之处,因此两者不能画等号。并不是指向Object原型对象,而是特意指向了Vue的原型对象。需要注意的是VueComponent的原型对象的。

  19. 深入理解 React 路由:构建单页面应用的完整导航体系

    文章浏览阅读186次,点赞6次,收藏3次。React 路由是一种管理页面 URL 和 UI 状态的方式。它允许你构建具有多个视图的单页面应用,同时保持 URL 与当前显示内容的同步。React 路由是构建单页面应用不可或缺的一部分,它提供了强大的导航和页面管理能力。通过合理地使用路由,可以构建出具有良好体验的 Web 应用。本文介绍了 React 路由的基本使用方法,并举例了嵌套路由、动态路由和重定向等常见应用场景。

  20. vue3.2二次封装antd vue 中的Table组件,原有参数属性不变

    文章浏览阅读159次,点赞3次,收藏5次。在项目中多处使用到表格组件,所以进行了一个基础的封装,主要是通过antd vue 中表格的slots配置项,通过配合插槽来进行封装自定义表格;

  21. Vue 3的特性和新增API

    文章浏览阅读159次,点赞2次,收藏4次。Vue 3带来了许多令人兴奋的特性和新增的API,包括Composition API、更好的性能、更小的包体积、Teleport、Suspense等。通过使用Vue 3,我们可以更好地组织和重用组件逻辑,获得更好的性能和加载速度,同时还可以享受更多的开发选项和灵活性。通过使用Suspense组件,我们可以在异步组件加载时显示一个占位符,当异步组件加载完成后再显示真正的内容,同时还可以处理异步组件加载失败的情况。本文将详细介绍Vue 3的一些重要特性和新增的API,帮助你了解Vue 3的优势和改进之处。

  22. Vue3中怎么监听store中的数据变化

    文章浏览阅读173次,点赞6次,收藏2次。函数是Vue 3中的一个新函数,它可以自动追踪其依赖项,并在依赖项发生变化时执行回调函数。如果只是简单地监听state的变化并执行相应的操作,建议使用。属性来监听store中的state的变化。函数来监听store中的state的变化,并在回调函数中执行相应的操作。如果需要对state进行细粒度的监听,并执行相应的操作,建议使用。如果需要动态地监听state的变化,并执行相应的操作,建议使用。函数来监听store中的state的变化时,你可以使用。属性的getter函数中执行相应的操作。

  23. vue2 与 vue3 实现自定义组件v-model双向数据绑定的方式

    文章浏览阅读176次,点赞4次,收藏6次。vue2 与 vue3 实现自定义组件v-model双向数据绑定的方式


关注我

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

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

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