evalost的博客

https://www.cnblogs.com/suihang/p/13399935.html

以前经常会遇到需要给字符串补零的时候，比如把日期转换为期望的格式： function dateFormat (date, fmt) { var o = { 'M+': date.getMonth() + 1, // 月份 'd+': date.getDate(), // 日 'h+': date.getHours(), // 小时 'm+': date.getMinutes(), // 分 's+': date.getSeconds(), // 秒 '

从三个维度简单整理一下前端性能优化可以做什么（不同维度之间有重叠）： 代码优化 减少dom操作，避免引起重绘和重排（回流） 事件绑定采取事件委托的方式（减少dom引用和内存占用） 减少闭包的使用（避免内存溢出，减少作用域链的查找层级） 使用函数防抖/节流 （避免无限制调用） 使用css选择器时减少选择层级（css选择器是从右向左解析的，原来层级越多查找越慢TT） 资源优化 使用tinypng等压缩图片资源 使用cdn链接方式引入 使用精灵图（减少请求次数） 合并/压缩js、css图片（减少h

事件流 DOM0事件 DOM2事件

display: none 设置属性后，元素消失在文档流中，不再占位。因此也会导致文档页面重新构建，产生回流。=》性能差。 元素以及它的所有后代元素都会隐藏。 visibility: hidden 隐藏元素仍需占用与未隐藏时一样的空间，即仍然会占位，影响页面布局。也因此不会产生回流。 visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。如果重新给子元素设置visibility: visible,子元素又会显示出来。 ...

柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。 简单来说，以前写一个sum函数求两数之和，调用时是sum(a,b)，而柯里化之后的调用方式则变成了sum(a)(b)... 从公调用方法可以看出，sum函数返回的一定还是一个可被持续调用的函数。因此js中函数柯里化的基本方法也是：使用闭包来返回一个函数。 将函数柯里化的通用方式如下： funtcion cu...

1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素； 3.return false ； 这个方法比较暴力，他会同事阻止事件冒泡也会阻止默认事件；写上此代码，连接不会被打开，事件也不会传递到上一层的父.

js中数据类型分为简单数据类型（Undefined、Null、Boolean、String、Number）和复杂数据类型（Object），基本数据类型按值访问，复杂数据类型按引用访问。变量的值也就分为基本类型值和引用类型值。基本类型值就是简单的数据段，引用类型值则是由多个值构成的对象。 1、赋值 基本类型值在内存中占用固定大小，因为被保存在栈内存里。给新变量赋值原变量的基本类值时，会创建一个新的副本，然后把这个值复制到给新变量分配的位置上。 引用类型值保存在堆内存中（动态分配空间），js不允许直接访问

我们知道，可以使用创建script标签的方法来动态加载js文件。 但随之带来问题，如果创建多个script标签来加载多个js文件，这些文件是异步并行加载的，最后执行顺序不能保证是当初的scrpit标签创建顺序。 也就是说，如果我们引入的js之间有依赖关系，能不能加载成功不报错 就是个随机事件了～ function createScript (src) { let script = ...