javascript
有关自己javascript的学习笔记
老衲的少女心i
老衲突然喜欢粉红色
展开
-
验证xml格式的正确性
利用和DOMParser验证XML文本格式的正确性。主要是提示语法错误和错误位置。提示:以下是本篇文章正文内容,下面案例可供参考例如:以上就是本篇文章的主要内容。有关XML的文本格式验证,您还可以到线上工具中进行验证。原创 2023-11-20 16:12:27 · 228 阅读 · 0 评论 -
如何快速的将ts转换成js
目录前言一、提前准备安装 typescript二、编译ts转换js前言本篇文章记录的是,我们如何快速的将ts文件转换成js文件。一、提前准备安装 typescript使用国内镜像:npm config set registry https://registry.npmmirror.com安装 typescript:npm install -g typescript安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:$ tsc -vVe原创 2022-03-29 11:19:31 · 15514 阅读 · 5 评论 -
#前端面试题练习#整数反转#给你一个 32 位的有符号整数 x ,返回将 x 中的数字部分反转后的结果。
整数反转问题描述:给你一个 32 位的有符号整数 x ,返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−231, 231 − 1] ,就返回 0。假设环境不允许存储 64 位整数(有符号或无符号)。示例 1:输入:x = 123输出:321示例 2:输入:x = -123输出:-321示例 3:输入:x = 120输出:21示例 4:输入:x = 0输出:0提示:-231 <= x <= 231 - 1解决原创 2021-04-30 16:30:37 · 1821 阅读 · 1 评论 -
js-<noscript>标签简介
针对早期浏览器不支持JavaScript的问题,需要一个页面优雅降级的解决方案。最终,<noscript>元素出现,被用于不支持JavaScript的浏览器提供代替内容。虽然,如今100%的浏览器已经支持JavaScript,但是对于禁用javascript的浏览器来说,这个元素仍有它的好处。<noscript>元素可以包含任何可以出现在<body>中的html元素,<script>除外。在下列两种情况下,浏览器将显示包含在<noscript>原创 2021-04-09 01:51:33 · 836 阅读 · 0 评论 -
js-关于引用变量的赋值问题
两个引用变量指向同一个对象,通过一个引用变量修改对象内部数据,另一个引用变量也看得见 var o1={m:1} var o2=o1; //通过一个引用变量修改对象内部数据 o2.m=2; console.log(o1.m,o1===o2);//2 true两个引用变量指向同一个对象,让一个引用变量指向另一个对象,另一个引用变量还是指向原来的对象 var .原创 2021-04-08 17:22:01 · 155 阅读 · 0 评论 -
js-实现数组去重
数组去重方法总结方法1:push和pop方法结合双层for循环嵌套<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组去重</title> </head> <body> <script> //定义一个数组 var arr=[1,2,3,3,2,6,9,5,4,5,9,34]; //新数组原创 2021-04-08 09:36:20 · 82 阅读 · 1 评论 -
关于screenX、clientX、pageX, offsetX的相关介绍
概念1. offsetX 和offsetYoffsetX :鼠标点击位置相对于触发事件对象的水平距离offsetY:鼠标点击位置相对于触发事件对象的垂直距离2. clientX 和clientYclientX:返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的水平坐标。 客户区指的是当前窗口。(不会计算水平滚动的距离)clientY:返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的垂直坐标。 客户区指的是当前窗口。(不会计算垂直滚动的距离)3. pageX 和pageY原创 2021-04-07 19:53:37 · 511 阅读 · 0 评论 -
js-实现点击循环变色问题
代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js-点击循环变色事件</title> <style> #box { width: 200px; height: 200px; background-color: pink; cu原创 2021-03-31 23:33:42 · 1520 阅读 · 0 评论 -
js-实现小球的曲线运动(正弦,余弦和正切运动 )
这里的曲线运动,我们可以实现正弦sin,余弦cos和正切tan,三种曲线运动,只需要将我们代码中的:y=startY - Math.sin(x * 2 * Math.PI / 360)*200;这串代码中的Math.sin,转换成相应的值就可以了。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>小球曲线运动(sin)</title> <!-原创 2021-03-31 02:39:21 · 1096 阅读 · 0 评论 -
js-实现随机抽奖问题
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>练习:随机抽奖</title> </head> <body> <script> document.onclick=function(){ var ran1=Math.random();//获取一个随机的正整数 //if判断语句,判断用于弹出用户原创 2021-03-30 19:48:47 · 303 阅读 · 0 评论 -
js-实现倒计时效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>倒计时练习</title> </head> <body> <div id="con"></div> <script> var oCon = document.getElementById('con'); var duanWu=原创 2021-03-30 19:46:43 · 241 阅读 · 0 评论 -
js-实现数组翻转(倒序)
源代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>翻转数组</title> </head> <body> <script> var arr=[1,2,3,4,5,6,7,8]; var newArr = []; console.log(arr); for(var i=arr.le原创 2021-03-29 21:11:48 · 3170 阅读 · 0 评论 -
js-求一组数中的所有数的和和平均值
源代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>求一组数中的所有数的和和平均值</title> </head> <body> <script> var arr=[1,2,3,4]; //定义一个变量用来存储和的值 var sum=0; //定义一个变量用来存储平均值的结果原创 2021-03-29 20:13:12 · 1201 阅读 · 0 评论 -
js-返回数组的最大,最小值,还有其位置(下标位置)
源代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>求一组数中的所有数的和和平均值</title> </head> <body> <script> var arr=[1,2,3,4]; //定义一个变量用来存储和的值 var sum=0; //定义一个变量用来存储平均值的结果原创 2021-03-29 20:09:35 · 2163 阅读 · 0 评论 -
js-实现数组的排序和去重操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>对数组进行排序去重</title> </head> <body> <script> var arr=[1,2,3,4,5,6,7,4,2,8,5,3,2,1]; //先排序,后去重 //调用数组的sort方法,对数组进行排序原创 2021-03-29 18:07:39 · 282 阅读 · 0 评论 -
js-实现回到顶部(动画版)
动画版js—实现回到顶部,慢慢的回到顶部,而不是一下子跳回去<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>回到顶部-动画版</title> <style> .box{ width:140px; height:80px; line-height: 80px; background-color:red原创 2021-03-29 14:54:43 · 554 阅读 · 0 评论 -
JS-实现回到顶部(基础版)
<!DOCTYPE html><html> <html lang="en"> <head> <meta charset="UTF-8"> <title>回到顶部基础版</title> <style> .box{ width: 140px; height: 80px; background-color: red;原创 2021-03-29 14:50:32 · 60 阅读 · 0 评论 -
js-打印1-100以内的质数(素数)
什么是质数:只能被1和自身整除的数字//100以内的所有质数//一般从2开始//质数:只能被1和自身整除//定义一个变量或者一个开关var arr=[];//第一步:获得所有2-100之间的数字for(var i=2;i<=100;i++){ arr.push(i); //再次遍历,拿到2-i之间的数字 for(var j=2;j<i;j++){ //为什么不能小于等于? //回答: if(i%j===原创 2021-03-29 09:33:37 · 2389 阅读 · 0 评论 -
js-变量对象
谈一谈变量对象变量对象是当前代码段中,所有的变量(变量 函数 形参 arguments)组成的一个对象变量对象是在执行上下文中被激活的,只有变量对象被激活了,在这段代码中才能使用所有的变量变量对象分为全局变量对象和局部变量对象window就是全局的变量对象,全局的变量和方法就是window对象的属性和方法局部变量对象是当进入局部执行上下文的时候开始创建,包含了当前作用域下所有的变量(变量 函数 形参 arguments)首先局部变量对象包含所有的形参和实参检查当前代码段中所有的函数,以键值对原创 2021-03-29 09:08:43 · 345 阅读 · 0 评论 -
赋值操作符
赋值操作符-简单的赋值操作,直接把等号右边赋值给等号的左边(变量,对象属性,数组的值)-复杂的赋值1:先把右侧的进行计算操作,然后赋值给左侧-复杂的赋值2:使用+= -= *= /= %=进行赋值运算-赋值语句也有返回值,返回的是等号右边的值-还可以连续赋值var a=1;var b=1+1;//递增a=a+1;//可以简写为:a+=3;console.log(a);//5//减法运算var b=3;b-=2;console.log(b);//1//原创 2021-03-25 11:49:56 · 282 阅读 · 0 评论 -
关系运算符
通过关系运算符可以比较两个值之间的大小关系,如果关系成立它会返回true,如果关系不成立则返回false> 大于号- 判断符号左侧的值是否大于右侧的值- 如果关系成立,返回true,如果关系不成立则返回falsevar result = 5 > 10;//false result = 5 > 4; //true result = 5 > 5; //false>=大于等于- 判断符号左侧的值是否大于或等于右侧的值result = 5 >=原创 2021-03-25 11:38:28 · 107 阅读 · 0 评论 -
逻辑运算符
JS为我们提供了三种逻辑运算符! 非—可以用来对一个值进行非运算—所谓非运算就是值对一个布尔值进行取反操作, true变false,false变truevar a = false; //对a进行非运算a = !a;//console.log("a = "+a);—如果对一个值进行两次取反,它不会变化—如果对非布尔值进行元素,则会将其转换为布尔值,然后再取反 所以我们可以利用该特点,来将一个其他的数据类型转换为布尔值 可以为一个任意数据类型取两次反,来将其转换为布尔值,原创 2021-03-25 11:37:29 · 116 阅读 · 0 评论 -
自增和自减
自增 ++ —通过自增可以使变量在自身的基础上增加1 —对一个变量自增以后,原变量的值会立即自增1 —自增分为两种:后++(a++)和 前++(++a)无论是a++还是++a,都会立即使原变量的值自增1不同的是a++ 和++a的值不同a++的值等于原变量的值(自增前的值)++a的值等于新值 (自增后的值)var a=1;//a=a+1;//a的值加1//使a自加1a++;++a;console.log(a++);console.log("a++ = " +原创 2021-03-24 21:30:38 · 158 阅读 · 0 评论 -
一元运算符
一元运算符,只需要一个操作数+ 正号—正号不会对我们的数值产生任何影响- 负号—负号可以对数字进行负号的取反var a=123;//123var a=+123;//123a=-a;//对a进行取反操作,结果为-123a=true;//对于非number值,先将其转换为number,再进行运算a=-a;//-1 //类型为number//可以用+将任意类型的数据类型转换为Number类型)(隐式类型转换)var result=1++"2"+3;//6console.log(a);原创 2021-03-24 21:06:15 · 302 阅读 · 0 评论 -
JavaScript简单介绍
JavaScript简介起源:JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。所谓的前端验证,就是指检查用户输入内容是否符合一定的规则。比如:用户名的长度,密码的长度,邮箱的格式等。js的特点:解释型语言类似于C和Java的语法结构动态语言基于原型的面向对象JS的编写位置:(js的引入)可以将js代码编写到标签的onclick属性中,当我们电机及按钮时,js代码才会执行<button onclick="alert('讨厌,你点我干嘛~'原创 2021-03-24 20:50:15 · 4248 阅读 · 0 评论 -
JavaScript数据类型
数据类型值得就是字面量的类型在JS中一共有六种数据类型String 字符串,表示信息流Number 数值,Boolean 布尔值,表示Null 空值Undefined 未定义,Object 对象,表示符合结构的数据值其中String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义,属于基本数据类型,而Object 对象,属于引用数据类型String 字符串在js中字符串需要使用引号引起来使用双引号或单引号都可以,但是不要混用引号不能原创 2021-03-22 20:52:35 · 245 阅读 · 0 评论 -
标识符
标识符在js中所有的可以由我们自主命名的都可以称为是标识符 -例如:变量名,函数名,属性名都属于标识符-命名一个标识符时需要遵守如下规则:标识符中可以含有字母、数字、下划线、$标识符不能以数字开头标识符不能是ES中的关键字或保留字标识符一般采用驼峰命名法-首写字母小写,每个单词的开头大写,其余字母小写 例如:helloWorldJS底层保存的标识符实际上是采用的Unicode编码,所以理论上讲,所有的utf-8中含有的内容都可以作为标识符(中文字符也可以用原创 2021-03-19 16:10:59 · 73 阅读 · 0 评论 -
字面量和变量
字面量和变量__字面量__都是一些不可改变的值(可以理解为常量) 比如:1 2 3 4 5字面量都是可以直接使用的,但是我们一般都不会直接使用字面量__变量__可以用来保存我们的变量,而且变量的值是可以随意改变的变量更加方便我们使用,所以在开发中都是通过变量去保存一个字面量的,而很少直接使用字面量可以通过变量对字面量进行描述声明变量在js中使用var关键字来声明一个变量var a;为变量赋值a=000;声明和赋值同时进行var b=123;...原创 2021-03-19 15:04:10 · 58 阅读 · 0 评论 -
算数运算符相关介绍
运算符也叫操作符通过运算符可以对一个或者多个值进行运算,并获取运算结果比如:typeof就是运算符,可以获得一个值的类型 它会将该值的类型以字符串的形式返回(number string boolean undefined object)var a = 123;var result = typeof a;//number//console.log(typeof result);算数运算符不会对原变量产生影响,除非你自己又把值给它赋回去当对非Number的值进行算数运算的时候,首先将这原创 2021-03-24 20:44:19 · 62 阅读 · 0 评论