20240307 前端开发日报

unocss 究竟比 tailwindcss 快多少?;Vue vscode 插件版本更新:写TS不需要装两个插件了;Flutter&Flame游戏实践#01 | Trex-角色登场;【Vue】VueX仓库;Flutter&Flame 游戏开发 – 零 | 文章总集;18.6K star替换Trello + Notion ,开源项目管理利器;前端妹子失业在家刷题,开发了个leetcode刷题工具,效率直接翻倍;一文读懂Vue组件通信

  1. unocss 究竟比 tailwindcss 快多少?

    unocss 究竟比 tailwindcss 快多少? 前言 我们知道 unocss 很快,也许是目前最快的原子化 CSS 引擎 (没有之一)。 unocss 解释它为什么这么快的原因,是因为它不用去

  2. Vue vscode 插件版本更新:写TS不需要装两个插件了

    今天打开vue项目的时候,弹出警告 The "TypeScript Vue Plugin (Volar)" extension is no longer needed in version 2.0.

  3. Flutter&Flame游戏实践#01 | Trex-角色登场

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架,兼具 全端 跨平台和高性能的特点。目前官方对

  4. 【Vue】VueX仓库

    文章浏览阅读749次,点赞53次,收藏47次。vuex是一个vue的状态管理工具,状态就是数据大白话:vuex是一个插件,可以帮我们管理vue通用的数据(多组件共享的数据)

  5. Flutter&Flame 游戏开发 – 零 | 文章总集

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架。官方对休闲游戏的宣传越来越多,以 Flame

  6. 18.6K star替换Trello + Notion ,开源项目管理利器

    选一款适合的项目管理工具,会让团队效率倍增,项目进展顺利。 今天我们介绍开源的项目管理利器,它可以平替notion+trello,开源免费、多语言、支持自托管,它就是:Focalboard。

  7. 前端妹子失业在家刷题,开发了个leetcode刷题工具,效率直接翻倍

    大家好,我是薇薇,一名沪漂女程序员,年前惨遭被裁,正值在家悲伤抠脚之际,突然看到两位朋友在合谋开发一款刷leetcode的小工具——leetcode-practice…… 下面重点稍微来介绍一下 在神

  8. 一文读懂Vue组件通信

    Vue组件之间的通信,伴随着Vue的版本迭代,也在不断发生着变化。这篇文章重新梳理了Vue组件通信中一些常规的方式,以及一些探索式的内容

  9. Vue你遗忘的的那些基础语法

    很多刚入门Vue不久的小伙伴,学了基础语法后,可能过了一段时间没有巩固练习,一上手就不知道怎么写了…语法都能看明白,但自己写就有点捉襟见肘了!本文呢,就给小白打下扎实基础,直接上手业务开发。

  10. 纯前端也能实现视频转GIF

    前言 之前使用过FFMpeg来做视频转GIF,但是FFMpeg的体积还是太大了,前端加载一般要10M左右。后面发现了 Webcodecs 这个新的 Web API ,它提供了解码视频的能力。所以就沿着

  11. 适合收藏,100个CSS优化技巧

    Hello,大家好,我是 Sunday。 当各种框架以及复杂的 JS 知识开始充斥着我们的工作环境时。谁还能够记得,以 CSS 来构建更加良好的用户体验,也是前端的一个重要组成部分~~

  12. react hook:useeffect

    文章浏览阅读175次,点赞5次,收藏3次。只有当在浏览器绘制之前运行 Effect 非常重要的时候才需要如此:例如,在用户看到 tooltip 之前测量并定位它。如果你的 Effect 依赖于在渲染期间创建的对象或函数,则它可能会频繁运行。如果你的 Effect 依赖于在渲染期间创建的对象或函数,则它可能会频繁运行。在开发环境下,如果开启严格模式,React 会在实际运行 setup 之前额外运行一次 setup 和 cleanup。如果完全不传递依赖数组,则 Effect 会在组件的 每次单独渲染(和重新渲染)之后 运行。

  13. Vue3-实现父组件向子组件传值

    文章浏览阅读92次,点赞4次,收藏2次。如何把父组件中的东西传到子组件中去传一个字符串常量传一个变量、方法、方法名定义一个ref()式儿的变量let x = ref()x装的是Person.vue组件的实例但只能看到iPerson.vue中写在defineExpose({})里的数据

  14. VUE2与VUE3之间的主要区别

    文章浏览阅读538次,点赞7次,收藏8次。需要注意的是,由于 Vue 3 引入了一些新的语法和特性,迁移到 Vue 3 可能需要一些学习和代码重构的工作。如果你已经熟悉 Vue 2,学习 Vue 3 可以从官方文档开始,文档中包含了详细的指南和示例,可以帮助你快速上手。个人感受最深的是组合式api,真的太棒了。

  15. Vue3.2 + vue/cli-service 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案

    文章浏览阅读108次。Vue3.2 + vue/cli-service 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案

  16. vue+Nodejs+Koa搭建前后端系统(九)– 上传图片

    文章浏览阅读206次,点赞2次,收藏2次。web2.0的到来使网页世界正式进入了寒武纪,各式各样的多媒体资源屡见不鲜,上传资源变得刻不容缓!本文是在该系列的基础上,针对前后端代码的修改。HTTP上传图片时Content-Type值常见的有2种:application/json和multipart/form-data修改axios配置上述代码修改了请求拦截,即:若请求类型为application/json时,则处理;否则(主要是针对multipart/form-data),不处理。1.安装koa-body2.安装hexoid3.安装dayjs

  17. 看一遍你就能学会,解决vue父组件调用子组件只执行一次方法问题

    文章浏览阅读166次,点赞2次,收藏5次。父组件调用子组件方法,居然方法只执行一次,这是什么情况?这个方法简单有效,相信你看一遍就能学会。

  18. Angular React Vue 比较 – 组件篇之事件

    文章浏览阅读536次,点赞18次,收藏4次。组件的事件它和原生 DOM 事件不一样组件,触发的事件没有冒泡机制。我们只能监听直接子组件触发的事件。本章我们比较的三大框架组件中的事件就是父组件监听子组件的事件。

  19. 关于vue3使用prop传动态参数时父子数据不同步更新问题

    文章浏览阅读106次。关于vue3使用prop传动态参数时父子数据不同步更新问题,​原文地址:vue3中利用v-model实现父子组件之间的数据同步_vue3父子组件传值实时更新-CSDN博客使用注意(动态绑定失效的例子):父组件中传递的参数在子组件中通过重新创建参数接收传递的参数,再绑定到页面。将导致数据无法实现动态绑定。​

  20. vue2源码分析-vue入口文件global-api分析

    文章浏览阅读162次,点赞3次,收藏4次。vue 全局api初始化 vue挂载的全局属性: vue.util 公共方法,set 方法 ,del方法, nextTick方法,observable observe方法,options vue的一些选项。初始化方法: extend,extend函数此处用于扩展,initUse 初始化插件,initMixin 初始化混入,initExtend,构造一个vue的子类 ,initAssetRegisters(Vue) 注册或者获取全局组件、指令、过滤器

  21. Vue 打包 chunk-vendors.js 文件过大导致页面加载慢

    文章浏览阅读111次。项目部署后移动打开加载缓慢,F12发现chunk-vendors.js加载时间过长。

  22. Vue3+TypeScript项目(中)

    文章浏览阅读238次,点赞6次,收藏4次。创建 srcstoremodulestypestype.ts//定义小仓库数据state类型创建srcutilstoken.ts//封装本地存储存储数据与读取数据方法//存储数据//本地存储获取数据修改srcstoremodulesuser.ts//创建用户相关的小仓库//引入接口//引入数据类型//引入操作本地存储的数据方法//创建用户小仓库//小仓库存储数据的地方return {token: GET_TOKEN(), //用户唯一标识},

  23. react父组件调用子组件的方法

    文章浏览阅读71次。在父组件中定义了一个handleClickChild()方法,用于调用子组件的handleClick()方法。在这个例子中,我们使用useImperativeHandle() Hook将子组件的handleClick()方法暴露给父组件,以便父组件可以调用它。在这个例子中,我们在handleClickChild()方法中调用子组件的handleClick()方法。通过以上步骤,就可以在函数式组件中使用React Hooks来实现父组件调用子组件的方法。


关注我

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

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

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