20240229 前端开发日报

25岁本科毕业三年社畜的2023年总结:开源、软考、旅游、买房、买车。一波肥;2024年令人眼前一亮的Web框架;了解 MIME 类型:Web 开发中的重要概念;将任何网页变成桌面应用,全平台支持 | 开源日报 No.184;小小导出,我大前端足矣;Flutter & GLSL – 柒 | 减法与线;同学们说我染上面试了;跨端轻量JavaScript引擎的实现与探索

  1. 25岁本科毕业三年社畜的2023年总结:开源、软考、旅游、买房、买车。一波肥

    2023 年关键词:开源、软考、旅游、买房、买车、养小狗。 回望这一年我完成了很多对我自己来说很了不起的事情。

  2. 2024年令人眼前一亮的Web框架

    介绍 2024年正向我们走来,我们怀着满腔热情为新的一年制定计划,探索未来一年可以学习或实现的目标。此时此刻,正是探寻来年值得学习的框架、理解其功能和特色的最佳时刻。我们以2023年JS 新星名单为指

  3. 了解 MIME 类型:Web 开发中的重要概念

    在 Web 开发中,我们经常听到 MIME(Multipurpose Internet Mail Extensions)类型这个术语。本文简单介绍一下MIME的作用和注意事项

  4. 将任何网页变成桌面应用,全平台支持 | 开源日报 No.184

    Pake,用 Rust 将任何网页变成桌面应用程序。优点是比 Electron 打包小 20 倍(约为 5M),使用 Rust Tauri 比 JS-based frameworks 更轻量级和更快速

  5. 小小导出,我大前端足矣

    后端小白喊道:这个导出你前端应该就能做的吧! 那是自然,有什么功能是我大前端做不了的,必须得让你们大开眼界。xlsx-style但是使用起来极其复杂,还需要改 node_module源码,库6年前无用

  6. vue中的ref/reactive区别及原理

    文章浏览阅读195次,点赞7次,收藏3次。当访问响应式对象的属性时,Vue会使用Proxy拦截访问操作,并将该属性标记为依赖,当属性被修改时,Vue会触发相应的更新操作。ref和reactive的区别在于ref是对对象的包装,而reactive是对整个对象进行响应式化处理。ref是Vue 3中新加入的特性,它可以将一个普通的JavaScript对象转换为响应式对象。reactive是Vue 2中的一个API,它可以将一个普通的JavaScript对象转换为响应式对象。访问和修改响应式数据时,Vue会跟踪数据的变化并触发视图的更新。

  7. vue3 ref reactive区别

    文章浏览阅读649次,点赞10次,收藏6次。ref可以存储原始类型,而reactive不能。ref需要通过访问数据,而reactive()可以直接用作常规对象。可以重新分配一个全新的对象给ref的value属性,而reactive()不能。ref类型为Ref,而reactive返回的反应类型为原始类型本身。基于第四条,ref可以自身管理依赖而reactive则借助全局变量以键值对的形式进行管理。watch默认只观察ref的value,而对reactive则执行深度监听。ref默认会用reactive。

  8. vanilla-tilt.js(一个流畅的 3D 倾斜 JavaScript 库,源自 Tilt.js(jQuery 版本)。)

    文章浏览阅读155次,点赞3次,收藏5次。vanilla-tilt.js(一个流畅的 3D 倾斜 JavaScript 库,源自 Tilt.js(jQuery 版本)。

  9. The requested module ‘./reactive.js’ does not provide an export named ‘reactive’

    文章浏览阅读167次,点赞2次,收藏4次。修改导出的变量名,或者修改文件名。在html中使用ESModule。导出的变量名不能与文件名一样。

  10. flask+Vue(Vite)部署,js文件不能被正确解析解决方案

    文章浏览阅读186次,点赞5次,收藏5次。构建后,因为生产环境index.html​文件中​标签使用了type="module"​,而服务器对于js文件的类型返回的是text/plain​,类型不一致,其详细解释可见.mjs 与 .js。手动修改index.562b9b5a.js​文件后缀为.mjs​,并将其对应的文件引用中文件名做相应更改(可能不止限于index.html​文件中)配置Vite构建时不使用import​,如设置build.target​为edge15​,详细信息见Vite文档。缺点:麻烦,容易引起其他错误。

  11. react组件间通讯方式(组件传值)

    文章浏览阅读226次,点赞8次,收藏5次。组件间传值有多种方式,包括使用 props、Context API、回调函数、自定义 Hook、事件总线等。

  12. 数据传递,状态共享,React Hook – useContext

    文章浏览阅读112次,点赞2次,收藏4次。(该方法只推荐小型应用或小场景,大型应用场景推荐使用Redux进行状态管理,使用起来更方便,详情可见子组件的顶层组件(需要共享数据子组件的的最上层父组件)

  13. 动态给vue的data添加新属性页面不更新的原因分析以及解决方法

    文章浏览阅读72次,点赞2次,收藏2次。我们从一个例子触发定义一个p标签,通过v-for指令进行遍历,然后通过绑定事件,触发事件的时候,将动态添加哟个属性。预期结果:动态增加的属性也被遍历显示在页面上实力化一个vue实力,定义data属性喝methods方法点击按钮,发现结果不及预期,数据虽然也更新了(console打印出了新属性),但是页面并没有更新。

  14. VUE3:统计分析页面布局+自适应页面参考

    文章浏览阅读164次。上面效果图的代码,用的flex布局,宽高边距都用了动态的,浏览器窗口大小改变也会自适应。

  15. TypeScript 结合 React 开发时候 , React.FunctionComponent 解释

    文章浏览阅读178次,点赞4次,收藏6次。是一个泛型类型,它用于定义函数组件的类型。这个类型定义了函数组件的结构和预期行为,并且提供了泛型支持,以便你可以指定组件 props 的类型。类型也隐式地定义了组件的返回类型,这意味着你的组件返回的必须是一个 React 元素或者。在这种方式中,你完全控制了组件的 props 类型定义,并且避免了。取决于你的个人或团队的偏好。的支持可以让你为 props 设置默认值。,以便更清楚地了解组件的 props 结构。允许你指定 props 的类型。在使用泛型和默认 props 的情况下,

  16. react echarts刷新不显示问题

    文章浏览阅读106次,点赞2次,收藏2次。react echarts刷新不显示 编辑代码才显示

  17. 【React架构 – Scheduler中的MessageChannel】

    文章浏览阅读456次,点赞8次,收藏8次。【React架构 – Scheduler中的MessageChannel】


关注我

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

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

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