20231102 前端开发日报

真实前端面试题(蚂蚁外包);Wasm 真的比 Js 快吗?;原子化 CSS 真能减少体积吗?;坏了,CSS真被他们玩出花来了;ES6新特性全面汇总39条你知道多少?(二);【Gulp + 哈希】优雅的解决前端项目部署缓存问题;推荐13款常用的Vscode插件,提高前端日常开发效率;详解React:Props构建可复用UI的基石

  1. 真实前端面试题(蚂蚁外包)

    闭包定义应用场景 闭包(Closure) 是指一个函数包含了对其外部作用域中变量的引用,即使在该函数外部作用域执行完毕后仍然可以访问这些变量。闭包允许你在一个函数内部访问另一个函数的变量

  2. Wasm 真的比 Js 快吗?

    网上各种介绍wasm的文章都在说wasm的性能是js的数倍之多,实际情况真的是这样吗? 本文用rust编译到wasm与js进行性能对比,尝试解答这个问题

  3. 原子化 CSS 真能减少体积吗?

    最近看到这样一篇文章:《要喷也得先做做功课吧?驳Tailwind不好论》 个人觉得说的还是有一定道理的,就是该作者的语气态度可能稍微冲了点: 不过他说的确实有道理,如果这种原子化工具真的如评论区说的…

  4. 坏了,CSS真被他们玩出花来了

    一个小小的hover效果让我学到了很多,可能是因为我太菜了吧,长期都是各种组件库来回引用,导致技术停滞不前,希望各位不断学习,不然像我一样想跑路都跑不掉.

  5. ES6新特性全面汇总39条你知道多少?(二)

    这篇文章是我开启ES6+新特性全面汇总的第二章,我将在未来每天更新一篇后续,我将会较为详细深入的向大家介绍我们ES6+的新特性,本篇文章关于其中的三条:解构赋值 默认参数值 展开运算符和剩余运算符

  6. 【Gulp + 哈希】优雅的解决前端项目部署缓存问题

    Gulp 是一款基于 Node.js 的前端构建工具,用于自动化任务的管理和构建前端项目。它的主要目标是简化开发过程中的任务,如文件压缩、文件合并、代码编译、图片压缩、自动刷新浏览器等。

  7. 推荐13款常用的Vscode插件,提高前端日常开发效率

    介绍VsCode在日常开发中常用的十三款插件,帮助开发者定制化你的VsCode,提升程序日常开发效率,

  8. 详解React:Props构建可复用UI的基石

    文章浏览阅读304次。React是一种流行的JavaScript库,用于构建用户界面。它的组件化架构使得开发人员能够轻松地构建可复用的UI元素,从而提高开发效率。在本文中,我们将探讨React中的组件和Props的重要性,以及如何利用它们来构建可复用的UI。

  9. Vue中watch侦听器用法

    文章浏览阅读92次。watch 需要侦听特定的数据源,并在单独的回调函数中执行副作用watch第一个参数监听源watch第二个参数回调函数cb(newVal,oldVal)watch第三个参数一个options配置项是一个对象{:true //是否立即调用一次:true //是否开启深度监听:“pre” // 更新时机。

  10. Vue 监听属性 watchEffect

    文章浏览阅读91次。vue中watchEffect的使用

  11. Vue3.0 reactive与ref :VCA模式

    文章浏览阅读66次。Vue3 最大的一个变动应该就是推出了 CompositionAPI,可以说它受ReactHook 启发而来;它我们编写逻辑更灵活,便于提取公共逻辑,代码的复用率得到了提高,也不用再使用 mixin 担心命名冲突的问题。

  12. React的useEvent 和 ahooks 的 useMemorizedFn 的深度分析和对比

    文章浏览阅读69次。由此我们看出。其实二者的原理和出发点都是一致的,都是返回的是个固定的对象obj,该对象地址不变,但是调用的方法的时候相当于调用了obj.A,此属性的指向是会一直更新的。只不过更新的时候 :useevent用了useLayoutCallback做更新,useMemorizedFn则使用了useMemo。保持地址不变的时候:useevent用的是useCallback ,useMemorizedFn使用的一个!memoizedFn.current + 新固定的function。

  13. Vue的路由params与name(路径命名)、props配置的搭配

    文章浏览阅读336次。功能:通过params传参数,提高路由组件的复用性

  14. ES6、ES7、ES8的特性是什么?

    文章浏览阅读233次。4: String.prototype.padStart()和String.prototype.padEnd()方法:这两个方法是ES8中新增的方法,用于在字符串的开头或结尾添加指定的填充字符,直到字符串达到指定的长度。2: Promise.prototype.finally()方法:finally()方法是Promise对象的一个新方法,无论Promise对象最后的状态是什么,finally()方法都会被执行。

  15. React Hooks之useContext使用

    文章浏览阅读105次。【学习笔记】React Hooks之useContext使用。


关注我

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

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

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