20240210 前端开发日报

快过VScode,支持AI,10天暴增 18K star横空出世的开源IDE神器;请务必搞懂原型(附你想不到的网易面试题);Flutter & GLSL – 贰 | 从坐标到颜色;大前端老司机的大众哲学浅谈_1;一年时间, 我们开发了一款开箱即用的开源博客系统;2023 年终总结:vue-jsx 的最佳实践;Web端的可视化;Remix挑战Next.js成为React框架新宠

  1. 快过VScode,支持AI,10天暴增 18K star横空出世的开源IDE神器

    今天我们就来介绍一款开源、免费的IDE新星,它快过VScode,自身支持AI,在最近的10天里暴增18000 star,它就是:zed。

  2. 请务必搞懂原型(附你想不到的网易面试题)

    浅聊一下 JavaScript 中的原型是理解该语言核心特性的关键之一。在面试中,掌握原型概念通常是一个重要的议题。

  3. Flutter & GLSL – 贰 | 从坐标到颜色

    上一篇 《 Flutter 绘制集录 | Shader 让绘制无限强大 – 壹》 介绍了 Flutter 本身支持 GLSL 语言进行 Shader 着色器的编写。这给 Flutter 的绘制能力增加

  4. 大前端老司机的大众哲学浅谈_1

    前言 提一个有哲学的问题:什么是哲学? 实事求是. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 哲学并不神秘,跟我们的日常生活有着千丝万缕的联系。但“哲学”这个名词却是十分抽象

  5. 一年时间, 我们开发了一款开箱即用的开源博客系统

    hi, 大家好, 我是徐小夕, 今天给大家分享一款由helloworld开发者社区开源非常实用的博客系统——飞鹅. 飞鹅(flygoose)是款完全免费开源博客系统,源码可以二次开发,没有任何限制,可

  6. vue3 源码解析之Reactive实现的原理

    文章浏览阅读110次。reactive(响应): shallowReactive(浅响应): readonly(只读): shallowReadonly(浅的只读), 浅相当于第一层。******这里有一个知识点: 懒代理 const obj = {name:’zs’, list:{live:’apple’}}当你不使用obj.list的时候不会对里面的数据进行代理,因为proxy默认只代理第一层,如果使用里面的数据 就会被重新代理了。以上的方法均采用了高阶函数的方法: 何为高阶函数, 函数的参数或者返回值为一个函数的时候。

  7. React18原理: 渲染与更新时的重点关注事项

    文章浏览阅读543次,点赞17次,收藏4次。react 在渲染过程中要做很多事情,所以不可能直接通过初始元素直接渲染还需要一个东西,就是虚拟节点,暂不涉及React Fiber的概念,将vDom树和Fiber 树统称为虚拟节点有了初始元素后,React 就会根据初始元素和其他可以生成虚拟节点的东西生成虚拟节点React一定是通过虚拟节点来进行渲染的对于首次挂载阶段需要了解React的渲染流程通过书写的初始元素和一些其他可以生成虚拟节点的东西来生成虚拟节点然后针对不同的节点类型去做不同的事情,最终将真实DOM挂载到页面上。

  8. 深入探究React:前端开发的利器

    文章浏览阅读289次,点赞8次,收藏8次。React 作为一款流行的前端开发框架,具有独特的设计理念和强大的功能特性,受到了众多开发者的喜爱和广泛应用。通过本文的介绍,相信读者对React有了更深入的了解,能够更好地运用React来构建出优秀的用户界面和应用程序。如果你对React有更多的疑问或者想要分享自己的使用经验,欢迎在评论区留言,让我们一起探讨React的魅力!通过本文,你可以更深入地了解React框架的特点、优势以及应用场景,帮助你更好地运用这一前端开发利器,构建出优秀的用户界面和应用程序。

  9. vue-内置组件-Suspense

    文章浏览阅读528次,点赞5次,收藏11次。这意味着如果组件关系链上有一个 ,那么这个异步组件就会被当作这个 的一个异步依赖。在挂起状态期间,展示的是后备内容。 组件自身目前还不提供错误处理,不过你可以使用 errorCaptured 选项或者 onErrorCaptured() 钩子,在使用到 的父组件中捕获和处理异步错误。有了 组件后,我们就可以在等待整个多层级组件树中的各个异步依赖获取结果时,在顶层展示出加载中或加载失败的状态。

  10. vue3 之 商城项目—详情页

    文章浏览阅读361次,点赞6次,收藏5次。1️⃣获取到当前的鼠标在盒子内的相对位置(useMouseInElement),控制滑块跟随鼠标移动(left/top)思路:维护一个数组图片列表,鼠标划入小图记录当前小图下标值,通过下标值在数组中取对应图片,显示到大图位置。2️⃣实现放大效果,大图的宽高是小图的两倍,大图的移动方向和滑块移动方向相反,且数值为2倍。3️⃣鼠标移入盒子(isOutside),滑块和大图才显示(v-show)3️⃣鼠标移入控制滑块和大图显示隐藏。1️⃣左侧滑块跟随鼠标移动。2️⃣右侧大图放大效果实现。


关注我

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

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

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