JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
一、业务背景 使用遮罩层来屏蔽用户的非正常操作,是前端经常使用的方式。但是在一些项目中,并没有对遮罩层进行统一管理,这就会造成如下的问题: (1)所有的业务组件都要引入遮罩层组件,…
一、JSON.stringify()和JSON.parse() 区别 我们都用过JSON.stringify()和JSON.parse() ,从名字上就能知道 JSON.strin…
前言 花了两天时间,重构了项目中的一个拼图小游戏(又名数字华容道),为了方便使用抽离成了独立组件,效果如下: 线上体验 源码地址在文章最后哦! 主要重构点 原有拼图游戏是通过开源代…
ReactRouter的实现 ReactRouter是React的核心组件,主要是作为React的路由管理器,保持UI与URL同步,其拥有简单的API与强大的功能例如代码缓冲加载、…
久经沙场的前辈们,写了无数代码,踩了无数的坑。但有些坑,可能一辈子也踩不到摸不着,因为根本不会发生在业务代码里~~ 1 Function.prototype 竟然是个函数类型。而自…
1. 计算属性和侦听器 1.1 计算属性 <!DOCTYPE html> <html> <head> <meta charset="utf…
一、概念 它们都是Element的属性,表示元素的宽度: Element.clientWidth 内容+内边距-滚动条-----不包括边框和外边距&n…
一、作用 主要用于保留组件状态或避免重新渲染。 二、用法 <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 &l…
本文实例为大家分享了JS实现简易日历效果的具体代码,供大家参考,具体内容如下 css * { margin: 0; padding: 0; list-style: none; } …
本文实例为大家分享了javascript实现简易计算器的具体代码,供大家参考,具体内容如下 编辑了几个小时研发了一个简易好理解的计算器。不停改Bug,终于改好了。 这是样式 这是C…
什么是发布/订阅? 我打个比方,你去某个门店买衣服,你和门店店长相互并不认识,门店店长只管卖他的衣服,并不关心是谁来买,而你也只管买你想要的衣服,并不关心是哪个门店在卖,这时,门店…
本文比较并总结遍历数组的四种方式: for 循环: for (let index=0; index < someArray.length; index++) { const …