20231227 前端开发日报

Ant Design Web3 发布 1.0 ,聊聊我们的设计理念~;前端部署真的不简单;我来给你写一个滴水不漏的深拷贝面试官:怎么把getter和setter拷贝上?;小公司前端进大厂了,热乎的备面经验与大厂面经来袭;工程化第一步这个package.json要真的搞明白才行;虚拟DOM已成过去式?全新框架 RE:DOM,纯 JS 的模板语言库;Js代码使用技巧速览;react-native 富文本编辑器实现

  1. Ant Design Web3 发布 1.0 ,聊聊我们的设计理念~

    基于 Ant Design 的 Web3 开源组件库 Ant Design Web3 正式发布 官网:https://web3.ant.design。本文会给大家介绍我们的设计理念。

  2. 前端部署真的不简单

    前端部署其实是一个非常严肃的问题,对于大型应用24小时都有人访问,如果你还是用覆盖式更新的方式部署,肯定会导致页面出错的情况发生,因此,这就涉及到先全量部署静态资源,再灰度部署页面的部署流程了。

  3. 我来给你写一个滴水不漏的深拷贝面试官:怎么把getter和setter拷贝上?

    手撕一个最最最完整的深拷贝!看了很多文章实现的深拷贝都属于阉割版…自己汇总一下不同的数据类型处理,一劳永逸!

  4. 小公司前端进大厂了,热乎的备面经验与大厂面经来袭

    外包小公司的前端秋招跳槽进大厂了,热乎的备面经验与大厂(美团、字节跳动)面经分享给你!赶紧点进来看看吧!

  5. 工程化第一步这个package.json要真的搞明白才行

    工程化最开始就是package.json开始的,很多人学了很多年也没搞清楚这个为什么这么神奇,其实有些字段是在特定场景才有效的,那每个属性的适用场景和作用是什么,又牵扯很多知识点,今天先解读常用属性和

  6. 虚拟DOM已成过去式?全新框架 RE:DOM,纯 JS 的模板语言库

    如果你在近几年使用过JavaScript框架,你可能会听到“虚拟DOM很快”的说法。但是!有些人可能会问:为什么Svelte不使用虚拟DOM,却仍然能运行得如此之快?”

  7. Js代码使用技巧速览

    列举几个我平时写代码的时候用到的超高频使用的js代码组织技巧,快来看看有没有你的菜吧。我觉得第四个和第五个比较新鲜。

  8. react-native 富文本编辑器实现

    今年做了自己的第一款独立应用,日记类的app,核心就是富文本编辑器,技术选项做了很久,最后选了lexical,优势是可扩展,可实现很多自定义的功能。下面分享一下我的经验。

  9. 一次性密码输入(OTP)组件状态管理 React Hook 开发实践

    本来想着 React 生态这么好应该能找到一个很好用的 OTP (One-time password) 组件的,结果一通折腾,没发现一个好用的,很多库甚至提供的在线示例就有些奇奇怪怪的小缺陷……

  10. VUE框架Vue3下使用watch监听reactive下的数据变化并使深度监视起效——VUE框架

    文章浏览阅读393次,点赞12次,收藏12次。VUE框架Vue3下使用watch监听reactive下的数据变化并使深度监视起效——VUE框架

  11. React、Vue3中父组件如何调用子组件内部的方法

    文章浏览阅读174次,点赞4次,收藏3次。当父组件需要调用子组件的方法时,可以通过useImperativeHandle钩子函数实现。以下例子是ts实现方式。在子组件中使用钩子,将指定的方法暴露给父组件,以便父组件可以通过子组件的引用来调用该方法。在子组件中使用了 useImperativeHandle 钩子将 someMethod 方法暴露给父组件。注意,为了使用 useImperativeHandle,需要将子组件包裹在 forwardRef 函数中,并在参数列表中添加 ref。上述代码中。

  12. nodejs+vue+ElementUi资源互助共享平台的设计

    文章浏览阅读1.1k次,点赞20次,收藏16次。前台:有导航栏,导航栏分布的有首页,萌宝信息,幼儿知识,保姆推荐,音频资源,二手商品,交流论坛,个人中心,后台管理,购物车。总的来说,就是让不同的角色实现不同的功能,而不同的功能其他的角色可以互相补充,可以浏览对方发布的信息,可以购买卖家发布的商品,可以查看幼儿知识信息。尽量让不同的角色数据库不同,这样可以保证数据的完整性。后台:管理员功能有个人中心,用户管理,卖家管理,咨询师管理,萌宝信息管理,幼儿知识管理,保姆推荐管理,音频资源管理,二手商品管理,商品分类管理,资源分类管理,交流论坛,系统管理。

  13. vue3、React之父子组件传参

    文章浏览阅读108次,点赞3次,收藏4次。vue3和react是前端进阶必不可少的工具,其中组件之间的传值更是核心内容。这一篇,我将介绍下vue3和react中父子组件是如何传值的提示:以下是本篇文章正文内容,下面案例可供参考Vue3中:父传子,与vue2类似。子组件接收参数时,需要用到defineProps()方法接收父组件传递过来的参数。子传父,与vue2类似。用到事件传参,需要用到defineEmits()方法传递参数给父组件。React中:父传子,子组件用props接收即可。子传父,需要申明触发父组件的哪个事件。

  14. 百度站长、SEO、收录,网站自动提交百度链接 vuejs

    文章浏览阅读185次,点赞2次,收藏6次。怎样才能使新更新的文章更快的被百度收录,是所有站长最头疼的事情之一。开源字节使用自动提交脚本实现,仅需一次部署自动推送JS代码的操作,就可以实现新页面被浏览即推送的效果,低成本实现链接自动提交。怎样才能使新更新的文章更快的被百度收录,是所有站长最头疼的事情之一。开源字节使用自动提交脚本实现,仅需一次部署自动推送JS代码的操作,就可以实现新页面被浏览即推送的效果,低成本实现链接自动提交。百度给出的链接提交方式有以四下种。

  15. vue-mounted中处理data数据

    文章浏览阅读145次,点赞4次,收藏4次。如果你在 `mounted` 方法中修改 `data` 值,确实有可能不生效。这是因为 `data` 值在 `mounted` 方法执行时,组件的模板已经渲染完毕,而 `data` 值是作为响应式数据存储在 Vue 实例中的。当 `mounted` 方法执行时,模板中的数据已经绑定完毕,所以修改 `data` 值并不会触发视图更新。为了解决这个问题,Vue 提供了 `this.$nextTick` 方法。但是,在某些情况下,这可能会导致错误,例如在计算属性中使用 `this.$nextTick` 方法时。

  16. VUE中v-model的实现原理

    文章浏览阅读141次,点赞3次,收藏3次。v-model可以实现数据的双向绑定,也是vue的最突出的优势。其实 v-model 实际上是一个语法糖。其中原理很简单,只要就是两部分,一个是事件监听,一个是属性绑定。等下会用代码来展示这两部分。从上代码可以看出,当我在输入框输入的值改变的时候,所展示的内容也会改变;由上代码所述 他的操作原理是 先监听数值改变 然后在进行赋值;这是一个一直很经典的面试题 咱们废话不多说。

  17. Vue中虚拟Dom技术

    文章浏览阅读171次,点赞5次,收藏4次。虚拟DOM通过在内存中维护一份虚拟的DOM树,将所有的DOM操作集中在这个虚拟DOM上,然后再通过一次性的操作更新到真实DOM,从而减少了重排和重绘的次数。在上面的例子中,createElement函数会创建一个表示div节点的VNode对象,当message发生变化时,Vue会重新执行render函数生成新的VNode对象,并通过比对更新到真实DOM。在Vue中,虚拟DOM(Virtual DOM)是一项关键的技术,它是一种用JavaScript对象模拟真实DOM结构的机制。虚拟DOM的工作原理。

  18. Vue中更新浏览器图标(Favicon)

    文章浏览阅读100次,点赞2次,收藏4次。在Vue中更新浏览器图标(Favicon),您可以定义一个方法来动态更改页面的标签中的href属性。您可以在mounted钩子中调用这个方法,或者在用户执行某些操作时调用,以更新Favicon。在这个例子中,changeFavicon方法接收一个新的Favicon URL作为参数。如果不存在,它会创建一个新的标签并设置相应的属性,然后将这个标签加入到中。首先,它会尝试查询是否已经存在一个标签与Favicon相关。如果存在,它会更新这个标签的href属性;

  19. React 16.8 新特性:让你的应用更出色(下)

    文章浏览阅读263次,点赞7次,收藏4次。React 16.8 中引入的新特性主要包括,它为函数组件带来了状态和生命周期的管理能力,使得函数组件能够更加灵活和强大。以下是更简洁的代码:使用可以减少组件中的冗余代码,因为状态和生命周期方法可以直接在函数组件中使用,而无需使用类组件的复杂结构。更好的可复用性:函数组件本身就是可复用的,而使得函数组件能够更好地共享状态和逻辑。通过使用自定义Hook,可以将一些通用的状态管理逻辑提取出来,供多个组件使用。更好的状态管理提供了更加简洁和直观的方式来管理状态,例如使用useState和useEffect。

  20. vue i18n国际化敏感词等词条校验

    文章浏览阅读131次,点赞5次,收藏4次。防止组件出现敏感词,国际化出现其他词条,i18n在封装。

  21. React 之 组件通信方式

    文章浏览阅读89次。组件通信方式


关注我

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

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

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