阳光下的豆子

分类

CSS/CSS3随笔(1) HTML随笔(1) javascript随笔(8) 原生javascript(1) 未归档(1) 浏览器随笔(1)

/ 注册

全部文章（共13篇）

CSS3-弹性布局（flex）

一、前言 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。它即可以应用于容器中，也可以应用于行内元素。Flex布局，可以简便、完整、响应式地...

2019-08-04

0 347

(...)ES6三点扩展运算符

扩展运算符(...)将一个数组转为用逗号分隔的参数序列作用： 1）将一个数组，变为参数序列 let add = (x, y) => x + y; let numbers = [3, 45]; console.log(add(...numbers))//48 2）使用扩展运算符展开数组代替a...

2019-08-01

0 351

js获取数组中的最大值/最小值

1. 使用Math的静态方法max/min Math.max()函数返回给定的一组数中的最大值。它的语法：Math.max(value1[, value2, ...])使用此方法，需要注意，如果没有参数的话，则返回-Infinity。如果有任一参数无法被转换成数值，则返回NaN 1.1 结合ES6的...

2019-08-01

0 455

HTML中 select 与datalist的异同

比较：异同点 select datalist 多选可以不可以缺失值可以不可以查找不可以可以增添选项不可以可以 datalist，标签定义选项列表，通常与input元素配合使用该元素，datalist元素的内容不会直接显示在网页上，只是会在用户输入...

2019-07-31

0 444

ES6箭头函数与普通函数的区别

箭头函数： let fun = () => { console.log('lala'); }普通函数 function fun() { console.log('lalla'); }箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ .....

2019-07-31

0 366

虚拟DOM（Virtual DOM）

什么是Virtual DOM？ Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述. 为什么需要DOM？既然我们已经有了DOM,为什么还需要额外加一层抽象? 1. 首先，前端性能优化的一个秘诀就是尽可能少地操作DOM，DOM相对较慢，...

2019-07-31

0 421

谜之闭包

我所认识的作用域链https://juejin.im/post/59535cf66fb9a06bc06a37c6 什么是闭包（Closure）闭包就是有权访问另一个函数作用域中的变量的函数为什么需要闭包局部变量无法共享和长久的保存，而全局变量可能造成变量污染，所以我们希望有一种机制既可以长久的...

2019-07-29

0 429

谜之This

前言 this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，如何准确判断this指向的是什么？ This是什么？ this 就是一个指针，指向调用函数的对象。this的绑定规则: 1. 默认绑定 2. 隐式绑定 3. 硬绑定 4. new...

2019-07-29

0 355

JS进(线)程，微(宏)任务，同(异)步总结

前言 “JavaScript 是单线程、异步、非阻塞、解释型脚本语言。”浏览器进程进程:浏览器一个页面就是新的一个进程,进程是CPU资源分配的最小单位（系统会给它分配内存）; Browser进程 (http通信) 第三方插件进程 GPU进程(加速,3D渲染,一次) Renderer进程(新开页面...

2019-07-29

0 782

JS 异步执行机制

前言 JS异步执行机制具有非常重要的地位，尤其体现在回调函数和事件等方面。异步加载也叫非阻塞模式加载同步或非同步，表明着是否需要将整个流程按顺序地完成阻塞或非阻塞，意味着你调用的函数会不会立刻告诉你结果 javascript的单线程和异步 js是单线程语言（能提高效率。作为浏览器...

2019-07-29

0 404