对于Vue来说组件的数据通信非常重要，并且Vue 组件通信在面试中频繁出现，那么组件之间如何进行数据通信的呢？为了更加深入了解组件的数据通信，本文专门总结梳理了一下组件之间通信的场景以及通信的方式

单例模式可以说在前端范围你不可能遇不上,特别是单例惰性模式,在适合的时候才创建对象,并且只创建唯一的一个,如果创建对象和管理创建单例职责分布在两个不同的方法当中,解耦性的加持会让这个模式威力大大增加,这是能提高性能的一个突破口,Vue,React的路由懒加载的实现都是有着单例惰…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

做了一夜动画，让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。 二、原理分析 首先我们通过一个制作一个打包文件的原型。 假设有两

初衷： 在面试中，面试官经常问到说一下Es5和Es6的数组方法有哪些，有很多同学老是分不清楚，今天笔者就来分享一下。 用途： map是一个数组函数方法，接收三个参数，value，index，self，返回值是处理完的结果。 用途： 用于截取数组值，接收两个参数，第一个参数是要获…

1. HTTP请求 首先先解析URL得到里面的参数，将域名和请求的资源分开，然后再将这些信息封装成一段HTTP请求报文发送出去。 2. DNS域名解析获取IP地址 生成HTTP请求报文后，就需要去获取目标服务器的IP地址了。 最后本地域名服务器再去向权限域名服务器拿到域名对应的…

1. 浏览器渲染过程是怎样的？ 按照渲染的时间顺序，流水线可分为如下几个子阶段：构建 DOM 树、样式计算、布局阶段、分层、栅格化和显示。 渲染进程将 HTML 内容转换为能够读懂DOM 树结构。 渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets，计算出 …

每周分享一个vue3+typeScript的小组件，我只想分享下自己的实现思路，楼主是个菜鸡前端，记录下实现过程，说不定对你有帮助。 思路：循环要轮播的内容，用样式和v-show控制只显示一个内容，用一个active变量来接收要显示的轮播内容的索引。 vue3持续更新中...

大家好，我是一个专门做打包的打工仔，我的英文名叫webpack。今天npm老大哥找我帮忙，打包下他刚创建的webpack-test项目。本来今天挺忙的，但既然npm老大哥叫我来就还是来了，毕竟很多生意都是老大哥给我介绍的。唉，打工人没有尊严。😩 我进来webpack-test…