20231015 前端开发日报

VTable——不只是高性能的多维数据分析表格,开源,免费,百万数据秒级渲染;一文掌握Babel来龙去脉、三大脚手架中使用Babel;飞书深诺前端 SPA 敏捷部署方案演进;我说ArrayList初始容量是10,面试官让我回去等通知;提高你的JS技巧,让你的代码更简洁优;Fabric.js基础教程;Java Random可破解,随机数不再随机,更不安全、JsDoc vs TypeScript | 每日掘金第291期;货拉拉面试:全程八股被问麻了

  1. VTable——不只是高性能的多维数据分析表格,开源,免费,百万数据秒级渲染

    VTable: 不只是高性能的多维数据分析表格,更是行列间创作的方格艺术家! 在现代应用程序中,表格组件是不可或缺的一部分,它们能够快速展示大量数据,并提供良好的可视化效果和交互体验。

  2. 一文掌握Babel来龙去脉、三大脚手架中使用Babel

    用进化论描述Babel的配置过程,详述配置中的细节;Webpack、Vue/CLI、Vite中使用Babel

  3. 飞书深诺前端 SPA 敏捷部署方案演进

    前端单页面应用(SPA)数量占总数的三分之二以上,导致构建-发布时间过长,且任何微前端组件升级都需重走四个环境的构建发布流程。同时,多环境测试导致测试量级倍增。因此,解决这些问题变得非常重要。

  4. 我说ArrayList初始容量是10,面试官让我回去等通知

    在Java集合中,ArrayList是最常用到的数据结构,无论是在日常开发还是面试中,但是很多人对它的源码并不了解。下面提问几个问题,检验一下大家对ArrayList的了解程度。

  5. 提高你的JS技巧,让你的代码更简洁优

    JavaScript 中有许多简写技巧可以缩减代码长度、减少冗余并提高代码的可读性和可维护性。以下是 20 个有效提升效率的 JavaScript 简写技巧,帮助你编写更优雅的代码! 移除数组假值 可

  6. Fabric.js基础教程

    Fabric.js是一款强大的HTML5画布库,它能够让我们轻松地在网页上创建、编辑和操纵各种图形元素。无论你是想制作一个炫酷的图形编辑器,还是实现动态的图形效果,Fabric.js都能满足你的需求。

  7. Java Random可破解,随机数不再随机,更不安全、JsDoc vs TypeScript | 每日掘金第291期

    Nest + Redis + 地图,实现附近的充电宝 《图解 + 实战》File、Blob、TypeArray、DataView TCC分布式事务七种异常情况

  8. 货拉拉面试:全程八股被问麻了

    今天来看货拉拉 Java 技术岗的面试问题,废话不多说,先看问题。 一面问题 二面问题 1.怎么解决超卖问题? 答:超卖问题是一个相对来说,比较经典且相对难处理的问题,解决它可以考虑从以下三方面入手:

  9. 面壁智能ChatDev火遍全球,GitHub星标超1.2万

    ChatDev 又双叒叕霸榜了 GitHub Trending,开源仅 6 周星标数已超 1.2 万! 这一由 **面壁智能(ModelBest)**联合清华大学 NLP 实验室共同开发的大模型全流程

  10. 边界-程序员的枷锁(前端视角)

    背景 在晋升的时候,被问到一个问题:如何界定边界? 当时回答的其实是业务边界的理解,或者说是自己做事的一个态度,但是后来回想回答的并不好。 所以想详细的阐述下自己对边界的理解,如有不对欢迎指正。

  11. 用 html2canvas 导出 mapbox 失败的排查过程

    工作中遇到一个需求,要将页面截图保存。一番调研后使用了 html2canvas 这个库,在实际使用时发现 Mapbox 渲染的地图一直是空白的,没有被渲染上。

  12. 【vue3】实现数据响应式(ref、shallowRef、trigger、reactive、shallowReactive、toRef、toRefs)

    shallowReactive与shallowRef的问题一样,shallowReactive只能响应第一层。为了单独提取对象中的一个,然后变成响应式,可以把toRef、toRefs理解为解构操作;reactive的值被解构出来丢失了响应式,这个时候就要用toRef、toRefs;可以粗略理解为 ref = shallowRef + triggerRef。只能对响应式的对象有用,非响应式的 视图毫无变化;1、通过ref获取dom元素。toRaw()效果图。

  13. 【React】03-React面向组件编程2

    现在使用会出现警告,下一个大版本需要加上UNSAFE_前缀才能使用,以后可能会被彻底废弃,不建议使用。2.React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。3.componentWillUnmount:做一些收尾工作, 如: 清理定时器。3.我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。需求:验证虚拟DOM Diffing算法的存在。1.组件从创建到死亡它会经历一些特定的阶段。生命周期的三个阶段(旧)生命周期的三个阶段(新)

  14. Vue3中使用v-model高级用法参数绑定传值

    Vue3中使用v-model高级用法参数绑定传值

  15. React之事件机制与事件绑定

    ReactReact 上注册的事件最终会绑定在document这个 DOM 上,而不是 React 组件对应的 DOM(减少内存开销就是因为所有的事件都绑定在 document 上,其他节点没有绑定事件)React 自身实现了一套事件冒泡机制,所以这也就是为什么我们 event.stopPropagation()无效的原因。React 通过队列的形式,从触发的组件向父组件回溯,然后调用他们 JSX 中定义的 callbackReact 有一套自己的合成事件 SyntheticEvent。

  16. 《Node.js+Express+MongoDB+Vue.js全栈开发实战》简介

    JavaScript是Web开发最为流行的编程语言,而Node.js的出现则使得JavaScript可以在服务器端一展身手。结合Vue.js技术实现前端框架的组件化开发方式,使得Vue.js+Node.js全栈开发变得盛行。笔者撰写了包括《Vue.js 3企业级应用开发实战》《Node.js企业级应用开发实战》在内的有关Vue.js和Node.js方面的专著,但将Vue.js和Node.js进行整合尚属首次。

  17. 如何在Next.js中使用react-viewer图片预览

    将依赖包引入到文件之中,然后封装成组件,以备后面业务逻辑中使用;使用npm,或者pnpm进行包安装依赖包。

  18. React知识点系列(5)-每天10个小知识

    React的Strict Mode(严格模式)是一种特殊模式,用于帮助开发者识别和解决React应用中潜在问题。提供额外的警告:Strict Mode会检测一些不安全或潜在问题,并在开发者控制台中提供相关警告。这有助于识别并解决潜在的bug。检测不安全的生命周期方法:Strict Mode会在不安全的生命周期方法(如)被使用时发出警告,因为这些方法在未来的React版本中将被弃用。捕获副作用操作:Strict Mode会在渲染期间捕获某些副作用操作,如副作用操作的重复调用,从而有助于调试和优化。

  19. react+antd封装表格组件2.0

    一个用于暴露自定义ref属性和自定义方法的钩子函数。可以使得父组件可以通过ref访问子组件中定义的方法和属性,从而实现对子组件的精细控制。使用useImperativeHandle时必须与forwardRef搭配使用,否则会报错。此方法把所用方法集体封装,以后就可以无脑开发拉!

  20. vue防抖函数封装与使用

    vue防抖函数封装与使用

  21. vue中的生命周期有什么,怎么用

    在组件中,可以通过定义这些生命周期钩子函数来自定义组件的行为。例如,在 created 钩子中可以进行组件数据的初始化,而在 mounted 钩子中可以进行 DOM 操作和初始化一些第三方库。同时,在 beforeCreate 钩子中可以进行一些全局的资源初始化,如添加全局事件监听器等。Vue.js 的生命周期(lifecycle)是指 Vue 实例从创建到销毁的整个过程。使用方式很简单,直接在 Vue 组件中定义相应的函数即可。

  22. 【Vue】同一个页面多次复用同一个组件数据相互干扰问题

    同一个页面多次复用同一个组件数据相互干扰问题

  23. vue设置页面超时15分钟自动退出登录

    需求:用户登录后,如果长时间未操作页面这个时候需要自动退出登录回到登录页面。注意点:这里我们如果把超时的时间放到浏览器里面存储,我们要放到本地存储里面localStorage里面。


关注我

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

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

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