20240328 前端开发日报

Google之野望：Dart一统前端；8个小而美的前端库； 前端要学会自己写shell脚本，让你的项目看起来非常牛逼；准实时前端监控探索；面试官：小伙子知道synchronized的优化过程吗？我：嘚吧嘚吧嘚，面试官：出去；Java 面试宝典：什么是大 key 问题？如何解决？；十多年，前端生涯，就此结束了吗？（二）；写html页面没意思，来挑战chrome插件开发

1. Google之野望：Dart一统前端

   JavaScript 长久以来都是无可争议的霸主。 然而，Google 却推出了 Dart 语言——一门旨在提供高性能、高生产力和极致用户体验的编程语言。

2. 8个小而美的前端库

   前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更

3. 前端要学会自己写shell脚本，让你的项目看起来非常牛逼

   Husky 是一个流行的工具，它可以让你轻松地在 Git 钩子中使用脚本，从而在提交（commit）代码前运行诸如代码风格检查、单元测试等任务。这有助于保持代码库的质量和一致性。Husky 的工作原理

4. 准实时前端监控探索

   实时数据能立即反映线上业务情况，对业务来说能很快看到业务变化带来的实时影响，对技术人员来说能实时观察线上出现的一些波动，有利于及时发现线上问题。 数据埋点上报经过数据部门处理后，有两个离线表，天表和小

5. 面试官：小伙子知道synchronized的优化过程吗？我：嘚吧嘚吧嘚，面试官：出去

   写在开头 面试官：小伙子，多线程中锁用过吗？ 我：那是自然！ 面试官：那你知道synchronized的优化吗？ 我：synchronized作为重锁，开销大，在早期不被推荐使用，后期进行了优化，至于

6. Java 面试宝典：什么是大 key 问题？如何解决？

7. 十多年，前端生涯，就此结束了吗？（二）

8. 写html页面没意思，来挑战chrome插件开发

9. 为什么我放弃了使用了4年的SASS转而选择使用回原生CSS

10. 面试必备：IO模型详解

11. 上车WebGL——用Three.js实战3D看车

12. Vue 3中ref和reactive的区别

    文章浏览阅读390次，点赞6次，收藏10次。本文将详细介绍Vue 3中ref和reactive的区别，探讨它们的使用场景和优缺点。ref和reactive是Vue 3中实现响应式数据的两种方法，各有优缺点。了解它们的区别，有助于我们在实际项目中根据需求选择合适的方法。

13. vue3全局控制Element plus所有组件的文字大小

    文章浏览阅读127次。项目框架vue-右上角有控制全文的文字大小。

14. React或Vue与后端通讯的跨域问题处理

    文章浏览阅读93次。React或Vue与后端通讯的跨域问题处理

15. Vue+Electron项目搭建

    文章浏览阅读148次，点赞2次，收藏8次。web（html、css、javascript） 打包项目教程如下。创建Vue项目：（project-name 为你的项目名称）搭建项目，由此，记录一下Vue + Electron搭建项目的流程。安装Vue CLI Plugin Electron Builder。安装完成后，项目文件package.json中会有如下内容。运行后，我选择了Vue3、npm配置。来介绍如何把Vue引入Electron工程中。目前业界使用两种方式搭建。三倍左右，使用更加广泛。安装 Vue Devtools。

16. 让你的软件自动更新，如何使用github和electron-react-boilerplate跨平台应用模板项目实现软件的自动更新功能

    文章浏览阅读901次，点赞26次，收藏15次。在开发应用时自动更新功能实现起来较为麻烦，但也是确实必要的功能。本文介绍了使用Electron React Boilerplate模版项目从打包到发布到自动更新的经验和过程。

17. #26 React+Typescipt useRef类型示例

    文章浏览阅读85次。在React和TypeScript的组合使用中，useRef是一个常用的Hook，它可以用来访问DOM元素或者在组件的整个生命周期内持久存储一个可变的值。下面的示例展示了如何在TypeScript环境中使用useRef。

18. 带你了解Vue2和Vue3区别（一）——Vue和Vue实例属性和方法

    文章浏览阅读482次，点赞14次，收藏15次。vue2的Vue为构造函数，而vue3的Vue为对象。在创建一个实例和挂载上vue3没了vue2的"el"选项，从而生命周期的初始阶段上有些变化。同时，vue3的实例方法“mount”没了vue2前面的"$"。

19. 深入探索Vue 3组合式API：提升组件逻辑复用与组织能力

    文章浏览阅读1.1k次，点赞41次，收藏6次。Vue 3的组合式API让我们能够在组件内部或者跨组件之间更高效地组织和复用逻辑，使得大型项目能保持良好的架构和易于维护。通过熟练掌握这一系列新特性，开发者能够充分发挥Vue 3的优势，编写出更具扩展性与灵活性的现代Web应用程序。

20. 聊一聊 Vue 里的 Object.defineProperty

    文章浏览阅读543次，点赞13次，收藏8次。Vue 里的 Object.defineProperty

21. vue3路由代码示例

    文章浏览阅读648次，点赞8次，收藏14次。路由简单分三步吧第一定义路由： 包括访问地址，对应组件第二使用：在index.html中使用它下面是代码示例：components/Person.vue<template> <div class="ttt"><!– <button @click="consoleName">测试一下</button>–> <h2>{{age}}</h2> <button @click="addAge">

22. vue3+ts+element home页面侧边栏+头部组件+路由组件组合页面教程

    文章浏览阅读194次，点赞4次，收藏2次。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。