js
关注
分享
扫一扫
js基础
西楠
这个作者很懒，什么都没留下…
展开
-
前端(如：2019-05-01T16:00:00.000Z),转换为正常格式 vue中封装为过滤器
let time = '2019-05-01T16:00:00.000Z'; function renderTime(date) { var dateee = new Date(date).toJSON(); return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '') ..原创 2020-10-19 16:04:06 · 981 阅读 · 1 评论 -
js获取页面元素位置的方法getBoundingClientRect()
作用getBoundingClientRect()是用来获取页面元素的位置的方法.这个方法最终返回的是一个矩形对象,包括四个属性:left,top,bottom,right四个属性top：元素上边到视窗上边的距离;right：元素右边到视窗左边的距离;bottom：元素下边到视窗上边的距离;left：元素左边到视窗左边的距离;width:边界矩形的宽度(ie9)height:边界矩形的高度(ie9)注意：当我提到元素的边界矩形的时候，返回的大小包含了任何padding和border值原创 2020-10-14 20:41:12 · 741 阅读 · 0 评论 -
Javascript无缝轮播源码
效果图代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } ul { list-style: none; } img { vertical-a原创 2020-10-11 19:17:06 · 153 阅读 · 1 评论 -
Javascript面向对象
1：什么是对象？a:对象就是由若干个键值对，无须组成的数据类型，被称之为对象。b:简单理解，提供了特有的方法和属性就是对象！c:“对象”是一个容器，封装了“属性”（property）和“方法”（method）。举例：var o={name:‘tom’,age:12,fun:function(){alert(1)}}2:键值对？花括号里面冒号前被称之为键，冒号后被称之为值，通过键获取值。3：什么是面向对象？面向对象是一种编程思想，通过这种思想来完成代码的编程。(oop==Obje原创 2020-10-11 18:55:09 · 126 阅读 · 0 评论 -
前端交互的各种事件
1：什么是事件？人与机的交互就是事件。2：事件类型：ui事件*onscroll 滚动条事件onload 页面加载触发unload 页面关闭触发onselect 选中文本时触发onresize 改变浏览器窗口触发onabort 图像加载被中断触发error 错误信息时触发*onchange 当改变一个元素的值且失去焦点时焦点事件*onfocus 获得焦点事件（没有冒泡，浏览器都支持）*onblur 失去焦点事件（原创 2020-10-11 18:52:33 · 671 阅读 · 0 评论 -
this的多种情况指向问题?
1：this是什么？this是一个关键字，他的作用具有指向性。2：this的指向分类？a:在事件函数中，this指向事件前对象。 b:在普通函数中，谁调用这个函数，this就指向谁。c:在apply()和call()方法中this指向方法中的对象（如下，指向obj）举例： var x=2; var obj={ x:4 } function fn(){ alert(this.x);//2 } fn(); fn.call(obj)d:在箭头函数中this指原创 2020-10-11 18:46:06 · 161 阅读 · 0 评论 -
前端Javascript(js)-------dom笔记知识点`
简介通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。什么是HTML DOM(文档对象模型)?当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model)1.改变HTML内容innerHTML<html><body><p id="p1">Hello World!</p><script>document.getElementById("p1").innerHTM原创 2020-10-04 14:30:58 · 136 阅读 · 0 评论 -
封装addEventListener浏览器兼容代码
/* * 参数： * obj：要绑定事件的对象 * eventStr：事件(注意：这里不要on) * callback：回调函数 */function bind(obj , eventStr , callback){ if(obj.addEventListener){ //大部分浏览器 obj.addEventListener(eventStr , callback , false); }else{ //I原创 2020-10-04 14:03:13 · 162 阅读 · 0 评论 -
学习Javascript笔记(2)
1.变量命名规则变量必须以字母开头变量也能以 $ 和 _ 符号开头（不推荐）变量名称对大小写敏感（y 和 Y 是不同的变量）2.数据类型1.值类型(基本类型):字符串（String)数字(Number)布尔(Boolean)对空（Null）未定义（Undefined)Symbol。值类型(基本类型):对象(Object)数组(Array)函数(Function)3.作用域在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中,原创 2020-10-04 13:33:16 · 117 阅读 · 0 评论 -
判断js(Javascript)中变量的数据类型几种方式
typeOf()来获取JavaScript中变量的数据类型.但是这种方法不能判断是Array还是Object使用isArray方法判断是不是数组var cars=new Array();cars[0]="Saab";cars[1]="Volvo";cars[2]="BMW";// 判断是否支持该方法if (Array.isArray) { if(Array.isArray(cars)) { document.write("该对象是一个数组。") ; }}.原创 2020-10-04 12:46:03 · 206 阅读 · 0 评论 -
学习Javascript笔记(1)
Javascript一.简介二.Javascript用法三.使用`Javascript`注意四.输出方式一.简介Javascript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。二.Javascript用法原创 2020-10-04 12:39:21 · 248 阅读 · 0 评论 -
前端js-------(数学Math()对象常用方法)
abs(X)返回X的绝对值random()返回0~1之间的随机数Math.random()*(y-x)+x随机生成x~y之间的随机数Math.random()*20随机生成0~20之间的数round()四舍五入ceil(x)向上取整floor(x)向下取整max(arr)返回数组中的最大数min(arr)返回数组中的最小数pow(x,y)返回,x的y次幂...原创 2020-09-28 14:29:39 · 283 阅读 · 0 评论 -
前端js-------(字符串String()对象常用方法)
length获取字符串长度用法:str.length;charAt()原创 2020-09-23 19:48:17 · 473 阅读 · 0 评论 -
js获取个屏幕鼠标盒子的距离(e.clientX,e.offsetX,e.pageX,e.screenX)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 200px; height: 200px; border: 1px solid red.原创 2020-09-23 09:02:11 · 687 阅读 · 0 评论 -
前端JS-------(时间Date()对象常用方法)
1.创建对象var d=new Date()2.方法getDate()获取当前日期对象是几日原创 2020-09-22 20:17:41 · 414 阅读 · 0 评论 -
前端JS-------(数组Array()对象常用方法)
push()像数组的末尾添加一个或读个元素,并返回数组新长度用法:arr.push(“西楠”);pop()删除数组的最后一个元素用法:arr.pop();//删除最后一个unshift()向数组前边添加一个或多个元素,并返回新数组长度用法:arr.unshift(“西”,“楠”);//添加多个shift()删除数组的第一个元素,并返回被删除的元素用法:arr.shift();//删除第一个元素forEach()遍历参数为一个回调函数用法:arr.forEach..原创 2020-09-22 20:12:47 · 208 阅读 · 0 评论 -
js正则表达式(随便写的笔记)
1.语法①构造函数的方法创建: var 变量=new RegExp(“正则表达式”,“匹配模式”);②字面量大方法创建:(直接双斜线创建)/一般都用这种方式 var 变量=/正则表达式/匹配模式;例子://构造函数var reg1=new RegExp("a","i");//这个原创 2020-09-17 19:52:45 · 237 阅读 · 0 评论 -
js原生冒泡排序
//冒泡排序（从小到大）function bubbleSortSmallToBig(arr){ for(var i = 1;i < arr.length;i ++){ for(var j = 0;j < arr.length - i;j ++){ if(arr[j] > arr[j + 1]){ var t = arr[j]; arr[j] = arr[j + 1];原创 2020-09-14 08:21:15 · 261 阅读 · 0 评论