一、简介 通过事件改变css样式，有两种方式，属性绑定和计算属性绑定。 二、案例 ①、index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &
桥接模式 有一个需求，要对一个组件实现鼠标滑过特效，但组件内部有很多元素，每个元素滑过的特效可能有一定的共同点，此时我们可以将共同点抽象出来 例： function changeColor(dom, color, bg){ dom.style.color = color dom.style.background = bg } 然后，可以用一个匿名回调函
局部作用域中定义的变量可用于在局部上下文中替换全局变量。看一看下面这个例子 var color = 'blue'; function changeColor() { let anotherColor = 'red'; function swapColors() { let tempColor = anotherColor;//red anotherColor = color;//blue
` var color = 'blue'; function changeColor() { if (color === 'blue') { color = 'red'; } else { color = 'blue'; } } let prop = changeColor(); console.log(color);//blue ` 函数chang
有时候我们学这块知识的时候，忽略了这两个使用的重要性 每个函数都包含两个非继承而来的方法：‘call()方法和apply()方法’ ，为了区别这两个方法，从以下来看： 相同点：这两个方法的作用是一样的 都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用
1 var color='blue'; 2 3 function changeColor() { 4 let anotherColor = 'red'; 5 6 function swapColors() { 7 let tempColor = anotherColor; 8 anotherColor = color; 9 color = tempColor; 10 } 11 swapColors();
函数多了，就有多个函数执行上下文，每次调用函数创建一个新的执行上下文，那如何管理创建的那么多执行上下文呢？ JavaScript 引擎创建了执行上下文栈来管理执行上下文。可以把执行上下文栈认为是一个存储函数调用的栈结构，遵循先进后出的原则。 从上面的流程图，我们需要记住几个关键
琐碎的前言 组内需要搭建一个内部组件演示平台，就去研究了下ant-design的源码。意外发现了藏在最下方友情链接栏中的换肤功能。如下图所示： 为了方便演示，我把colorpicker的position改为fixed colorpicker 调用方式 <ColorPicker type="sketch" small color={col
JavaScript中一个非常重要的知识点就是变量提升,它虽然看起来简单,但是遇到问题或者解决复杂问题的时候,不一定会运用它去解决. 下面是一个例子: console.log(a); // 这里会打印出什么？ var a = 20; 暂时先不管这个例子，我们先引入一个JavaScript中最基础，但同时也是最重要的
最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于
又来做笔记啦，今天又自暴自弃了，还好及时清醒过来了，什么时候努力都不晚，主要是要一直坚持下去，只要坚持就一定会有收获，所有成功得人背后都是付出了巨大得努力的，没有人平白无故的成功。看似光鲜亮丽的背后，人家都不知道付出多少时间和汗水，所以我也要加油，对自己有信心，虽然现在不懂，没关系只
