Jinjinjinx-CSDN博客

原创字符串方法简述，包含es6新增方法

今天在看es6中对字符串新增加的方法，也同时回顾了以下字符串的全部方法，并对所有的方法做了一个大全，以后会随时增加。。 1.charAt() 返回指定索引位置的字符。 2.charCodeAt（）返回指定索引位置的unicode值 3.concat（）连接两个或多个字符串，返回连接后的字符串 4.fromCharCode（）将Unicode转化为字符串。 5.indexOf（）返回字符串中...

2019-08-16 20:28:16 190

原创 web图片预览详情及file和readAsDataURL

今天在写自己的项目的时候遇到了一个问题，我需要能够在页面上预览我所添加的图片。通过向别人学习，自己也总结了一些知识点，解决了问题之后，现在做一个总结，代码如下 var imgUrlData; $("#imgFile").change(function(){ const file = this.files[0]; //获取到当前图片 let reader = new FileReader()...

2019-08-13 20:11:12 395

原创响应式布局

要使用响应式布局首先需要在head中添加meta 例如<meta name = “viewport” content = “width = device - width”,initial-scale = 1.0">; 上述的view中的content可以有4个属性，分别为： width = device-width 宽度等于当前设备宽度； initial-scale = 1.0 初始缩...

2019-08-03 08:57:08 194

原创箭头函数与普通函数的区别

首先在es6中为我们添加了一种新的箭头函数。箭头函数在大部分情况下可以替代function使用，减少了一部分的代码量，也让我们的书写更加流畅。语法定义：将原有的function关键字和函数名都删掉。并使用“=>”连接参数列表和函数体写法： function fun(index){ return index; } 以上的写法等于 fun =(index) =>{ return in...

2019-08-01 11:20:10 162

数组的解构赋值 Es6按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。本质上这种写法类似于匹配模式。写法： let[a,b,c] = [1,2,3] //a=1,b=2,c=3; 如果要在里面创建数组我们可以使用…+数组名的方式，注意数组必须是最后一个，不然就会报错rest元素必须是最后一个元素。 let[a,…b] = [1,2,3,4,5];//a = 1 ;b = [2...

2019-07-29 11:36:00 755

原创 const和globalThis

首先const与var和let是不同的，后者是用来声明变量的，而const则是用来声明只读常量，一旦声明常量的值就不能再改变。再使用过程中我们需要注意一点，const不能只声明不赋值，那样会直接报错。而const也有与let相同的地方，那就是他们的都只在声明所在的块级作用域有效。const也不存在提升，所以也和let相同存在暂时性死区，只能在声明的位置后面使用。当你需要声明一个复合类型的数据时（...

2019-07-28 20:39:05 490

原创读完阮一峰let后总结

let是ECMA6中新增的标准，用来声明变量，我们知道再之前我们都只能用var来声明变量，但是var又有许多的缺点和不合理的地方，比如说存在变量提升的问题，即我们可以再变量声明之前调用这个变量，只不过他的返回值是undefined。而且由于js中只有函数作用域和全局作用域，所以我们使用var来定义的变量很容易污染到全局作用域。这时候let就是一个很好的声明变量的方式，let只会在自己的块级作用域中...

2019-07-25 00:13:59 108

转载 localStorage优缺点

localStorage 的优势和缺点。 1、localStorage 拓展了 cookie 的 4K 限制。 2、localStorage 会可以将第一次请求的数据直接存储到本地，这个相当于一个 5M 大小的针对于前端页面的数据库，相比于 cookie 可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的。 localStorage 的局限 1、浏览器的大小不统一，并且在 IE8 以上的 I...

2019-07-20 11:41:22 2982

Jinjinjinx的博客