为你推荐

关于vue中如何监听数组变化

前言前段时间学习了关于vue中响应式数据的原理,(并作了学习笔记vue响应式原理),其实是通过Object.defineProperty控制getter和setter,并利用观察者模式完成的响应式设计。那么数组有一系列的操作方法,这些方法并不会触发数组的getter和setter方法。那么vue中针对数组的响应式设计是...

vue开发中的几个高级应用

vue.use我们使用的第三方 vue.js 插件。如果插件是一个对象,必须提供install方法。如果插件是一个函数,它会被作为install方法。install方法调用时,会将Vue作为参数传入。该方法需要在调用newVue()之前被调用。我们在使用插件或者第三方组件库的时候用到Vue.use这...

Angular 中的 asyncPipe 源码探究

它是最优雅的订阅observable的方式,不仅语法短小精悍,还会自动取消订阅;async管道用于解包异步原始数据。说到异步数据,就自然而然的会想起observable和promise,async就是用来订阅他们,然后返回他们发布的最近一个值,然后将组件标记为变更做准备。当组件被销毁时,async会自动取消订阅以防内存...

关于Mock.js使用

目前在做一个个人网站,写了一半没有数据填充,也不知道写啥了,就顺带学习下mockjs这个东西,官网上主要介绍它是一个可以随机生成各种类型数据,拦截ajax请求等优点。接下来就近距离结束下mockjs吧! 1.安装通过npm为自己的项目安装mockjs。npm install mockjs安...
代码星球·2020-12-24

Vue Template 修饰符和简写,让开发效率有所提高

vue 是一个易于使用的Web应用程序框架,可用于开发交互式前端应用程序。在本文中,我们将介绍指令的修饰符和一些有用的模板简写指令。 修饰符用于以特殊方式绑定指令。事件修饰符例如,v-on指令的.prevent修饰符将在设置为该值的事件处理函数上自动运行event.preventDefault。.p...

异步堆栈追踪:为什么 await 胜过 Promise?

与直接使用 Promise 相比,使用 async/await 不仅可以使代码更具可读性,而且还可以在 JavaScript 引擎中实现一些有趣的优化。这篇文章是关于一个这样的优化,涉及异步代码的堆栈追踪。async/await 和 Pro...

使用 React Testing Library 和 Jest 完成单元测试

在2020的今天,构建一个web应用对于我们来说,并非什么难事。因为有很多足够多优秀的的前端框架(比如 react,vue 和 Angular);以及一些易用且强大的UI库(比如 AntDesign)为我们保驾护航,极大地缩短了应用构建的周期。但是,互联网时代也急剧地改变了许多软...

关于滚动贯穿的解决方案

首先滚动贯穿现象:当前容器已经滚动到底部或者顶部,无法再滚动,容器会默认选择上层容器进行滚动,可以说滚动贯穿并非是一个bug,只是一种现象 解决办法,尝试了很多种解决办法,最后依然采用js阻止默认事件的方式解决 1:监听当前容器的滚动距离,判断出到了顶部或者底部 2:如果在顶部,还要往上滚...

typescript三种作用域

typescript三种作用域 全局作用域−全局变量定义在程序结构的外部,它可以在你代码的任何位置使用。  类作用域−这个变量也可以称为字段。类变量声明在一个类里头,但在类的方法外面。该变量可以通过类的对象来访问。类变量也可以是静态的,静态的变量可以通过类名直接访问。 资源搜索网...
代码星球·2020-12-24

JavaScript定时器的更多知识点

导语:JavaScript定时器是window的一个对象接口,并不是JavaScript的一部分,它的功能是由浏览器实现的,在不同浏览器之间会有所不同。定时器也可以由node.js运行时本身实现。几周前我在推特上发布了这样一个面试问题:JavaScript面试问题: 在哪里可以找到setTimeout和set...

5个JavaScript的字符串处理库

使用字符串可能是一项繁琐的任务,因为有许多不同的用例。例如,将字符串转换为驼峰大小写这样的简单任务可能需要几行代码才能达到最终目标。function camelize(str) {   return str.replace(/(?:^w|[A-Z]|w|s+...

比较 JavaScript 对象的四种方式

比较 JavaScript 中的原始值非常简单。只需使用任何一种可用的相等运算符即可,例如严格相等运算符:'a'==='c';//=>false1===1;//=>true但是对象却有结构化数据,所以比较起来比较困难。在本文中,你将学习如何正确比较 JavaScript&nbs...

10大Js图像处理库

介绍对于很多人来说,使用JavaScript来处理图像不是一件非常简单的事情,幸运的是我们可以借助第三方的库来实现我们想要的功能,本篇文章就介绍一有哪些JavaScript图片处理库可供我们选择和使用!以下排名不分先后 1.Pica此插件可减小大图像的上传大小,从而节省上传时间。它可以在浏览器中调整图像大小,...
代码星球·2020-12-24

7个简单但棘手的JavaScript面试问题

如果您符合高级开发人员的资格,其工作涉及JavaScript,那么在编码面试中很有可能会被问到棘手的问题。遵循这个建议:“熟能生巧”。深入有规律地学习JavaScript将提高您的编码能力,并且可以提高您的面试技巧。在这篇文章中,你会发现7个乍一看很简单但很棘手的JavaScript面试问题。虽然一开始这些问题看起来是...

Promise.then链式调用顺序

想用Promise异步实现一个递归调用的接口,用来做简单AI的动作序列。发现一开始接触这个then的时候,不是很清楚,参考了网上的一些写法,改成自己的有问题,所以先静下心来研究一下这个调用的顺序问题 先看个例子,参考[1]newPromise((resolve,reject)=>{console.log...