javascript中判断数据类型
编写javascript代码的时候常常要判断变量，字面量的类型，可以用typeof，instanceof，Array.isArray()，等方法，究竟哪一种最方便，最实用，最省心呢？本问探讨这个问题。
1. typeof
1.1 语法
typeof返回一个字符串，表示未经计算的操作数的类型。
语法：typeof(operand) | typeof operand参数：一个表示对象或原 ...
javascript截取字符串的最后几个字符
在JavaScript中截取字符串一般是使用内置的substring()方法和substr()方法，这两个方法功能都很强大，也都能实现截取字符串中的最后几个字符。
substring()方法
JavaScript中的String对象提供了一个substring(int from, int to)方法用于截取字符串中位置为from到to-1位置的字符。
因为字符串的字符位置是从0开始的，而subst ...
前端基础-JavaScript
JavaScript语言基础
ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现； 尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：
JS输入 document.body.contentEdi ...
javascript总for of和for in的区别？
javascript总for of和for in的区别？
先说结论：
推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。
for...in循环出的是key，for...of循环出的是value
注意，for...of是ES6新引入的特性。修复了ES5引入的for...in的不足
for...of不能循环普通的对象，需要通过和Object.keys()搭配使用
...
JavaScript ES6函数式编程（二）：柯里化、偏应用、组合、管道
上一篇介绍了闭包和高阶函数，这是函数式编程的基础核心。这一篇来看看高阶函数的实战场景。
首先强调两点：
注意闭包的生成位置，清楚作用域链，知道闭包生成后缓存了哪些变量
高阶函数思想：以变量作用域作为根基，以闭包为工具来实现各种功能
柯里化（curry）
定义：柯里化是把一个多参数函数转换为一个嵌套的一元函数 ...
JavaScript——问卷星自动填写
一、前言：
我们学校要刷学术章，有些学术章又是指定在某个时间点填写问卷星的问卷报名的。但是由于我手速慢，导致总会有些时候报不上名，于是想着搞个代码实现自动填写问卷星的报名表。一顿操作后，在github上找到了比较合适的源码，修改一些代码后，就可以实现问卷星自动填写！参考地址：https://github.com/wkmyws/w ...
JavaScript 日期格式
有四种 JavaScript 日期输入格式：
类型实例
ISO 日期
"2018-02-19" （国际标准）
短日期
"02/19/2018" 或者 "2018/02/19"
长日期
"Feb 19 2018" 或者 "19 Feb 2019"
完整日期
"Monday February 25 2015"
ISO 格式遵守 JavaScript 中的严格标准。
其他格式不太明确，可能是浏览器特定的。
JavaScript 日期输出 ...
打造属于自己的 HTML/CSS/JavaScript 实时编辑器
转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。原文出处：https://blog.bitsrc.io/build-an-html-css-js-playground-64c62133746d
目前市面上已经有很多类似的平台和方案了，类似像jsfiddle、CodePen、Storybook这样的平台，这些平台可以让我们在浏览器中创建代码 ...
JavaScript ES6函数式编程（一）：闭包与高阶函数
函数式编程的历史
函数的第一原则是要小，第二原则则是要更小 —— ROBERT C. MARTIN
解释一下上面那句话，就是我们常说的一个函数只做一件事，比如：将字符串首字母和尾字母都改成大写，我们此时应该编写两个函数。为什么呢？为了更好的复用，这样做保证了函数更加的颗粒化。
早在 1950 年代，随着 Lisp 语言的创建，函数 ...
JavaScript如何创建一个对象
我们可以利用JavaScript的语法特征，以类的思想来创建对象。
方法一：原始方法代码如下：
<script> var obj = new Object(); obj.name = "Kitty";//为对象增加属性 obj.age = 21; obj.showName = function () {//为对象添加方法 console.log(this.name); }; obj.showA ...
体验三大JavaScript文件上传库（Uppy.js/Filepond/Dropzone）
最近发现了一个高颜值的前端上传组件Uppy.js，立即上手体验了一波，感觉还不错。然后又看到同类型的Filepond以及Dropzone.js，对比体验了一下，感觉都很优秀，但是在体验过程中，都遇到了一点点问题，所以记录一下。
uppy.js
组件引用有两种方式，npm包引 ...
javascript随机点名--案例
主要知识点涉及if选择结构判断语句、数组的定义、定时器、清除定时器、日期对象的使用。
1.HTML结构
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>随机点名</title>
6 <style type="text/css">
7 .box{
8 width: 200px;
9 height: 200px ...
【JavaScript】前端性能优化-图片懒加载（附源码）
一、效果图如下
上面的效果图，效果需求如下
1、还没加载图片的时候，默认显示加载图片背景图
2、刚开始进入页面，自动加载第一屏幕的图片
3、下拉界面，当一张图片容器完全显露出屏幕，即刻加载图片，替换背景图
&nb ...
JavaScript设计模式——单例模式
单例模式也称为单体模式，规定一个类只有一个实例，并且提供可全局访问点；
在读这篇文章之前，也许你对单例模式的概念感到模糊或者不清楚，但是其实在日常的开发中你肯定用到过单例模式；
JavaScript中没有类的定义，单例模式的特点是”唯一“和”全局访问“，那么我们可以联想到JavaScript中的全局对象，利用 ...
javascript刷新父页面的各种方法汇总
转自https://www.cnblogs.com/yysbolg/p/9183626.html
1.用iframe、弹出子页面刷新父页面iframe
<script language=JavaScript>
parent.location.reload();
</script>
2.弹出子页面
<script language=JavaScript>
window.opener.location.reload();
</script>
3.子窗口刷新父窗口
<script la ...
除了Web和Node，JavaScript还能做什么
前言
提起JavaScript，我们也许经常会想到的是，可以用来写Web页面嘛，又或者，会想起Node.js 这个服务端环境，搞前后端同构。
那么，除此之外， JavaScript还可以做什么？
JavaScript可以
通过electron.js建设跨平台电脑桌面应用
通过树莓派和Node.js，沟通硬件
做电视机机顶盒应用，例如借助ntv.js
从 ...
javascript实现base64编码、解码
我们知道，浏览器的window对象提供有window.atob()和window.btoa()方法可以对字符串进行Base64编码和解码。
console.log(window.btoa(window.atob('yanggb')));
但是有些运行环境，比如nuxt的服务端环境没法使用window对象（window对象只有在浏览器的运行环境中才存在），所以需要自己实现一个Base64的编码解码功能，下面 ...
十大排序算法JavaScript实现总结
花费了几周的时间断断续续的练习和模仿与使用JavaScript代码实现了十大排序算法。
里面有每种算法的动图和静态图片演示，看到图片可以自己先按照图片的思路实现一下。
github中正文链接，点击查看
两年前端学习笔记：https://github.com/zhangyachang/Notes 欢迎点个star
排序算法说明
1.冒泡排 ...
JSON对象与JavaScript对象的区别
//js对象的字面量表示法：
var people1={
name:'hehe',
age:18
};
//json的格式是：
var people1={
"name":'hehe',
"age":18
};
二者相同的地方是，看起来都是数据，而且恰巧又都是文本；不同的地方在于，JS字面量的文本是被脚本引擎直接解析的，而JSON的文本，如果要转化 ...
javascript实现数组排序的方法
前言
排序是计算机内经常进行的一种操作，其目的是将一组“无序”的记录序列调整为“有序”的记录序列，当然排序也是算法中的一种，javascript内置的sort函数是多种排序算法的集合，数组在原数组上进行排序。JavaScript实现多维数组、对象数组排序，其实用的就是原生的sort()方法，用于对数组的元素进行排序。
I.简单排序
...
