js
文章平均质量分 54
美的人是吃货
昨日以昨,今日以今
展开
-
js事件机制,同步,异步,宏任务,微任务分析记录
js事件机制,同步,异步,宏任务,微任务以及代码端理解执行先后原创 2022-05-07 11:59:10 · 497 阅读 · 0 评论 -
图片使用 onload 检测图片是否加载
写在前:图片更新,确定图片或者图片流是否加载完成(是否显示),更新图片封装方法: getimg(src, resolve, reject) { let img = new Image(); img.src = src; // 以下resolve为成功回调函数,reject为失败回调函数 img.onload = () => { resolve(img) }; // 这里需要把img传原创 2021-05-19 11:36:51 · 623 阅读 · 0 评论 -
js 基础记录
写在前:记录js的一些基本的用法,以便查询。点击事件:onclick数据类型转换:转换成字符串类型:1. tostring()2. string()3. 字符串拼接注: null 和 undefined 没有tostring() 方法布尔类型转换:Boolean()数值类型转换:1. Number()2. parseInt()3. parseFloat()4. string 类型转 number (NaN)隐式转换:fale:0.原创 2020-11-23 18:15:48 · 189 阅读 · 0 评论 -
jq 获取元素距离及窗口高度
写在前:获取元素到顶部的距离,获取当前可见高度,获取内容高度,获取滚动高度。1.获取当前元素距离顶部距离高度。$(".text_box").offset().top2.当前窗口可见高度$(window).height(); //可见高度3.获取内容高度$(document).height();$(".text_box").height();4.滚动的高度$(document).scrollTop();...原创 2020-11-05 14:57:46 · 2176 阅读 · 0 评论 -
js / jq 发送 ajax 请求完整例子
写在前:出现跨域问题,后台也可以解决。js 发送ajax请求五个步骤详解:第一步:var xhr = new XMLHttpRequest();//全局定义 创建 XMLHttpRequest() 异步对象第二步:xhr.onreadystatechange = calback1//在事件内 设置回调函数第三步:xhr.open("GET","http://s.plcloud.music.qq.com/fcgi-bin/fcg_yqq_song_detail_info原创 2020-09-25 18:11:52 · 368 阅读 · 0 评论 -
获取当前月份的天数
写在前:开发过程中使用年月日,自定义日期获取当前月份天数;let data= new Date();const year = date.getFullYear();const month = date.getMonth() + 1;//------------------getDay:function(year,month) { month = parseInt(month,...原创 2020-04-27 11:23:02 · 910 阅读 · 0 评论 -
前端 排序算法基础记录
写在前:1,非线性时间比较类排序:1)交换排序: 冒泡排序、快速排序2)插入排序: 简单插入排序、希尔排序3)选择排序:简单选择排序、堆排序4)归并排序:二路归并排序、多路归并排序2,线性时间非比较类排序:1)计数排序2)桶排序3)基数排序冒泡排序:比较相邻的元素,如果第一个比第二个大,就交换他们两个。function bubbleSort(arr) ...原创 2020-03-02 16:51:38 · 136 阅读 · 0 评论 -
js基本用法-数组去重
写在前:数组是由数字组成,数组是由字符串组成,或字符串去重的几种方式第一种数组去重:双重for循环 // 定义一个的数组 let arr = ['af2', 'fadf3', 'fadf4', 'afde4', 'af2','1112','1112'] // let arr = [1,2,3,4,5,6,7,8,9,1,2,3,4,5,6] // 定义一个...原创 2019-08-23 18:01:23 · 270 阅读 · 0 评论 -
Array 数组的方法总结记忆
1.栈操作(先进后出)push()作用:添加元素,参数:可以有多个,将来都会添加到数组的最后,返回值:返回改变后的数组的长度pop()作用:删除并返回数组中的最后一个元素,并且会修改数组的长度参数:返回值: 返回最后一个元素2.队列操作(先进先出)shift()作用:取出数组中的第一个元素,并且会修改数组的长度参数:返回值: 返回数组中的第一个元素unshift...原创 2018-07-12 16:30:49 · 1119 阅读 · 0 评论 -
css / js 获取第几个节点元素
1.css获取第几个li方法1.1 css3 : nth-child()选择器实例:规定属于父元素的第二个p的背景色改变p:nth-child(2){ background-color: red;}实例:1.2 css3: nth-of-type(2)选择器p:nth-of-type(2) { background-color:res;}实例:奇偶数...原创 2018-07-06 09:55:14 · 5774 阅读 · 0 评论 -
js 创建函数和对象
函数和对象使用方法1.函数的声明:语法:function functionname() {//执行的代码}实例:(函数声明不会立即执行,会在我们调用的时候执行)function test(a,b) { return a * b}调用:test(1,2)2.函数表达式:语法:var functionname = function() { ...原创 2019-03-01 14:32:02 · 153 阅读 · 0 评论 -
js 鼠标事件总结
1、onclick事件定义:点击事件语法:<!--引号内是事件函数的名字 -->onclick="somejavascriptcode"2、onload事件定义:在页面或者图片加载完成后立即发生语法:onload="somejavascriptcode"<!--支持的标签<body>, <frame>, <fram...原创 2019-03-05 15:57:44 · 508 阅读 · 0 评论 -
js 时间处理
1.获取当前时间(w3c更多)<p onclick="timeTap()">时间</p>function timeTap() { let d = new Date(); let year = d.getFullYear(); let month = d.getMonth() + 1; let day = d.getDate(); let hour = ...原创 2019-03-08 17:17:28 · 212 阅读 · 0 评论 -
手机号,密码类正则验证
1.小程序手机号登录情景描述:登录注册时需要验证手机号不能为空,手机号符合移动/联通/电信等手机号特殊组建数字排序和长度(正则表达式)//手机号正则表达式:let phone =/^1[34578]\d{9}$///另一种写法let phone = /^1(3|4|5|7|8)\d{9}$/其中:^ :匹配输入字符串的开始位置;\d:匹配一个数字字符,价于 [0-9];...原创 2019-03-29 11:33:13 · 382 阅读 · 0 评论 -
es6基础理解
1.let 和 const 命令1.1 let 命令,用来声明变量。1.2let 声明的变量只在它所在的代码块中有效。1.3不存在变量提升。2.1 const 声明一个只读的常量,一旦声明,常量的值就不能改变。2.2 const 命令声明的常量也是不提升,同样存在暂时性死去,只能在声明的位置后面使用。2.3 const 声明的常量,也与let一样不可重复声明。2.e...原创 2018-06-12 15:41:19 · 177 阅读 · 0 评论 -
向自定义空对象中添加键值对
写在前:定义一个对象let obj = {}当前是一个空的对象,新增键值对obj['name'] = "静静"obj['time'] = "2010"现在,打印这个对象,如下所示 {name: "静静", time: "2010"}...原创 2019-07-09 15:26:41 · 6439 阅读 · 0 评论 -
js 基础用法记录
1.获取元素2.变量3,数据类型4,字符串5,数组6,时间7,事件原创 2018-06-09 12:19:55 · 186 阅读 · 0 评论