- 博客(19)
- 收藏
- 关注
RSS订阅转载 localStorage与sessionStorage的区别
在之前的面试当中经常会被问到localStorage与sessionStorage的区别。通常我的回答都比较简单和我对它的理解一样：localStorage是永久存储，除非手动清除，否则会一直保存在浏览器中。而sessionStorage则是在页面关闭的时候清空。 上面的回答确实是比较简单的回答，但是大致理解上倒是没什么问题，下面来详细了解下两者之间的区别： 使用上： ...
2018-12-06 16:29:00
158
转载 JavaScript脚本化CSS样式表
在使用JavaScript脚本化操作CSS样式表的时候，必须要使用到两个对象： 1，元素对象：也就是<link>元素与<style>元素。 2，CSSStyleSheet对象：与当前文档关联的在一起的样式表，通过document.styleSheets获取，该对象是只读的类数组对象（由CSSStyleSheet对象组成的类数组）。 注：可以通...
2018-11-22 18:58:00
153
转载 Form表单常用操作笔记
常用的表单类型： 1，button：按钮。 2，checkbox：复选按钮。 3，file：文件选取。 4，hidden：隐藏域。 5，password：密码输入框。 6，radio：单选按钮。 7，reset：重置按钮。 8，select：下拉列表。 9，submit：提交按钮。 10，text：文本按钮。 11，tex...
2018-11-21 17:05:00
180
转载 窗口及元素尺寸大小位置获取方法记录
浏览器窗口滚动条位置： 1，IE8以及更早的浏览器：window.pageXOffset，windowYOffset； 2，所有现代浏览器：document.documentElement.scrollTop，document.decoumentElement.scrollLeft； ----->正常模式下 document.body.sc...
2018-11-20 16:07:00
137
转载 学习笔记=>《你不知道的JavaScript（上卷）第二部分》第五章：原型
[[prototype]]： JavaScript中对象有一个特殊的[[prototype]]内置属性，其实就是对于其他对象的引用，几乎所有的对象在创建时 [[prototype]]属性都会被赋予一个非空的值。 还是一个对象属性查找的例子： var obj = { a:1 }; //引用对象属性，触发[[GET]]操作 //对于默认的[[GE...
2018-10-27 18:13:00
90
转载 学习笔记=>《你不知道的JavaScript（上卷）第二部分》第三章：对象
语法： 对象可以通过两种形式定义：①声明（文字）形式。②构造形式： //声明形式 var obj = { key:value }; //构造形式 var obj = new Object(); obj.key = value; 实际上，这两种形式生成的结果都是一样的。只是使用上声明形式更简洁。 类型： 在JavaScript...
2018-10-24 17:34:00
92
转载 学习笔记=>《你不知道的JavaScript（上卷）第二部分》第二章：this全面解析
调用的位置： 函数中this的绑定取决于它所调用的位置。 通常来说，寻找调用位置就是寻找"函数被调用的位置"，最重要的是要分析调用栈（就是为了当前执行位置所调用的所有函数）。 通过例子来看调用栈和调用位置： function a(){ //当前调用栈是：a //因此当前调用位置是全局作用域 console.log('thi...
2018-10-23 15:13:00
86
转载 学习笔记=>《你不知道的JavaScript（上卷）第二部分》第一章：关于this
为什么要使用this 通过一个例子来看看为什么要使用this： var me = { name:'lebron james' } var you = { name:'杨少侠' } function bar(){ return this.name; } function baz(){ ...
2018-10-21 21:33:00
100
转载 学习笔记=>《你不知道的JavaScript（上卷）》第五章：作用域闭包
什么是词法作用域？ 在之前讲过，我们平常写代码的时候，创建一个变量和方法的时候在其书写的位置（所在环境）会形 成一个作用域，即为词法作用域，该作用域中的属性和方法只能在当前环境内使用。 闭包 最简单的一个闭包实例： function fun(){ var a = 2; function bar(){ ...
2018-10-19 22:28:00
130
转载 学习笔记=>《你不知道的JavaScript（上卷）》第四章：提升（变量提升，函数声明提升）...
4.1 编译器的视角看提升 引擎会在解释JavaScript代码之前首先对齐进行编译，编译过程中的一部分工作就是找到所有的声明，并用合适的作用域将他们关联起来，这也正是词法作用域的核心内容。 正确的思路是：包含变量和函数在内的所有声明都会在任何代码执行前首先被处理。 var a = 6; //编译器会将var a = 6;看作两个声明 var a...
2018-10-16 17:37:00
95
转载 学习笔记=>《你不知道的JavaScript（上卷）》第三章：函数作用域和块级作用域...
3.1 函数中的作用域 （1）JavaScript具有基于函数的作用域，每声明一个函数的时候会为其自身创建一个‘气泡’，这个气泡内声明的变量或函数外界无法访问。 函数作用域的含义是指，属于这个函数的全部变量都可以在整个函数范围内使用及复用（事实上在嵌套的作用域中也可以使用）。 3.2 隐藏内部实现 例子： var a = 666; func...
2018-10-16 15:58:00
98
转载 学习笔记=>《你不知道的JavaScript（上卷）》第二章：词法作用域
注：在第一章中讲到的，我们将作用域定义为一套规则，这套规则用来管理引擎如何在当前作用域和嵌套子 作用域中根据标识符名称进行变量查询。作用域有两种工作模式，第一种是最为普遍的，被大多数编程 语言采用的词法作用域(该书中主要介绍的就是词法作用域)，另一种就是动态作用域。 2.1 词法阶段 （1）上一章中介绍过编译器第一步为‘分词/词法分析’，词法化的过程中会对...
2018-10-15 16:41:00
102
转载 学习笔记=>《你不知道的JavaScript（上卷）》第一章：作用域是什么
1.1 编译原理 （1） JavaScript本质上也是编译型语言，和传统的编译语言（提前编译）的区别是它的编译是发生在执行前的，且 编译的结果的不能在分布式系统中移植。 （2） 传统编译语言流程中，一段源代码执行前要进行以下三个步骤(统称为编译)： ①分词/词法分析 -----> ②解析/语法分析 -----> ③代码生成 ①...
2018-10-11 16:10:00
91
转载 我在面试中碰到的面试题
1，flex弹性盒子布局与传统盒模型布局的区别和优点： 答：区别： 盒模型：1)，盒模型内元素分配器父元素空间 2），建立在块级和行级方向上（对块级元素和行内元素的布局）， 弹性盒子：1），盒内子元素分配其父元素的可用空间（剩余空的空间）。 2），建立在弹性流上（元素随可显示区域变化呈流式布局）。 ...
2018-09-27 19:04:00
102
转载 JavaScript中数组去重的几种方法整理
本人菜鸡，前两天去面试，发现再次碰到数组去重这道面试题，比较常见。能够达到去重效果的方法有好几个，感觉有必要整理一下其中几种常见实现： 1，思路：创建一个空数组，然后循环需要去重的数组，对比创建的数组，如果新创建的数组中不存在当前循环下标值的时候就将它push到新数组中，否则执行下次循环， 代码如下： Array.prototype.distinc...
2018-05-01 18:06:00
153
转载 HTML5中Web Sql学后总结
在web系统或应用中，经常需要在本地存储一些数据，最早的在客户端存储数据用的是cookie(当然cookie主要还是用来保存用户的状态，业余可以干点保存本地数据的活)，事实它并不适合用于保存客户端的本地数据，有以下几个原因： 1，每次请求服务器的时候都会增加不必要的流量消耗，因为每次请求服务器是都会讲cookie发送至服务器。 2，cookie的数据存储数据的规则，并...
2018-01-07 21:42:00
96
转载 HTML5中的history API的理解和使用
如今前端框架层出不穷，大大的方便了我们平常工作中的开发，提高了开发的效率，然而，在使用框架的过程中还是很有必要了解其中一些自己感兴趣的功能的原生js实现方式。 我一直对如今一些框架的路由感兴趣，今天就来讲讲我在前端路由的学习心得。 何为路由？我的理解是在不刷新页面的情况下，通过更改页面的url来执行不同的程序操作，常见的前端路由实现方式有： 1，通过ha...
2017-12-27 22:19:00
258
转载 js中同步与异步的理解
前言 在说js中同步与异步前，我们先了解一下js底层执行知识，首先js是单线程语言，即同一时间只能执行一条任务，执行完一条任务后再执行下一条任务。 正文 首先我们来看一个例子： (function(){ console.log(111111); window.setTimeout(function(){console.log(22222222);},0); window...
2017-11-17 22:03:00
76
转载 字符编码理解
什么是字符编码？ 在计算机中数据的存储都是装换为数字的储存，及转换为二进制位（bit,0或1两种状态）来储存，8个二进制位为一个字节，一个字节最大可以表示256种状态，当需要表示更多状态时，则需要使用多个字节表示。 ASCII编码 ascii编码是上世纪60年代由美国人制定的，一套描述英文字符与二进制关系的编码规范，最早只有128（0-127）个字母被编码到计算机，包含大小写字...
2017-11-15 14:44:00
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人