20240203 前端开发日报

前端智能化,扣子(coze.cn)能做什么;抓包就指着它了——whistle提升前端开发幸福感的利器;React Native 2023 现状 – 调查结果发布;复杂 web 动画开发;2024 Flutter 重大更新,Dart 宏(Macros)编程开始支持,JSON 序列化有救;来了HelloGitHub 年度热门开源项目;深度解析浏览器重排和重绘:优化前端性能的终极指南;2024前端高频面试题之– JS篇

  1. 前端智能化,扣子(coze.cn)能做什么

    初体验 进入网站 https://www.coze.cn/ 后,注册或者使用抖音账号登录,即可开启使用。 进入主页面后,操作非常简单,类似 ChatGPT 式的交流形式即可快速、低门槛的搭建一个专属的

  2. 抓包就指着它了——whistle提升前端开发幸福感的利器

    好多人都说whistle是抓包工具,殊不知抓包只是whistle能力的冰山一角。除了抓包外,它还能修改请求与响应、真机调试h5移动端、解决跨域、域名映射等等等。快来学习下吧

  3. React Native 2023 现状 – 调查结果发布

    React Native 现状调查结果已经发布,人们对 React Native 的总体感觉越来越积极,通过这些调查可以让我们了解到其生态系统中正在发生的事情!

  4. 复杂 web 动画开发

    复杂 web 动画开发 为什么 选择 GSAP GSAP 是一个老牌框架,但也在持续更新,兼容性很好 与框架无关,比如 framer-motion,react spring 只能用于 react;这里

  5. 2024 Flutter 重大更新,Dart 宏(Macros)编程开始支持,JSON 序列化有救

    说起宏编程可能大家并不陌生,但是这对于 Flutter 和 Dart 开发者来说它一直是一个「遗憾」,这个「遗憾」体现在编辑过程的代码修改支持上,其中最典型的莫过于 Dart 的 JSON 序列化。

  6. vuejs如何用vue-router构建路由?

    文章浏览阅读156次,点赞3次,收藏2次。vue如何建立一个项目的路由机制?

  7. React18构建Vite+Electron项目以及打包

    文章浏览阅读126次,点赞5次,收藏2次。React18构建Vite+ElectronReact18构建Vite+Electron项目以及打包项目以及打包

  8. node环境打包js,webpack和rollup两个打包工具打包,能支持vue

    文章浏览阅读202次,点赞3次,收藏4次。引言项目中经常用到共用的js,这里就需要用到共用js打包,这篇文章讲解两种打包方式,webpack打包和rollup打包两种方式。

  9. 如何在 React 中实现全局路由守卫?

    文章浏览阅读335次,点赞8次,收藏6次。在 react 中实现路由守卫和 vue 不同,vue 可以使用内置的前置路由守卫函数,react 需要自己实现,不过原理大致相同。记得对可能造成死循环的路径进行判断,然后返回当前页面即可,否则使用不当可能会造成死循环。另外路由守卫需要根据项目中的需求进行专门的“定制”,以上的代码可能适合我的项目,那如果你也想实现自己的路由守卫,可以借助作者的思路,希望可以帮助到你。当然如果有觉得作者哪里写的不对的地方,大家也可以在评论区指出来,咱们一起交流进步!

  10. 深入探讨 React 组件生命周期(新版)

    文章浏览阅读113次,点赞3次,收藏4次。React 18 引入了一些新的组件生命周期函数,以提供更灵活和强大的控制。在新的生命周期中,我们可以更好地处理组件的渲染、更新和卸载过程。下面我们将深入了解这些新的生命周期函数。

  11. react 之 useInperativeHandle

    文章浏览阅读59次。useInperativeHandle是通过ref暴露子组件中的方法。

  12. vue抽离自定义指令和自定义组件(个人组件库封装逻辑)

    文章浏览阅读125次,点赞5次,收藏4次。本文使用vue3作为示例,对自定义指令和自定义组件进行封装和融合,最后达到封装个人组件库,达到不同项目功能组件都可以复用的目的。

  13. Vue3.0(一):Vue的引入-options api-模板语法

    文章浏览阅读420次,点赞8次,收藏9次。本地引入可以将CDN中地址中的代码,拷贝到一个 vue.js文件中之后引入该js文件即可命令式编程和声明式编程的区别data属性是传入一个函数,并返回一个对象data中返回的对象,会被Vue的响应式系统劫持(通过 Proxy方式实现)methods属性在 methods中通常是用于声明函数方法的在 声明函数的时候,不能使用箭头函数因为使用了箭头函数,会找到上一层作用域中的this,导致无法访问到data中的变量computed计算属性对于响应式数据的复杂逻辑


关注我

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

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

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