自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 ES6之后 --- 箭头函数

箭头函数1. =>适用时机规则(《你不知道的JavaScript(下卷)》P)如果你有一个简短单句在线函数表达式,其中唯一的语句是return某个计算出的值,且这个函数内部没有this引用,且没用自身引用(递归、事件绑定/解绑定),且不会要求函数执行这些,那么可以安全地把它重构为箭头函数。如果你有一个内层函数表达式,依赖于在包含它的函数中调用var self = this hack或者 .bind(this) 来确定适当的 this 绑定,那么这个内层函数表达式应该可以安全地转换为 =>

2020-10-17 18:45:47 264 1

原创 ES6之后 --- 默认参数

1. 默认简单值特别注意传入null,不会使用默认值。function bar (x = 11, y = 33) { console.log(x, y, x + y)}bar(null, 11) // null 11 11bar(undefined, 12) // 11 12 23bar(0) // 0 33 33在函数声明中的 x = 11 更像是 x !== undefined ? x : 11 而不是常见技巧 x || 11。2. 默认表达式函数默认值可以不只是简单

2020-10-16 15:17:56 114

原创 ES6之后 --- spread 或 rest 运算符

ES6之后 — spread 或 rest 运算符 …ES6 引入了一个新的运算符 …,通常称为 spread 或 rest(展开或收集)运算符,取决于它在哪 / 如何使用。用在数组(实际上是任何iterable)之前,把这个变量展开为各个独立的值function foo (x, y, z) { console.log(x, y, z)}foo(...[1, 2, 3]) // 1 2 3// 替代之前ES6之前apply(..)的写法foo.apply(null, [1, 2, 3

2020-10-16 14:09:10 154 1

原创 TypeScript 笔记

1. 基础类型布尔值 booleanlet isDone: boolean = false数字 numberlet count: number = 1字符串 stringlet str: string = 'hello world'let word: string = `${str}`数组 Array// 第一种:在元素类型后面接上[]let list: number[] = [1, 2, 3]// 第二种:数组泛型,Array<元素类型>let

2020-08-15 17:49:43 159 1

原创 CSS 元素居中的多种方法

本文参照此文章 元素居中的多种方法——css布局技巧,做个笔记,以便后用查询,如有侵权,联系删除题目:元素布局,让 box 在 content 上下左右居中<div class="content"> <div class="box"></div></div>元素定位 position:absolute.content{ width:500px; height:300px; border:1px solid #0.

2020-08-12 10:13:47 543

原创 pdf.js 在线预览后台传来的PDF文件流

官网https://mozilla.github.io/pdf.js/getting_started/#download

2020-03-25 16:01:58 3533

原创 tab 切换 隐藏,Microsoft Edge 浏览器下 echarts 实例宽度变为零

原因:tab切换 使用display: none时,使用 dom 操作设置 echarts 容器宽高无效解决:display:none隐藏了元素无效,那就让元素显示position 定位存在父元素高度塌陷问题,不推荐float 父元素可用 clearfix 解决 高度塌陷问题,推荐clearfix 配置如下.clearfix { zoom: 1; &::af...

2020-03-25 15:26:05 495

原创 input 输入框禁止复制粘贴剪切自动完成

禁止复制οncοpy="return false"禁止粘贴οnpaste="return false"禁止剪切oncut="return false"禁止右键弹出οncοntextmenu="return false"关闭自动完成功能(缓存)autocomplete="off"自动获得焦点autofocus="autofocus"禁用自动更正autocorre...

2020-03-25 14:59:20 669

原创 Echarts 环图 颜色渐变、灰色背景、自适应

Echarts 环图 颜色渐变、灰色背景、自适应前言效果图颜色渐变灰色环形背景自适应完整代码前言在项目中大量使用echarts,由于配置项太多,好记性不如烂笔头,于是整理记录一些完整的echarts 项目代码,以便以后查阅。效果图先上效果图镇楼颜色渐变美工总是很喜欢炫酷的渐变色,有这爱好,码农就只能满足这一癖好(^ _ ^)有线性渐变、径向渐变,还有纹理填充,在官方文档配置项里面可...

2020-03-13 14:59:50 7777

原创 nvm 安装与使用

nvm (Linux、Unix、OS·X)https://github.com/creationix/nvm产品命令:nvm install node (安装最新的版本的node)nvm use node (使用指定版本的node)nvm-windows (Windows)https://github.com/coreybutler/nvm-windows常用命令:...

2020-02-28 14:53:07 300

原创 JavaScript Array 知识整理

Array 知识整理1. 创建数组有两种方法:new Array() —— new 加上构造函数Array() let arr = new Array() let arr = Array() // new可以省略 let arr = new Array(20) // 创建 length 值为 20的数组 let arr = new Array('red') /...

2019-12-09 13:48:41 267 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除