![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JS基础
文章平均质量分 54
解释性语言
么心么肺
不求风sao惊天下,但求猥琐动世人 ...
展开
-
JS判断设备类型,应用不同css文件
JS判断设备类型,应用不同css文件原创 2022-12-16 10:19:23 · 277 阅读 · 0 评论 -
字符串与数组之间的相互转换
字符串与数组之间的相互转换原创 2022-11-09 23:08:54 · 223 阅读 · 0 评论 -
随机验证码
使用插件:(gverify.js)下载:gverify.js!(function(window, document) { function GVerify(options) { //创建一个图形验证码对象,接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id canvasId: "verifyCanvas", //canvas的ID width: "100", //默认canvas宽度 height.原创 2021-02-23 14:30:28 · 174 阅读 · 2 评论 -
复制内容到剪切板的两种方式
1.纯js实现复制到剪切板 <div style="padding:20px"> <el-input v-model="copyValue" id="copyText" style="width:400px;"></el-input> <el-button type="primary" @click="handleClipboard1()">copy</el-button> <p class="title">.原创 2020-11-13 19:03:42 · 1480 阅读 · 0 评论 -
HTTP请求报文与响应报文和常见状态码
HTTP请求报文与响应报文格式请求报文包含三部分:a、请求行:包含请求方法、URI、HTTP版本信息b、请求首部字段c、请求内容实体响应报文包含三部分:a、状态行:包含HTTP版本、状态码、状态码的原因短语b、响应首部字段c、响应内容实体常用状态码1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。100 (继续) 请求者应当继续提出请求。 服务器返回此代...原创 2020-09-29 00:44:12 · 499 阅读 · 0 评论 -
javaScript常见正则表达式
是否带小数function isDecimal(strValue ) { var objRegExp= /^\d+\.\d+$/; return objRegExp.test(strValue); } 是否中文名称组成function ischina(str) { var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定义验证表达式*/ return reg.test(str); /*进行验证*/}是否全由八位数.原创 2020-09-28 18:10:28 · 104 阅读 · 0 评论 -
初识函数
1.函数定义函数声明:使用function关键字,基本格式如:function 函数名(参数1,参数2,参数3,参数4){//函数内容} function hello(){ alert("hello"); } hello();函数定义完之后,并不会自动执行,需要调用hello();才可以执行函数中的代码函数表达式将function整体,放在赋值运算符的右...原创 2020-09-28 14:43:23 · 74 阅读 · 0 评论 -
javaScript中的深浅拷贝
浅拷贝/克隆只是对指针进行拷贝,拷贝前后的指针依旧指向同一个内存空间;深拷贝/克隆不仅会对指针进行拷贝,还会对指针所指向的空间内容进行拷贝。let obj1 = {a:100,b:[1,2,3,],c:{x:10},d:new RegExp()}console.log(obj1); //{ a: 100, b: [ 1, 2, 3 ], c: { x: 10 }, d: /(?:)/ }????浅拷贝的实现方法1:let obj2 = {...obj1}console.log(obj1原创 2020-09-14 14:51:30 · 72 阅读 · 0 评论 -
JavaScript 严格模式(use strict)的好处和限制
use strict:指令在ES5中新增的,目的是指定代码在严格条件下执行。使用严格模式的好处:消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为未来新版本的Javascript做好铺垫。严格模式下的限制不允许使用未声明的变量:不允许删除变量或对象。不允许删除函数。不允许变量重名:不允许使用八进制:不允许使用转义字符:不允许对只读属性赋值:不允许对一个使用getter方法读取的属性进行赋值不允许删除一个不允许删除的属性:变量名不能使用 “e原创 2020-07-15 13:37:39 · 733 阅读 · 0 评论 -
javaScript错误和异常处理
try 语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。finally 语句不论之前的 try 和 catch 中是否产生异常都会执行该代码块。throw 语句允许我们创建自定义错误。<body> <p>不管输入是否正确,输入框都会再输入后清空。</p> <p>请输入 5 ~ 10 之间的数字:</p> <input id="demo.翻译 2020-07-15 11:39:47 · 102 阅读 · 0 评论 -
前端格式化时间
方法一:import moment from "moment";方法二附上源码// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)// (new Date()).Format("...原创 2020-01-05 11:42:45 · 9021 阅读 · 0 评论 -
事件环(浏览器&node)
栈和队列栈(Stack):是一种后进先出的数据结构,进出口在同一个端口;堆(Queue):又叫队列,是一种先进先出的数据结构,进出口在不同的端口。原创 2019-11-07 08:55:41 · 91 阅读 · 0 评论 -
js浏览器对象模型(Brower Object Model)
一、认识BOMBOM:浏览器对象模型, Brower Object Model。javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异。DOM 是 W3C 的标准; [所有浏览器公共遵守的标准]BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]二、window对象只要打开浏览器,就可以看到当前的窗口,当前窗口就是Window对象,而window原创 2020-07-09 11:53:27 · 175 阅读 · 0 评论 -
js文档对象模型(Document Object Model)
一、JavaScript HTML DOMHTML DOM (文档对象模型):当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。1. HTML DOM 模型被构造为对象的树:2.查找HTML元素:通过 id 查找HTML 元素document.getElementById("main");通过标签名查找 HTML 元素document.getElementsByTagName("p");通过类名查找HTML 元素document原创 2020-07-13 10:31:24 · 515 阅读 · 0 评论 -
js中的this指向问题
this指向问题如何判定this?谁调用this,this就指向谁直接调用的函数,this 指向的是全局 window 对象通过 new 的方式,this 永远被绑定在新创建的对象上,任何方式都改变不了 this 的指向如何改变this指向?callfunction f() { console.log("name:" + this.name); console.log...原创 2019-11-18 14:36:17 · 91 阅读 · 0 评论 -
字符串的基本属性和方法
转义字符 document.getElementsByTagName("P")[0].innerHTML = "my name is \'Stephen Curry\'" document.getElementsByTagName("P")[1].innerHTML = "my name is \"Stephen Curry\"" document.getElementsByTagName("P")[2].innerText = "my name is \n Stephen Curry" d原创 2020-07-13 17:03:25 · 169 阅读 · 0 评论 -
javaScript中的循环遍历方法
先定义下面示例中要用到的对象和数组: const obj = {a:1,b:2,c:3} const arr1 = ["apple", "orange", "banana", "strawberry"] const arr2 = [1, 2, 3, 4]forforEnchfor infor offor in 和 for of 的区别:for in是遍历key,for of是遍历value。for in是简单遍历,for of可以遍历iterator对象。原创 2020-07-14 16:21:13 · 113 阅读 · 0 评论 -
javaScript Switch语句和break/continue
switchvar bmConfig = {}var enviroment = 'dev';switch (enviroment) { case 'dev': bmConfig = { authorUrl: "url1", } break; case 'prev': bmConfig = { authorUrl: 'url2', } break原创 2020-07-14 17:03:54 · 679 阅读 · 0 评论 -
算数运算符(基本/赋值/关系/逻辑)
1.基本运算符+ - * / % ++ --var a = 30,b = 20console.log(a+b); //50console.log(a-b); //10console.log(a*b); //600console.log(a/b); //1.5console.log(a%b); //10//自增var a = 10var b = a++console.log(a,b); // 11 10var c = ++aconsole.log(a,b,原创 2021-02-25 15:49:49 · 622 阅读 · 0 评论 -
基本数据类型及其判断方式和类型转换
1. typeofconsole.log(typeof '') ; // string 有效console.log(typeof 1) ; // number 有效console.log(typeof true) ; //boolean 有效console.log(typeof undefined) ;...原创 2019-11-17 15:52:01 · 198 阅读 · 0 评论 -
进程线程和变量相关的概念
JS写法:行内(内联);内部 ;外部进程:当一个项目运行起来后,就是一个进程 ,进程是操作系统分配和调试资源(CPU和内存)的基本单位。线程:真正干活是线程 ,Js是单线程,默认情况下,工人从上向下干活(执行任务)JS是单线程的,是指它的主线程是单线程。如果主线程遇到一个非常耗时的任务,它就找别的线程来帮忙。别的线程把活干完后,需要把结果给主线程。非常耗时的任务:eg:网络请求数据 读...............原创 2020-07-13 11:24:18 · 176 阅读 · 0 评论