20240131 前端开发日报

从‘相信前端能做一切’到‘连这个都做不了么’;Flutter 首个真正可商用的 JSBridge 框架(完全兼容的 DSBridge for Flutter);没写文章的这几个月,我“完成”了三年前就想做的开源项目 — Chat Craft;【2024】前端,该卷什么呢?;前端最全的5种换肤方案总结;17K star开源免费的离线OCR工具;前端代码可读性 – 大厂生产在用 吐血总结;新人前端入职第一天——京东实习配环境实录

  1. 从‘相信前端能做一切’到‘连这个都做不了么’

    原生语音 造 仪表盘。h5页面中,做一个环形仪表盘(如下图),需要一个从0%到实际百分比的增长过渡动效

  2. Flutter 首个真正可商用的 JSBridge 框架(完全兼容的 DSBridge for Flutter)

    DSBridge for Flutter 完全兼容 Android 和 iOS DSBridge 的 dsbridge.js,在现有使用了 dsbridge.js 的 Web 项目中无须修改任何代码。

  3. 没写文章的这几个月,我“完成”了三年前就想做的开源项目 — Chat Craft

    前言 Hiall.好久不见,已经两个多月没有发文章了,这段时间一直在反思过去的一年,有好有坏。对博客文章这块我对自己是不满意的,文章的质量参差不齐,有时候在没有好的题材时,我会选择写一些泛泛之谈的

  4. 【2024】前端,该卷什么呢?

    2024已来,过去的 2023 可以说是具有里程碑意义的一年,ChatGPT 的炸裂式发展,很多大佬都亲自入场整活儿,你不得不说,人工智能时代的未来已来,大势所趋,不可阻挡。随着生成式AI的迅猛发展,

  5. 前端最全的5种换肤方案总结

    最近一年很多客户要求更换主题色,而团队的项目基础框架不一,因此几乎使用了所有的更换主题的方案。以下总结了各方案的实现以及优缺点,希望能帮助有需要更换主题色的伙伴少踩坑。 方案一:硬编码 对一些老的前端

  6. 17K star开源免费的离线OCR工具

    今天我们推荐一款开源、免费的离线OCR工具,目前在GitHub已超过17K Star,它就是:Umi-OCR

  7. 前端代码可读性 – 大厂生产在用 吐血总结

    在编程中,大部分时间都花在阅读代码上,不仅要理解自己的代码,还需要理解其他人的代码。因此,写出易读的代码能够显著提高编程效率。

  8. 新人前端入职第一天——京东实习配环境实录

    本文是笔者到京东实习领完电脑到配完开发环境的实录,既作为笔者之后自己的参考,也希望能帮助到更多前端新人小伙伴。

  9. React和Vue实现路由懒加载

    文章浏览阅读117次,点赞4次,收藏4次。在这个示例中,我们使用动态导入来按需加载组件。在路由定义中,我们将组件设置为一个返回Promise的函数,该Promise解析为对应的组件实例。这样,当用户访问相应的路由时,对应的组件才会被加载。在这个示例中,我们使用React.lazy来动态导入Home和About组件。当用户访问相应的路由时,对应的组件会按需加载。Suspense组件用于在组件加载过程中显示加载提示。在React中,你可以使用React.lazy和Suspense组件来实现路由懒加载。在Vue中,你可以使用异步组件来实现路由懒加载。

  10. Vue3中ref和reactive的用法和区别

    文章浏览阅读270次,点赞5次,收藏2次。Vue2中我们通常将响应式数据放在data中,再Vue3中提供了组合式API的写法,即数据和方法写在一起,便于维护。由于本文中我使用的是一个单HTML文件引入vue做演示,所以需要使用return返回响应式数据,vue文件的话中无需再使用return。Object.assign(car,对象1,对象2,…),对象1和对象2传入car中,最终显示最后传入的对象(对象为键值对)通过使⽤ Proxy 来实现响应式(数据劫持),并通过Reflect 操作源对象内部的数据。reactive只能定义响应式的对象。

  11. vue3的reactive赋值问题

    文章浏览阅读128次,点赞8次,收藏3次。我的做法是:把props.data结构赋值给modalData变量,结果没有生效,我用vue插件查看,插件显示modalData变量是一个空对象。查了下资料,发现直接给reactive声明的变量本身赋值是没有效果的。在查阅资源时,发现reavtive声明的数组变量,赋值时也同样有问题。vue3中直接对reactive声明的变量本身进行赋值是无效的。我的逻辑:监听visible变量,如果弹窗显示,则将数据回显。写完之后发现无效,便改成了单个数据置空,此时生效了。

  12. vue使用mpegts.js教程

    文章浏览阅读211次,点赞5次,收藏5次。mpegts.js 是在 HTML5 上直接播放MPEG-TS/FLV流的播放器,针对低延迟直播优化。mpegts.js 通过在 JavaScript 中渐进化解析 MPEG2-TS 流并实时转封装为 ISO BMFF (Fragmented MP4),然后通过 Media Source Extensions 接口把音视频数据共给 HTML5 < video > 元素。

  13. Vue文件video标签配合flv.js实现监控画面实时转播

    文章浏览阅读163次,点赞3次,收藏2次。之前已经把监控的画面实时在页面上显示出来了,但是发现有一个问题,因为我要做一个类似于点击某一个通道单独切换到这个通道的资源,因此我需要在开启这个通道之前,切断之前的通道,否则在没有使用资源的时候,也会占用端口,会造成不必要的内存使用以及后续通道无法正常开启(默认服务器只开启6条通道,需在后台配置)。然后,出现的问题是,每次利用flvPlayer实例上的destroy方法时,发现只有最后一条通道被关闭了。

  14. Vue中嵌入原生HTML页面

    文章浏览阅读168次,点赞2次,收藏3次。但是vue目前暂时没找到有类似功能相关文档,所以我采用iframe嵌套的方式。在mounted生命周期中去绑定具体Iframe的页面。在mounted中加监听事件,并配上处理监听对象的方法。在data中定义一个iframe绑定的页面的对象。在method中定义方法,用于处理监听的事件。在html中接收vue端传过来的值。发送信息到iframe页面。html页面中的代码。

  15. VUE3子表格嵌套分页查询互相干扰的问题解决

    文章浏览阅读362次,点赞10次,收藏10次。VUE3在表格中嵌套子表格子表格的分页查询互相干扰的问题解决。

  16. Vue-45、Vue中全局事件总线

    文章浏览阅读85次。Vue-45、Vue中全局事件总线


关注我

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

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

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