0%

teleport 是vue的一个 内置组件, 什么叫内置组件? 也就是你不需要引入, 直接在 template 中写, 那么, 这个 teleport 有什么用? 怎么用? 我们来做一下解答

阅读全文 »

这一章节我们来讲讲 provideinject 的用法, 首先说一下它们有什么用, provide 的作用是 给后代组件传递数据, inject 的作用是 让后代组件接收provide中的数据, 当我们知道它们有什么作用后, 接下来就可以去看它们的写法了

阅读全文 »

我们这里所说的点击穿透,指的是在移动端中可能会出现的现象,对于移动端web开发人员来说,应该会碰到这么一个问题,那就是,假设我们屏幕上有一个遮罩,它绑定了touch事件,并且遮罩的后方存在一个绑定有click事件的元素。

现在我有一个需求,点击遮罩时,要关闭这个遮罩,让这个遮罩消失,直接 display: none 掉。

但实际上,当我点击这个遮罩时,它身后那个元素身上的click也会被触发,有时候这并不是我们想要的,那么我们应该怎么解决,又有多少种解决方案呢?

阅读全文 »

本篇文章主要简单讲解移动端(手机端)的事件,我们知道在PC端存在很多的事件类型,例如点击事件,鼠标移入、移除、键盘按下等事件。
但是移动端与PC段存在一些差异,例如移动端没有鼠标等等,那么由此带来的差异,又该怎么解决呢?移动端是否存在其所特有的事件来弥补这类问题呢?答案是:有的。

阅读全文 »

在平时写代码中, 我们不可避免的会出现各种错误,如果是在开发环境下碰到的错误还好,就怕是在生产环境中出现错误,特别是这个错误是后台返回的数据不对造成的。

例如我前端需要遍历一个列表,用循环,然后某一天,后台炸了,给我返回了null,那我前端用循环去遍历,那,页面就炸了。

这种页面崩溃,屏幕一堆乱七八糟的爆红,如果给用户看到的话,会非常影响体验的,那么我们该怎么解决呢?

阅读全文 »

回想一下,我们在react中,父组件给子组件传递某些东西(值、组件)的时候,是不是可以使用 propschildren 这2个来帮助我们。

阅读全文 »

本篇文章不会对Redux的基础知识做过多的介绍, 仅仅讲解如何在 React 项目中, 接入 Redux 的功能

阅读全文 »

根据 Promise A+ 规范进行实现,并额外实现其 allrace 等静态方法。

代码的实现完美符合 Promise A+ 规范

阅读全文 »

PWA简称渐进式web应用,它是一种离线可访问技术,那么它的作用是什么呢?我们知道,当我们的电脑或手机没有连接网络时,任何一个网站都无法打开,而PWA技术允许你的应用在离线状态下,仍然可以正常加载。

不过PWA应用有些局限性,你的网站应用应该是静态的,因为只有静态的站点做离线访问才有意义,假如你的整个站点或大部分页面都是动态内容,则完全没有必要使用PWA。

阅读全文 »