懒羊羊我小弟的博客

本文主要介绍了前端存储日志的方式，以及如何生成txt文件进行下载；

本篇就基于websocket搭建一个简易实时的聊天室。在本篇开始之前也可以去回顾一下websocket详细用法：还介绍了简单搭建node项目，启动后台websocket服务。最后还总结了创作过程中遇到的小知识点，供大家学习参考。

本文介绍了几种前端如何实现全屏展示的方式，并把最简易方法作为整理讲解；有需求的可以自取；

本文主要介绍可视化大屏中实现表格数据无缝滚动的几种方案，实现原理、实现方案、具体代码等。不同方案供大家参考，还有常用的第三方滚动插件推荐。

本文主要介绍JavaScript中Number类型的属性与方法详解，类型转换、已经JS精度缺失问题、日常开发可能遇到的问题及解决方案。

详细介绍window.location实例对象的属性和方法，包含host、href、protocol、search等。location方法的详细讲解包含location.assign()、location.reload()、location.replace()等方法

本文主要介绍history对象在实例属性与实例方法，back、history.pushState、history.replaceState方法的详细讲解，以及适用场景介绍；监听页面变化事件。

介绍JS与CSS不同方式实现页面防重复节流点击效果，日常开发中我们经常会对按钮进行一个防重复点击的校验，这个通常使用节流函数来实现。在规定时间内只允许提交一次，可以有效的避免事件过于频繁的执行和重复提交操作，以及为服务器考虑 。

再做大屏展示开发时，根据业务需求表格列表数据过多时需要缓慢滚动；为此简单封装了一个列表滚动方法，再遇到相同需求便可直接使用。多用于表格数据滚动切换，以及简单动态切换效果展示。

JS定时器使用详解，介绍不同定时器的使用场景

