20231018 前端开发日报

别再卷组件库了,Vue 拖拽库都断代了;八百年不面试,一面试就面得一塌糊涂;一天内加入 Flutter 和 FlutterCandies 两大组织是什么体验 ;别找了前端那些好用的网站都在这里了;这三大爆款开源项目竟出自同一个20人的小公司?;useTable表格hooks封装和使用(Vue3);Git merge vs Git rebase: 深度辨析与理解;深入理解Git Pull:背后的两个命令

  1. 别再卷组件库了,Vue 拖拽库都断代了

    最近在测试 Tailwind CSS 和 Uno CSS 这两种原子化 CSS 工具是否能够有效减少打包后的文件体积时,先开始分析这些工具的优缺点,然后再直接上数据,最后做了一款经典的 TodoLi…

  2. 八百年不面试,一面试就面得一塌糊涂

    前言 好久没面试了,最近看一些厂开始招人了,于是投了投,没想着过,主要是抱着学习的态度,看看自己哪里不足,没想到自己这么不足。。。

  3. 一天内加入 Flutter 和 FlutterCandies 两大组织是什么体验

    大事件:成为 Flutter 与 FlutterCandies 组织成员(2023年10月13日)

  4. 别找了前端那些好用的网站都在这里了

    一、渐变神器Gradient 二、两款阴影工具在线网站 三、网站UI配色宝藏网站UI Design Daily 四、 Small Dev tools实用工具合集 五、 Glass Morph

  5. 这三大爆款开源项目竟出自同一个20人的小公司?

    环界云计算是**一家非常小的公司**,在成立不足两年的时间里,便孵化出三个备受瞩目的开源项目:Sealos、Laf、FastGPT。而更让人惊叹的是,这家公司只有 21 名员工。 ![](http

  6. useTable表格hooks封装和使用(Vue3)

    表格是中后台频繁使用的组件,vue3提供了hooks写法能够大大减少代码量和提高复用性,以下是一个基于arco design vue组件库封装的表格hooks:useTable

  7. Git merge vs Git rebase: 深度辨析与理解

    作为开发人员, 我们中的许多人不得不在Merge和Rebase之间做出选择. 从互联网上获得的所有参考资料中, 每个人都认为"不要使用 Rebase, 它会导致严重问题".

  8. 深入理解Git Pull:背后的两个命令

    Git是一个广泛使用的版本控制系统,它让团队协作和代码管理变得更加高效。git pull是Git中一个常见的命令,它实际上是两个命令的组合:git fetch 和 git merge。在本文中,我们将

  9. Flutter 3 基础03: 初始化”自己”的 Flutter 项目

    学习如何将 Android Studio 创建的默认模版项目,优化为一个"干净"的项目,作为开发的起点。

  10. Git究竟是如何工作的?

    深入探究 Git 的内部机制, 学习并精通 Git. Git无疑是现代软件开发的主要基石之一. 它是协调开发人员工作的必备工具箱, 多年来已成为开源运动的基本引擎.

  11. 原生基于WebRTC实现了一个视频聊天室,有Vue3和React两个版本,看下项目视频演示

    基于WebRTC实现的能够多人视频通话、共享屏幕、设备启停、发送消息的匿名视频聊天室,项目核心封装了一个SDK,不依赖开发框架,可以直接移植使用。未经作者授权禁止转载!

  12. 面试官:你知道websocket的心跳机制吗?

    大家好,我是泽南Zn‍。在之前的一篇文章写到, 前端如何使用websocket发送消息,websocket是怎么建立连接的呢?如果断开了会怎样?如何一直保持长连接呢?接下来,本篇文章将会带你了

  13. 【2023 谷歌教育合作项目直播回顾】Flutter 与 Dart 的市场应用

    Hello,大家好,我是 Flutter GDE 郭树煜,也是《Flutter 开发实战详解》的作者,同时也是 Github GSY 项目的负责人,这些年主要致力于 Flutter 相关的开发和创作,

  14. js数组常用方法大全

    数组是js中最重要的数据类型之一,掌握数组方法对前端学习和工作都有莫大帮助。数组方法繁多,不便记忆,这里给数组方法分门别类,只对方法功能进行简单的介绍,帮助大家对数组有一个系统全面的了解,日后遇到

  15. 前端周报:Vue的替代品?TS纪录片Node吉祥物…(2023 年第 39 周)

    2023 年第 39 周前端周报,Vue 的替代品,Node 的吉祥物,TS 的记录片,Electron 的替代品,JScript 27 岁生日快乐,现代化 JS 的响应性模式。

  16. TypeScript类型声明:4的倍数

    本文进一步深入TypeScript,讲解了typeScript类型定义、类型声明、如何在typeScript中定义仅接受4的倍数的数字类型以及可能遇到的报错和TypeScript泛型工具类型<T>等。

  17. 5分钟回顾webpack的前世今生

    引言 模块化编程是软件设计的一个重要思想。在JavaScript中,处理模块一直是个问题,由于浏览器只能执行JavaScrip、CSS、HTML 代码,所以模块化的前端代码必须进行转换后才能运行。例如

  18. Stirling-PDF:一款优秀的开源PDF处理工具

    Stirling-PDF是一个基于spring-boot开发的开源项目,旨在提供一个功能强大的基于Docker的本地托管PDF操作工具。它使您能够对PDF文件进行多种操作,包括拆分、合并、转换、重新组

  19. 二十八张图彻底讲明白 HTTPS 的整体流程

    今年国庆回家,最大的感受就是大家普遍都比较悲观,不管体制内还是体制外。体制外的说生意不好做,体制内的说公司开始实行末尾淘汰制…… 一位老友说的话让我印象深刻,说感觉随时会失业,公司也

  20. 前端新人入职必备清单,保姆级教程

    前端新人入职的第一天通常就是配置环境,熟悉项目。本文就来分享前端新人入职第一天应该如何配置环境,保姆级教程,值得收藏! 开发环境 Node.js 通常我们的项目都是依赖Node.js 环境的,所以第一

  21. 我最近3个月的前端专业学习记录

    以下内容是2023年7月17~10月16日自己每周学习的记录,偶尔穿插一些个人的思考,希望可以和大家共同进步。

  22. React 原理系列 – 并发模式,双缓冲,优先级

    为什么需要并发模式 因为 javascript 和 UI 渲染是在同一个线程交替进行的,所以当 javascript 执行时间过长会导致页面卡顿。要解决这个问题需要合理的调度任务,每一帧只执行部分的

  23. 通过自定义loader与plugin去修改webpack的输出结果

    本文介绍了两种基于webpack的代码修改的方法,可以通过编写webpack的babel或者plugin来修改webpack的输出结果,给出了具体的实例,对于理解webpack的原理又一些参考价值。

  24. 【前端每日一问】对比一下Vue2 和 Vue3?

    总体而言,Vue3对Vue2进行了全方位的升级,本篇文章带读者从多个方面比较Vue3和Vue2:性能、功能、架构、API、组织、生态、构建。

  25. 前端架构思考,Vue or React?领域设计、文件结构、数据管理、主题替换

    总的来说,通过这种代码的组织方式,让 ui 层和逻辑层出现了比较分明的界限,明确了各自的职责,让维护的成本更加低了。纯粹的手动替换,傻傻的。每个页面下的 components,到了这个类别下,已经是圈定了指定的页面,所以除了 props,还可以有 model,甚至是页面级的 model 数据,至于数据的处理方案,请向下细读。在划分类型后,再对每个计划做能力层级的划分,可以是 create、modify、detail、info 等模块,适用于每个计划有较大的差异性,可复用的模块不太多的情况。

  26. Vue2 与 React 的区别

    Vue2 是同层比较新老 vnode ,新的不存在老的存在就删除,新的存在老的不存在就创建,子节点采用双指针头对尾两端对比的方式,全量 diff,然后移动节点时通过 splice 进行数组操作。相比 Vue 的自动化, React 则是基于状态,单向数据流,数据不可变,需要手动 setstate 来更新,而且当数据改变时会以组件根为目录,默认全部重新渲染整个组件树,只能额外用。运行时才递归,用到才代理。React 的生命周期包含了10个钩子函数,其中有些钩子函数是过时的,也有一些新的钩子函数被引入。

  27. Vue实现模糊查询搜索功能

    vue模糊查询数据

  28. reactnative保存图片到相册

    reactnative保存图片到相册

  29. vue-rouer 路由

    访问:router.push(‘apple’) //或 {path:’apple’}或。

  30. 06-React的路由

    一个路由就是一个映射关系(key:valuekey为路径,value可能是function或component。


关注我

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

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

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