JavaScript
学无止境JavaScript
Undefined,
undefined;
展开
-
JS-坐标对应到1080p下的转换
把非1080p的坐标对应转换为1080p系坐标例如在宽高为width * height(192*108)区域中的坐标,需要对应到1080p下:1、当前宽高对应到1080p: let arr1 = [[{x:1,y:2},{x:3,y:4}],[{x:5,y:6},{x:7,y:8}]] let newArr1 = [] arr1.map((item)=>{ let arr = [] item.map((items)=&原创 2021-04-23 19:39:53 · 441 阅读 · 0 评论 -
JS-时间格式转换(时分秒与秒的互相转换)
在使用elementUI的时间选择器el-time-picker与后端互传时间值时用到的时间格式转换方式1、 [“hh:mm:ss”, “hh:mm:ss”] --> [开始秒,结束秒] function timeToSeconds(t) { let hm = t.split(":").map(x => Number(x)); return hm[0] * 3600 + hm[1] * 60 + hm[2]; } fu原创 2021-04-23 19:12:06 · 2065 阅读 · 0 评论 -
JS-查找数组中指定值的索引下标
Array.prototype.getArrayIndex=function(obj){ for(var i=0;i<this.length;i++){ if(this[i]===obj){ return i; } } return -1; } let arr = [9,8,7,6,5] console.log(arr.getArrayInde...原创 2021-04-23 18:33:41 · 2050 阅读 · 0 评论 -
JS获取浏览器的语言、浏览器类型和操作系统
JS获取浏览器的语言<script> var jsSrc =(navigator.language || navigator.browserLanguage).toLowerCase(); if(jsSrc.indexOf('zh') >= 0){ console.log("浏览器语言是---中文") }else if(jsSrc.indexOf('en') >= 0){ console.log("浏览器语言是--原创 2021-04-23 17:34:40 · 335 阅读 · 0 评论 -
SortableJS功能强大的JS拖拽库(实现标签页拖拽)
引入1、npm$ npm install sortablejs --save2、CDN<!-- jsDelivr :: Sortable :: Latest (https://www.jsdelivr.com/package/npm/sortablejs) --> <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script> <scrip原创 2020-09-07 14:35:28 · 819 阅读 · 2 评论 -
JS-查找字符串中每个字符出现的次数 & 查找字符串中指定字符出现的所有位置
查找字符串中每个字符出现的次数var str = "xiaobaibai"; //第一步:把所有的字母全部变成小写 str = str.toLocaleLowerCase(); //第二步:创建一个空对象(目的:把字母作为键,次数作为值) var obj = {}; //第三步:遍历字符串,获取每个字母 for (var i = 0; i < ...原创 2020-04-10 17:32:55 · 3682 阅读 · 0 评论 -
JS-类型转换(+详细parseInt())
1. 转换成字符串类型toString()对象都有toString()方法,undefined和null没有toString()方法,两者都没有原型也不是对象。var num = 123;console.log(num.toString());//打印"123"/*但是:*123.toString();会报语法错误。*这个点(.)在对象里是调用方法;但在数学运算里(.)的优先级是...原创 2020-04-05 20:56:14 · 338 阅读 · 0 评论 -
JS动画函数-任意一个元素,移动到指定的目标位置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> * { margin: 0; paddin...原创 2020-09-06 18:50:27 · 1214 阅读 · 0 评论 -
JS实现百度搜索框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>mm</tit...原创 2020-09-06 18:45:21 · 1111 阅读 · 0 评论 -
JS-绑定事件的三种方法(+兼容代码)
绑定事件的三种方法ele.onxxx = function (event) {}obj.addEventListener(事件类型, 处理函数, false);obj.attachEvent(‘on’ + 事件类型, 处理函数);ele.onxxx = function (event) {}程序this指向的是dom元素本身;** 解除:ele.onxxx = false / ‘’...原创 2020-04-22 20:18:30 · 368 阅读 · 0 评论 -
JS-元素创建的三种方式(+动态创建列表的例子)
元素创建的三种方式:document.write(“标签的代码及内容”);对象.innerHTML=“标签的代码及内容”;document.createElement(“标签的名字”);<body> <input type="button" value="创建一个p标签" id="btn"> <script> doc...原创 2020-04-22 13:04:33 · 937 阅读 · 0 评论 -
JS-节点的属性 & 获取各种节点(全)
文档:document元素:页面中所有的标签。元素—element(标签—元素—对象)节点:页面中所有的内容(包括标签、属性、文本(文字、换行、空格、回车)。节点—Node根元素:html标签也就是说节点的范围大于元素,节点中含元素。节点的属性:节点的属性可以使用元素.出来;可以使用属性节点.出来;文本节点.点出来。nodeType:节点的类型:标签节点–1、属性节点–2、文本...原创 2020-04-21 21:55:05 · 4255 阅读 · 0 评论 -
JS-innerText与textContent、innerHTML的区别
innerText与innerHTML两者都是可以设置文本内容的。innerText主要是设置文本内容的,如果设置标签内容是没有标签效果的。innerHTML主要的作用是在标签中设置新的html标签内容,是有标签效果的。用效果看下两者设置时区别://使用innerText<style> div { width: 200px; heigh...原创 2020-04-20 10:00:43 · 534 阅读 · 0 评论 -
JS-包装类(基本包装类型)
原始值指的是没有属性或方法的值;原始值是一成不变的(它们是硬编码的,因此不能改变)。原始数据类型指的是拥有原始值的数据;!!原始值与引用值两大区别:(理解原始值&引用值请移步前几章博客~)存储地址不一样;原始值不能有属性和方法。js定义了5种原始数据类型:string, number, boolean, null, undefined;后两个不能有属性(会报错)。而stri...原创 2020-04-11 16:00:32 · 836 阅读 · 0 评论 -
JS随机产生一个16进制的颜色值
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>随机颜色值</title> <style> div { ...原创 2020-09-06 18:40:07 · 806 阅读 · 0 评论 -
JS-创建对象的三种方式(+new执行时的隐式4步)
JavaScript创建对象的三种方式:调用系统的构造函数创建对象 :系统自带的构造函数 Object(),var 变量名= new Object();var obj = new Object();//创建对象//对象有属性和方法//添加属性:对象.属性名=值;obj.name = "小小";obj.age = 18;obj.sex = "女";//添加方法:对象.属性名=函...原创 2020-04-09 20:43:47 · 842 阅读 · 0 评论 -
JS-数据类型(+理解原始值&引用值)
JavaScript的数据类型分为两类:原始类型和对象类型。原始类型 包括:number,string,boolean,underfine,null通常也叫基本数据类型,这些原始值是不可更改的,原始值的比较是值的比较:只有在它们的值相等时它们才相等。原始值 存储在栈中(栈数据):栈内存和栈内存之间的赋值是拷贝,不在一块内存,互不影响。var a = 111 ;var b = a ;/...原创 2020-04-05 12:59:55 · 394 阅读 · 0 评论 -
JS-预编译(预解析)四部曲
JavaScript是解释性语言:解释一行,执行一行。JS运行三部曲:词法分析:虽然JS是解释一行执行一行,但在解释执行之前会首先通篇扫描一遍查看有没有低级语法错误。预编译:发生在代码执行的前一刻。解释执行:开始执行代码,解释一行执行一行。预编译初始:...原创 2020-04-03 14:29:46 · 1411 阅读 · 1 评论