JS类型判断与类型转换；下面我们就来重点了解一下js中的`强制类型转换`和`隐式类型转换

本篇内容主要讲解 `JS的起源于简介`，具体详细内容会慢慢更新。下面就让我们一起来了解这门语言吧！

处理Blob打印Excel，当后端返回Blob二进制文件流，前端根据返回内容生成对应文件，生成a标签，利用a标签的下载特性来完成打印文件的下载。

在浏览器观看视频时无法设置视频倍速，或提供的倍速不够，还想要加快播放速度。解决这个问题只需要简单几步即可随意设置播放速度。在此之前需要了解一点点的浏览器操作知识与JS语法，不会也没关系按照下面操作就可以。...

JS的事件循环机制一、JS的运行机制1.1 简介JavaScript是一门单线程 语言，而单线程就意味着在一个时间点内只能做一件事情，这样就造成了这门语言的一些局限性。举个例子：如果按照单线程同步的方式运行时，当一个页面加载时向后端请求接口数据，等待数据从服务器返回的过程中，页面会呈现空白屏幕的效果。因为JavaScript是单线程，这就导致页面加载阻塞，后面的结构代码无法运行。但是在实际的网站打开时很少会发现页面假死的现象，这些都要归功于JavaScript的事件处理机制。1.2 同步与异步的产生

JS中运算符详解js中运算符有很多，还有一下ES新添加的实用运算符，掌握这些运算符可以使日常开发更加流畅，增加了语法的灵活性；下面就让我们了解一下js有哪些操作符：1.数学运算符数学运算符就是常见的加(+)、减(-)、乘(*)、除(/)、等于(=)、求幂(**)、自增(++)、自减(--)、加等于(+=)、减等于(-=)等let num = 0;num = 1 + 3 - 4 / 2 * 2; // 0num = num++; // 1num = num--; // 0num += 1; /

es6——var、let与const一、var的声明与变量提升​ 在es6之前，JavaScript中声明变量都是通过var关键字来声明。但是因为变量声明提升机制总是会造成意想不到的结果，这些都是JavaScript运行机制捣的鬼。js运行机制分为两步，变量提示和逐行解析：**变量提示 **指的是通过var关键词声明一个变量时，例如：var a = 1; 这时会被分为两步，首先var a = undefined，然后将1赋值给a，就完成了这个赋值操作。咱们看一下下面这个常见面试题，来更清楚的了解

前言js数组的定义：使用单独的变量名来存储一系列的值。数组中有许多的方法，在项目中如何使用最便捷的方法实现复杂的逻辑操作，这就需要对于数组方法的深入理解。对此我分类汇总了js大部分的方法仅供参考。一、数组的定义构造函数创建：使用new关键词创建一个Array数组var arr = new Array();。传递参数就是数组的每项数据用逗号隔开，注意：只有一个数字参数时，默认代表创建数组的长度，而里面的值为空"empty"。字面量创建：由一对包含数组项的方括号表示，多个数组项之间以逗号隔开。var

文档对象模型DOM（Document Object Model），是W3C组织推荐的处理可扩展标记语言的标准编程接口。一、获取节点加载HTML页面的时候，web浏览器就会生成一个树形结构，用来表示页面内部结构，称之为DOM树，DOM将这种树型结构理解为由节点组成。节点的基本属性：节点.nodeType属性，用于表面节点的类型。节点类型用数值常量来表示，标签为1，属性为2，文本为3等。节点.nodeName: 获取标签节点的标签名。节点.nodeValue: 获取文本节点的内容获取父

一、面向对象概念1、ECMAScript有两种开发模型：函数式编程（过程化）、面对对象编程。类：类是对象的模型模板，可是理解为种类，例如定义People来表示人，这时People表示人的类型；实例：实例式根据类创建的对象。但是ECMAScript没有类的概念，所以它的对象也与基本类的语言中的对象有所不同。2、对象的组成：属性——对象的具体特点描述（姓名、年龄）；方法——对象的行为，动态等。3、对象的基本特征：封装：简单来说就是把一些方法封装到类中，便于使用。这个函数封装差不多，主

1.什么是window对象？什么是document对象的区别？1)window对象window是浏览器对象可以称为宿主对象，当打开一个浏览器窗口或者框架时就会创建一个window对象。在客户端JavaScript中，window是全局对象global，所有表达式都在当前环境下运算，引用当前窗口直接当做去全局变量去使用就好。2)document对象document对象属于HTML文档，可以用来访问页面所有的元素。每载入一个HTML文档就会生成一个document对象。3)两者主要区别documen

Array数组类型详解在ECMAScript中除了object类型之外，Array数组用的是最常用的类型。ECMAScript数组可以在每一项存储任何类型的值，无需指定数组的长度，还可以随着数据的增长来增加数组长度，这些是和其他语言的数组不同的。1.数组的创建方法数组字面量方式var arr = [1,2,3,4,5];// 简单直接用中括号包裹构建数组数组构造函数var arr = new Array(1,2,3,4,5);// 通过内置Array对象构建数组2.检测数组insta

object类型目前为止我们使用的大多数引用类型都是object实例，object类型也是ECMAScript中使用最多的类型，主要用于储存和传输数据。创建方法1 对象字面量方式简单直接的创建object对象，在大括号里面书写对象的属性名和对应的属性值，属性和属性之间用逗号隔开，最后一个属性不需要加逗号。 var obj = { name : "名字", age : 18 };2.构造函数创建通过new关键字构建了对象的构造函数，然后在通过obj.属性添加属性

@[TOC]JavaScript组成及基本语法JavaScript的组成1.JavaScript是一种单线程基于对象和事件驱动的、并具有安全性的弱类型脚本语言2. JavaScript的特点：脚本语言，语法与Java类似；解释型语言，边解释边编译；向HTML页面添加交互行为3. JavaScript组成:** ECMAScript : ** 是JavaScript的一种标准，同时也是它的实现和扩展。** DOM： **是JavaScript的文档类型，可以动态地访问程序和脚本,更新其