20231124 前端开发日报

尝试实现了国外大佬用Web做出来跨窗口渲染动画效果;屠龙少年终成恶龙,前端转产品的我给前端挖了个坑;Vue有20样写法,你知道么?;获得16个面试机会,拿到7个offer,希望我的经历能在这个寒冬里将信心传递;2024年了还不懂Promise?进来学不就这么回事?;探索 ES6 生成器 ( Generator ) 的异步编程应用;2023小红书Android面试之旅;开源集群管理系统对比分析:Kubernetes 与 Apache Mesos

  1. 尝试实现了国外大佬用Web做出来跨窗口渲染动画效果

    今天大佬群里分享了一个视频,有个国外大佬用Web做出来多浏览器窗口可以互动的动画效果,自己试着实现了下。

  2. 屠龙少年终成恶龙,前端转产品的我给前端挖了个坑

    客户质问为什么我们的系统还需要输入网址?还需要登录?大家一脸懵逼。然后解释因为数据是服务器器上的,在浏览器里输入地址,就能访问我们的系统了。然后如果不使用用户名和密码登录的话就不知道谁是谁。

  3. Vue有20样写法,你知道么?

    引入 打开 Vue3 的官方文档,它首先会告诉你,Vue 的组件可以按两种不同的风格书写:选项式 API 和组合式 API。文档为我们提供一系列两种风格的代码参考,供我们按照偏好进行选择。 实际上,V

  4. 获得16个面试机会,拿到7个offer,希望我的经历能在这个寒冬里将信心传递

    早高峰的地铁,沿着铺满整个城市的轨道疾驰着,载着我惴惴不安又充满期待的心情,去往新公司入职。望着满目的人群,思绪拉回到半年前。 我是今年5月份从呆了三年的老东家离开。离开的原因无它,就是看不惯公司一

  5. 2023小红书Android面试之旅

    小红书面试总体而言给我的体验是很好的,每轮面试后基本上都是当天就能出结果,然后约下一轮的面试。最终从一面到HR面结束出结果,一共花了9天时间,还是挺快的。

  6. WebAssembly照亮了 Web端软件的未来

    WebAssembly是一种新型的、可以在现代Web浏览器中运行的代码。本篇文章将为你详细介绍WebAssembly这一技术。

  7. 前端学习–React(3)

    文章浏览阅读242次,点赞4次,收藏5次。集中状态管理工具,不需要react即可使用,每个store的数据都是独立于组件之外的vue小链接:vuex/pinia。

  8. JavaScript框架 Angular、React、Vue.js 的全栈解决方案比较

    文章浏览阅读439次,点赞8次,收藏8次。在 Web 开发领域,JavaScript 提供大量技术栈可供选择。其中最典型的三套组合,分别是 MERN、MEAN 和 MEVN。前端框架(React、Angular 和 Vue)进行简化比较。

  9. 管道在Vue和Angular中的作用及React的替代方案

    文章浏览阅读154次。本文主要讲解管道在Vue和Angular中有哪些作用、React对于管道概念的替代方案是什么、Vue和Angular管道的区别。

  10. electron27-react-mateos:基于electron+react18仿matePad桌面系统

    文章浏览阅读169次。使用vite4构建工具创建react18项目,遵循react hooks语法编码开发。ElectronReactOS支持桌面多路由配置,新开窗口+弹窗开启路由页面。好了,以上就是electron+react18开发桌面os的一些知识分享。electron-react-mateos 基于最新前端跨端技术栈。如何使用electron27创建多窗口,可以去看看这篇分享文章。构建的一款仿制matePad界面多层级路由管理OS系统。

  11. Vue中的异步更新、$nextTick

    文章浏览阅读273次,点赞11次,收藏4次。当你在 Vue 中更改响应式状态时,最终的 DOM 更新并不是同步生效的,而是由 Vue 将它们缓存在一个队列中,直到下一个“tick”才一起执行。这样是为了确保每个组件无论发生多少状态改变,都仅执行一次更新。可以在状态改变后立即使用,以等待 DOM 更新完成。你可以传递一个回调函数作为参数,或者 await 返回的 Promise。当显示完成之后,要注意用this.$refs.inp.focus()是不能成功的。以“点击编辑,显示编辑框并且自动获取焦点”为例。点击编辑按钮,触发事件,显示input框。

  12. Vue中watch的详解

    文章浏览阅读56次。对象和数组都是复杂数据类型,复杂数据类型存的是地址值,地址没有变,不会触发watch。这时我们需要进行深度监听,就需要加上一个属性 deep,值设为 true,使用deep属性可以监测到整个对象所有属性值的变化,某个属性发生变化,watch都会触发监听该对象。watch:侦听器,是Vue实例的一个属性,是用来响应数据的变化,需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。如果只是监听单个简单的数据,使用watch的简写形式就可以满足需求。数据改变之前的值:该数据改变之前的值。

  13. vue3使用provider+ inject直接将参数由祖宗传送给孙子

    文章浏览阅读164次。如题。在vue项目中,如果祖宗想将参数传递给孙子甚至更小一辈的组件,是一件麻烦事。可以通过爷爷-儿子-孙子-曾孙这样的链条,一辈辈地传承下去,但未免太繁琐、太蠢了些;也可以通过store间接传送,但如何触发孙子们去获取是个问题。第三种方法是通过provider和inject方式。老祖宗provider,后代inject。在以下示例中,祖宗页面将一个json对象传给孙辈。其中,祖宗provider一个函数,函数返回一个json对象state。


关注我

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

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

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