JavaScript中一个对象数组按照另一个数组排序
JavaScript中一个对象数组按照另一个数组排序
需求：排序
const arr1 = [33, 11, 55, 22, 66];
const arr2 = [{age: 55}, {age: 22}, {age: 11}, {age: 66}, {age: 33}]
数组arr2中每项都是一个对象，对象中age属性 === 数组arr1中的项
将arr2数组根据对象的age值在arr1中的位置排序， 排序后的结果为 `const arr2 = [ { ...
(Demo分享)利用JavaScript（JS）实现一个九宫格拖拽功能
利用JavaScript（JS）实现一个九宫格拖拽功能
Demo实现了对任意方格进行拖拽，可以交换位置，其中Demo-1利用了勾股定理判断距离！
Demo-1整体思路：
1.首先div实现自由移动，一定需要脱离标准文档流，所以我们给它使用绝对定位。
2.利用视觉欺骗，点击鼠标悬浮的其实是利用JS生成的一个Div，交换信息的两个Div并没有 ...
JavaScript DOM查询，原生js实现元素子节点的获取
每个网页都是一个dom树，网页中所有的内容都是这个树上的一个节点。JavaScript的工作就是操作这些节点，对节点进行查增删改操作，或是给节点绑定事件。
...
javascript函数式编程（一）
一、引言
函数式编程的历史已经很悠久了，但是最近几年却频繁的出现在大众的视野，很多不支持函数式编程的语言也在积极加入闭包，匿名函数等非常典型的函数式编程特性。大量的前端框架也标榜自己使用了函数式编程的特性，好像一旦跟函数式编程沾边，就很高大上一样，而且还有一些专门针对函数式编程的框架和库，比如：RxJS ...
JavaScript 练习题
本文是锻炼编程逻辑思维的一些题的归纳，红色字体是个人认为初学比较难懂的题。
1.日期计算器：用户输入年月日，计算并打印出来是今年的第几天，星期几
1 function data(){
2 //首先输入年月日
3 //1900年 1月1日为周一
4 var year =Number(prompt("请输入今年是哪一 ...
JavaScript空字符串判断
JavaScript空字符串判断
本文完整示例代码GIT仓：
测试用例完整代码：isNullOrEmpty
jPublic GIT仓：jPublic
比较常见写法
if (str == 'undefined' || !str || !/[^\s]/.test(str)) {
//为空
} else {
//不为空
}
这种写法缺点
代码比较长，难于记住
需要复制的时候要找代码，费时间
解决 ...
03-初识JavaScript
一. JavaScript简介（了解）
1. JavaScript的历史背景介绍
布兰登 • 艾奇（Brendan Eich，1961年～），1995年在网景公司，发明的JavaScript。
一开始JavaScript叫做LiveScript，但是由于当时Java这个语言特别火，所以为了傍大牌，就改名为JavaScript。如同“北大”和“北大青鸟”的关系。“北大青鸟” ...
JavaScript 正则表达式
1. 正则表达式创建
JavaScript 有两种方式创建正则表达式：
第一种：直接通过/正则表达式/写出来
第二种：通过new RegExp('正则表达式')创建一个RegExp对象
const re1 = /ABC\-001/;
const re2 = new RegExp('ABC\\-001');
re1; // /ABC\-001/
re2; // /ABC\-001/
注意，如果使用第二种写法，因为字符串的转义问题 ...
JavaScript动态加载script方式引用百度地图API，Uncaught ReferenceError: BMap is not defined
百度地图官网文档介绍使用JSSDK时，仅提供了2种引入方式：
script引入
异步加载
实际工作场景中仅某一两个页面或者只是单纯有功能需要用到百度地图，所以没有必要在 index.html 中全局引用。
利用之前博客所写的JavaScript---动态加载script和style样式 进行操作，发现如下错误：
Failed to execute 'write' o ...
javaScript 新手入门必看!
JavaScript
基础知识点
js 代码如何编写？
将js代码嵌入到html网页代码中。
js代码需要写在script标签当中，并且script标签推荐写在body闭合和html闭合之间。(虽然说script标签可以写在网页的任何位置)。
任何的代码都不推荐放在html文档声明头的上面，会导致网页没办法执行h5的渲染模式。
js代码可以单独的创建一个.j ...
JavaScript插件开发
一、前言
通过 "WWW" 原则我们来了解 JavaScript 插件这个东西
第一个 W "What" -- 是什么?什么是插件,我就不照搬书本上的抽象概念了,我个人简单理解就是,能方便实现某个功能的扩展工具.(下面我会通过简单的例子来帮助读者理解)
第二个 W "Why" -- 为什么? 为什么要有插件这种东西,首先结合第一个 W 来理解就是,使用插件的 ...
JavaScript中querySelector()和getElementById()（getXXXByXX）的区别
在日常开发中，使用JavaScript获取元素的时候，最常用的方法就是document.getElementById（getXXXByXX）方法。但是最近发现有很多地方使用的是querySelector方法而不是使用前面的方法。去官方文档查看是这么说的：
文档对象模型Document引用的querySelector()方法返回文档中与指定选择器或选择器组匹配的第一个 html元素Ele ...
新手怎么学JS？JavaScript基础入门
新手应该怎么学习JS？JavaScript入门 - 01
准备工作
在正式的学习JavaScript之前，我们先来学习一些小工具，帮助我们更好的学习和理解后面的内容。
js代码位置
首先是如何编写JavaScript代码，说到这，我们首先要来说明一个需要新人们关注的点，因为我们的js是一门跨平台的语言，所以说，我们的代码可以运行在不同的平台之 ...
JavaScript 基础
1.简介：
JavaScript（JS）是一种基于对象和事件驱动，可以与 HTML 标记语言混合使用的脚本语言。广泛用于客户端 Web 开发，常用来给 HTML 网页添加动态功能，比如响应用户的各种操作。其编写的程序可以直接在浏览器中解释执行。Javascript 的国际标准是 ECMAScript（由欧洲计算机制造商协会（ECMA）结合JavaScript 和J ...
JavaScript中准确的判断数据类型
在 ECMAScript 规范中，共定义了 7 种数据类型，分为基本类型和引用类型两大类。
其中：
基本类型：String、Number、Boolean、Symbol、Undefined、Null
引用类型：Object
基本类型也称为简单类型，由于其占据空间固定，是简单的数据段，为了便于提升变量查询速度，将其存储在栈(stack ...
javascript的数据类型检测
JavaScript有两种数据类型，分别是基本数据类型和引用数据类型。其中基本数据类型包括Undefined、Null、Boolean、Number、String和Symbol（ES6新增，表示独一无二的值），而引用类型统称为Object对象、主要包括对象、数组和函数。
基本数据类型
1.基本数据类型的值是不可变的。
var str = "abc";
str[0] = "d"; // 字符串 ...
