勋章
我关注的人
技术能力
暂时未有相关云产品技术能力~
暂无个人介绍
-
发表了文章 2023-01-11
史上最详细的DOM事件之表单事件
史上最详细的DOM事件之表单事件 上篇博客讲了DOM的键盘事件，这篇博客我们来讲一讲DOM的表单事件。 HTML代码： <form action=""> <input type="text" autofocus> <br> <input type="text"><br> <input type="search"><br> <input type="reset"><br> <input type="submit"><br> <textarea name="" id="area" cols
-
发表了文章 2023-01-11
史上最详细的DOM事件之键盘事件
HTML代码： <input type="text" name="" id="text"> <input type="text" name="" id="text2"> 1 2 1.onkeydown事件 var oText=document.getElementById("text"); var oText2=document.getElementById("text2"); // onkeydown 某个键盘按键被按下。 针对所有键 oText.onkeydown=function(event){ co
-
发表了文章 2023-01-11
史上最详细的DOM事件之鼠标事件
史上最详细的DOM事件之鼠标事件 说到JavaScript的DOM，不得不提的就是DOM事件，当然DOM中事件包含好多，我们先来讲一讲DOM的鼠标事件。 HTMl代码： <h1>01DOM的鼠标事件</h1> <div id="wrap"> <div class="box">onclick</div> <div class="box">oncontextmenu</div> <div class="box">ondblclick</div> <div class="box">onmousedown</div> <div class
-
发表了文章 2023-01-11
JavaScript中DOM节点的增删改查
JavaScript中DOM节点的增删改查 前面一篇文章我们讲到了DOM节点的查询(遍历)，这篇文章把剩下的增删改一一进行讲解。 HTML代码： <h1>04DOM节点的增删改</h1> <div class="box"> <p class="text1">这是一个段落标签01</p> <p class="text2">这是一个段落标签02</p> <p class="text3">这是一个段落标签03</p> <p class="text4">这是一个段落标签04</p> </div>
-
发表了文章 2023-01-11
JavaScript中DOM节点的查找(遍历)
JavaScript中DOM节点的查找(遍历) 这篇文章讲一下DOM节点的查找，即DOM节点的遍历。说道遍历大家应该不陌生了，在js中，通过DOM节点的遍历，我么可以通过任意一个元素找到另外的任意一个元素。前期把这个学到位，到了后期开始学习jQuery时会感觉方便很多。 整个DOM中，节点与节点之间的关系只有两种，兄弟(同胞)关系和父子关系。遍历节点用到的属性也主要是这个两类。 HTML代码： <div class="wrap" style="position:relative"> <div class="box"> 盒子01
-
发表了文章 2023-01-11
史上最简单的原生JS实现轮播图效果
原生JS实现轮播图效果 上篇文章我们说到了怎样利用原生JS实现Tab切换的效果，现在我们来说一下Tab切换的“升级版”。如何利用原生JS实现轮播图效果。如图： 在这里插入图片描述 HTML代码： <div class="box"> <img src="img/0.jpg" alt=""> <!-- <img src="img/1.jpg" alt=""> <img src="img/2.jpg" alt=""> <img src="img/3.jpg" alt=""> --> <div class="
-
发表了文章 2023-01-11
原生js实现Tab切换(排他)功能
原生js实现Tab切换(排他)功能 在前端的面试中，一旦遇到笔试题，基本上都会有Tab切换，今天我们来说一下如何使用原生js实现Tab切换功能。如图： 在这里插入图片描述 HTML代码： <div class="wrap"> <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> <ul> <li></li> <
-
发表了文章 2023-01-11
通过DOM对HTML文档的元素内容和CSS样式进行操作
通过DOM对HTML文档的元素内容和CSS样式进行操作 通过前面的学习我们应该可以了解到，通过DOM我们可以操作HTMl文档中的任意的元素及属性，文本内容。其实实际工作中我们用到最多的是怎样通过DOM操作HTML文档中的CSS样式。 HTML代码： <button id="btn">切换</button> <div class="wrap" id="wrap" style="color: yellow;"> <p id="text" class="text">这是一个段落</p> <ul class="list">
-
发表了文章 2023-01-11
通过DOM对元素的属性进行获取、设置、移除
通过DOM对元素的属性进行获取、设置、移除 在DOM的学习中有一个知识点我们一定不可以忽略，那就是DOM中元素的属性。接下来讲解如何让通过DOM对HTML中元素的属性进行获取，设置，以及移除。 HTMl代码： <div class="wrap" id="wrap"> <p id="text" class="text">这是一个段落</p> <ul class="list"> <li class="item">列表01</li> <li>列表02</li> <li>列表03</l
-
发表了文章 2023-01-11
DOM中的node(节点)有关的三个属性--nodeType、nodeName、nodeValue
DOM中的node(节点)有关的三个属性–nodeType、nodeName、nodeValue 上篇博文我们讲到了如何通过DOM获取HTML文档中的元素，在这里要明白一点，当我们获取到具体的某一个元素的时候这个元素就是一个元素节点。说到节点，我们不可避免的有三个属性很有必要了解一下：nodeType、nodeName、nodeValue。 1.nodeType属性 每个节点都有一个 nodeType 属性，用于表明节点的类型，节点类型由 Node 类型中定义12个常量表示： 常量名 常量(返回)值 节点类型 描述 Node.ELEMENT_NODE 1 Element 代表元素 Nod
-
发表了文章 2023-01-11
最详细通过DOM获取元素的方法
最详细通过DOM获取元素的方法 上一篇你博文中我们简单的介绍了什么DOM，DOM可以做什么。其中最基本的就是如何通过DOM来获取HTML文档中的元素。这篇文章我们来详细聊一下如何通过DOM获取HTML文档中的元素。 获取HTML文档中的元素从大的方面来区分主要分为两类： 通过元素的标签名，id名等获取。 通过选择器的方法获取 HTML代码： <ul> <li class="item">列表01</li> <li class="item">列表02</li> <li>列表03</li> <li>列表0
-
发表了文章 2023-01-11
简单认识JavaScript中的DOM(文档对象模型)
JavaScript中的DOM(文档对象模型) // DOM：文档(Document) 对象(Object) 模型(Model) // 通过DOM，可以访问HTML文档的所有元素 // 当网页被加载时，浏览器会创建一个DOM。 // HTML的DOM树。 // DOM 操作 html // 获取元素 // 文本 内容 // 属性 // 节点 增删改查 // DOM 操作 css // style // DOM 事件 // 鼠标事件
-
发表了文章 2023-01-11
简单解析JavaScript中的正则表达式(三)
简单解析JavaScript中的正则表达式(三) 本片博客主要来和大家讲一下正则表达式实际的应用。 1.正则表达式的范围 [] 中括号用于查找某个范围内的字符： // [abc] 查找方括号之间的任何字符。 // [^abc] 查找任何不在方括号之间的字符。 除去 // [0-9] 查找任何从 0 至 9 的数字。 // [a-z] 查找任何从小写 a 到小写 z 的字符。 // [A-Z] 查找任何从大写 A 到大写 Z 的字符。 // [A-z] 查找任何从大写 A 到小写 z 的字符。 // [adgk] 查找给定集合内的任
-
发表了文章 2023-01-11
简单解析JavaScript中的正则表达式(二)
简单解析JavaScript中的正则表达式(二) 上篇文章讲解了JavaScript中正则表达式的创建以及怎样在字符串方法中使用。这篇文章主要讲解正则表达式的属性和方法。 1.正则表达式的方法 // test() 测试 检索字符串中的值是否符合匹配的条件 true false var str="hello world"; var reg=/hellO/; console.log(reg.test(str)); // exec() 检索字符串中指定的值。 返回值的索引 没有 返回 null console.log(reg.ex
-
发表了文章 2023-01-11
简单解析JavaScript中的正则表达式对象
简单解析JavaScript中的正则表达式对象 今天这篇篇博客来和大家讲一下JavaScript中的RegExp对象。 正则表达式：RegExp(Regular Expression)对象，简称正则式。时用来描述字符模式的对象，可以对字符串进行检索，匹配，替换等操作。 1.创建正则表达式 // 字面量 // 语法：var reg1=/表达式/修饰符 var reg=/a/igm; // 构造函数 // 语法：var reg2=new RegExp(表达式,修饰符) var reg2=new RegExp("a","igm"); /
-
发表了文章 2023-01-10
利用JavaScript实现二级联动
利用JavaScript实现二级联动 要实现JavaScript二级联动效果，首先要确定需要哪些技术： 二维数组 for in循环 new Option(text,value,true,true) add(option,null) onchange() 表单事件 HTML代码： <!-- <input type="text" id="text"> --> 请选择省份： <select name="" id="provinces"> <!-- <option value="江苏省">江苏省</option>
-
发表了文章 2023-01-10
简单解析JavaScript的Boolean对象
简单解析JavaScript的Boolean对象 Boolean 对象用于转换一个不是 Boolean 类型的值转换为 Boolean 类型值 (true 或者false)。 1.Boolean对象的创建 var bool=true;//true var bool2=new Boolean();//false 1 2 注意:当布尔对象没有初始值时或其值为 0，-0，null，""，false，undefined，NaN时，对象值为fasle，其他值都false。这个在后面的其他数据类型转换为布尔类型时有用到。 2.Boolean对象的属性 //
-
发表了文章 2023-01-10
最快掌握JavaScript的Number对象
最快掌握JavaScript的Number对象 这篇博客主要和大家分享一下JavaScript中Number对象。 一、Number对象 JavaScript中只有一种数字类型，包含整数型和浮点小数型。如下： 1.数字的声明 var num=1; var num2=new Number(10); console.log(num,num2); console.log(typeof num,typeof num2); var num3=new Number("a"); console.log(num3);//NaN var num4=
-
发表了文章 2023-01-10
最快掌握JavaScript的Math对象
最快掌握JavaScript的Math对象 今天来教大家一个在JavaScript中很重要的对象Math对象，字面意思数学。所以Math对象就是解决数学问题的对象。 1.Math对象的属性 // Math对象用于 解决数学问题 // Math对象没有构造函数 // 属性： // E 返回算术常量 e，即自然对数的底数（约等于2.718）。 console.log(Math.E); // LN2 返回 2 的自然对数（约等于0.693）。 console.log(Math.LN2); // LN10 返回 10 的自然对数（约
-
发表了文章 2023-01-10
JavaScript中Date对象的方法解析
JavaScript中Date对象的方法解析 上篇文章讲到了JavaScript的Date对象，对Date对象的创建和属性进行了讲解，这篇博客我们来讲一讲Date对象的方法有哪些。 1.获取日期的方法 // 获取当前的日期 var oDate=new Date(); // 方法 描述 // getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 console.log(oDate.getDate()); // getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 c
-
发表了文章 2023-01-10
JavaScript的Date对象的创建和属性
JavaScript的Date对象的创建和属性 今天我们来学习一下js中的Date对象。Date 对象主要用于处理日期与时间。 1.Date对象的声明/创建 // 1.创建日期 var oDate=new Date(); console.log(oDate); // 2.定义自定义的日期 // new Date(year,month,day,hour,minute,second,millisecond); var oDate3=new Date(2020,5,27,12,0,0); console.log(oDate3);
-
发表了文章 2023-01-10
JavaScript的字符串之HTML包装方法
JavaScript的字符串之HTML包装方法 前面以前文章我们讲解了字符串的各种方法。这篇文章对字符串的方法进行一些补充。 1.字符串的indexOf()和lastIndexOf()方法的补充 var str='hello world'; // indexOf() lastIndexOf() // 不加第二个参数 console.log(str.indexOf("l");// 2 console.log(str.lastIndexOf("l");// 9 console.log(str.indexOf("l",5));// 9 5之后
-
发表了文章 2023-01-10
JavaScript字符串对象的方法详解
JavaScript字符串对象的方法详解 前面的博客我们说到了字符串对象的创建，属性及字符串的拼接。现在来详细讲一下字符串的方法。 1.ES6之前的方法 // js字符串的方法 var str="hello"; var str1="world"; // concat() 连接两个或更多字符串，并返回新的字符串。 拼接字符串 console.log(str+str1); console.log(str.concat(str1)); console.log(str);//hello // indexOf() 返回某个指定的字符串值
-
发表了文章 2023-01-10
利用js的数组制作二级联动
利用js的数组制作二级联动 前面的博客我们讲解js的数组及相关属性和方法，今天我们来说一下如何利用js的数组制作二级联动效果。当然，说到二级联动，跳不过的就是多维数组。 1.多维数组 // 多维数组：数组作为数组的项 // 二维数组 两层数组 // 二维数组的创建 var arr=[1,2,3,4];//一维数组 // 1.字面量方式声明 var arr2=[[1,2,3],[1,2,3],[4,5,6]]; // 2. 采用构造函数 使用 new 关键字 var arr3=new Array([1,2,3],[4,5
-
发表了文章 2023-01-10
JavaScript字符串的拼接和转义字符
JavaScript字符串的拼接和转义字符 这篇博文主要讲一下字符串的拼接和转义字符的简单使用。 1.字符串的拼接 // js字符串的拼接 + var str="hello"; var str1="world"; console.log(str+str1); // var str=``;//模板字符串 console.log(`${str}${str1}`); // 外单内双 外双内单 var str3='"'; var str4="'"; console.log(str3); doc
-
发表了文章 2023-01-10
JavaScript字符串对象的创建和属性
JavaScript字符串对象的创建和属性 字符串对象同样是JavaScript的内置对象，用来储存和处理文本。 1.字符串的创建 // 创建字符串 // 1.字面量的方式 "" '' `` var str="hello"; var str1='world'; var str2=`hello China`;//模板字符串 // 2.使用 new 关键字创建 构造函数 var str3=new String("hello Nanjing"); console.log(typeof str);// String
-
发表了文章 2023-01-10
简单解析JavaScript中数组的冒泡排序和选择排序
简单解析JavaScript中数组的冒泡排序和选择排序 上篇博客我们讲解了数组的sort()方法，这篇博客我们来讲一下数组的另外两种排序方法：冒泡排序和选择排序。其中冒泡排序在前端面试中笔试部分经常会被问到。 1.冒泡排序 冒泡排序：简单解释，就是相邻两元素之间两两比较，比较出大值进行赋值互换，再依次与相邻的元素比较，层层递进互换元素位置，相互赋值，最后得出排序的结果。 在这里插入图片描述 var arr = [100, 20, 9, 3, 22, 111, 28, 55]; // js数组的冒泡排序 // var arr=[1,2,3,4] // 第一层
-
发表了文章 2023-01-10
JavaScript数组的简单排序
JavaScript数组的简单排序 前面的博客分两章分别讲解了数组对象的基本属性和方法，以及数组迭代方法的使用。今天我们再来讲一讲数组的排序问题。 1.数组的sort()方法 说到数组的排序，大家可能第一反应是前面学过一个数组排序的方法sort(),但是使用这个方法时要注意，sort()本身时可以传参数的，如果不传参数，那我们对数组项进行排序时就会按照ASCII字符顺序排序(也可以理解为字典的排序方式)。比如： var arr=["a","A",10,1,20,2]; console.log(arr.sort());//[1,10,2,20,"A","a"] 1
-
发表了文章 2023-01-10
JavaScript数组对象的迭代方法详解
JavaScript数组对象的迭代方法详解 上一篇博客讲到了数组的方法，当然里边比较复杂的就是数组的迭代方法，因为涉及到了回调函数，所以这篇博客我们来详细讲解一下js数组迭代方法的使用。 1.forEach(funcrion(value,index,arr){})：对数组的每一项运行给定函数，这个方法不进行返回，所以一般用于让数组循环执行某方法。 var arr=[1,2,3,4,5,6]; arr.forEach(function(val,index,arr){ console.log(val,index,arr); }) // 其中：
-
发表了文章 2023-01-10
史上最全JavaScript数组对象详解（二）
JavaScript数组对象详解（二） 上一篇博客我们讲到了JavaScript数组对象的创建，访问和属性，接下来一篇博客主要讲一下JavaScript数组对象的方法及使用。说到数组的方法，主要分为两大部分，一部分是ES6以前的数组方法，一部分是ES6新增的方法。 1.ES6之前的方法 var arr1 = [1, 2, 3]; var arr2 = ["a", "b", "c"]; var arr3 = ["张三", "李四", "王五", "赵六"]; var arr4 = ["a", "b", "c", "a", "b", "c", "a", "b",
-
发表了文章 2023-01-10
史上最详细JavaScript数组对象详解（一）
JavaScript数组对象详解（一） 今天我们来聊一下JavaScript中的数组对象。什么是数组，字面意思就是数据的组合(分组)，简单来说就是用单独的一个 变量 来储存一系列的值。 比如说，现在有几个人，张三，李四，王五，赵六，如果我想将他们都储存起来需要声明四个变量分别储存。但是当数据有太多个的时候就有些不方便了，这个是后我们就可以使用数组来进行储存。 // 单独将每个名字用变量储存 var name1="张三"; var name2="李四"; var name3="王五"; var name4="赵六"; ...
-
发表了文章 2023-01-10
如何配置SVN的服务器端和客户端（二）
3.客户端(tortoisesvn)的配置 1.双击安装包，然后点击下一步 在这里插入图片描述 2.直接点下一步 在这里插入图片描述 3.点击install，进行安装 在这里插入图片描述 4.安装结束后，点击finish 在这里插入图片描述 5.安装汉化语言包，双击安装包，然后点击next 在这里插入图片描述 7.安装结束后配置语言，桌面空白位置右键点击，找到tortoisesvn，选择setting，如下图，语言修改为中文 在这里插入图片描述 8.汉化完之后，在桌面空白位置右键单击选择检出，可以修检出的路径，修改路径后点击确定可能会出现下面的警告框，选择永久接受即可 在这里插入图片描述 9
-
发表了文章 2023-01-10
如何配置SVN的服务器端和客户端（一）
如何配置SVN的服务器端和客户端 好些小伙伴儿在开发的时候都会遇到一个比较麻烦的事情，那就是自己开发的东西不太会整理，或者是团队一起开发，有一些东西不太好整合到一起，那这个时候你们就需要一个版本控制(管理)工具了，当然现在程序用到比较多的是GitHub和国内的码云。但是有一个团队协作也很好用的工具叫SVN，SVN是一个开放源代码的版本控制系统，通过采用分支管理系统的高效管理，简而言之就是用于多个人共同开发同一个项目，实现共享资源，实现最终集中式的管理。今天来和大家说一下怎样配置SVN的服务器和客户端。 1.下载SVN服务器端和客户端安装包 服务器端下载地址：https://www.visu
-
发表了文章 2023-01-10
JavaScript的类和构造函数
JavaScript的类和构造函数 前面一篇博客，我们说到了对象，总结一下就是对象是包含属性和方法的容器。当然说到对象有个问题绕不过，那就是类，当然在es5里边并没有类的概念，但是在这里边有构造函数，可以创建类似于类的函数，说到类我们要知道，类是一种抽象的概念，类似于工厂，模板。然后对象是一具体的一个实例，当然对象可以是类的一个具体实例。接下来接单的说一下“类”和构造函数。 // 对象是指 具体到一个实体 // 类 是抽象的概念 模板 工厂 // 类名一般要大写 // 语法：function 类名(){ // 类的属性和方法(构造
-
发表了文章 2023-01-10
JavaScript对象的注意事项
JavaScript对象的注意事项 前面讲到了JavaScript对象的简单解析，现在来说一下JavaScript对象实际应用时的注意事项。 1.对象可以嵌套对象 var name="蒋庆"; var obj={};//对象 var person={ // name:"马松昊", name:name, age:22, sex:"女", age:18, boyfriend:{ name:"沈春阳", age:23,
-
发表了文章 2023-01-10
JavaScript的对象简单解析
JavaScript的对象简单解析 今天我们来讲一下JavaScript中最重要的知识点之一对象。为什么说对象是最重的知识点之一呢，因为在整个JavaScript中，夸张一点来说，万物皆对象(类似于道可道，非常道)。 js对象是 属性 和 方法的容器。 js对象分为 内置对象 和 自定义对象。 1.首先说一下如何创建对象： // 这里要知道对象是由 花括号包含的键值对组成 // 对象的每一项之间用 , 隔开 var person={ // 键值对 name:"张三", age:12,
-
发表了文章 2023-01-10
简单解析JavaScript中的递归问题之斐波那契
简单解析JavaScript中的递归问题之斐波那契 本篇博客来简单讲解一下JavaScript中的递归函数问题，在数学问题中叫递推。在前面我们学到了for循环，然后利用for循环进行嵌套解决各种问题，其实for循环的嵌套在某种意义上就是一种递归函数。 简单来说递归函数就是在函数体内调用本函数，同时需要注意的是使用递归函数时要注意函数的终止条件，避免函数陷入死循环。下面我们来说一下递归函数中的典型案列，斐波那契数列（黄金比例数列）。 斐波那契数列指的是这样一个数列： 1、1、2、3、5、8、13、21、34、…… 这个数列从第3项开始，每一项都等于前两项之和。 这个问题在数学中的解决方式
-
发表了文章 2023-01-10
利用JavaScript的循环语句再页面中打印图形
利用JavaScript的循环语句再页面中打印图形 前面两篇博客我们讲解怎么使用for循环进行数学的简单计算，这篇博客主要是利用js的循环语句在网页中打印出各种图形。 1.利用js的循环语句打印矩形 // 利用循环语句在网页中打印十行十列的矩形 for (var j = 0; j < 10; j++) { // 一行打印10个 @ for (var i = 0; i < 10; i++) { document.write("@"); } document.write("<br/>");
-
发表了文章 2023-01-10
JavaScript的for循环语句练习之解决小马过河的问题
JavaScript的for循环语句练习之解决小马过河的问题 上篇文章我们说了怎么计算数学问题鸡兔同笼，这边文章咱们来说一下稍微再加大写难度的问题，小马过河。问题是现在有一群马，大马可以驮2石粮食，中马可以驮1石粮食，两头小马才可以驮1石粮食，现在要用100匹马，驮100石粮食，该如何调配？ 在这里插入图片描述 1.解决这个问题主要是要先确定三种马加起来一共有100只，同时驮的粮食加起来也得是100。 // 假设大马为x,中马为y,小马为z 那现在便可得出函数 x+y+z=100 2x+y+z÷2=100 // 转换为for循环解决则变成了： // 假设
-
发表了文章 2023-01-10
JavaScript的for循环语句练习之解决鸡兔同笼问题
JavaScript的for循环语句练习之鸡兔同笼 上一篇文章我们说到了JavaScript中的for循环语句，今天我们来说一下for循环的有关练习，来加强一下对for循环的使用，因为for循环在后面整个的JavaScript中都很重要，比如说tab切换，轮播图，二级联动，冒泡排序等。当然单纯的for循环也只是一个语法的问题，然后重复执行代码，或者是遍历某一些东西。比如： 1.利用for循环打印0到9： for(var i=0;i<10;i++){ console.log(i); } 1 2 3 2.利用for循环遍历是数组项：
-
发表了文章 2023-01-10
JavaScript的break和continue语句的使用和区别
JavaScript的break和continue语句的使用和区别 JavaScript中break 和 continue都是用来控制循环结构，即用在for循环和while循环中。区别在于: break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 1.break语句 break语句会终止循环并且跳出循环 for(var j=0;j<5;j++){ if(j==3){ break; } console.log(j);//0 1 2 }
-
发表了文章 2023-01-10
JavaScript的流程控制之for循环语句和while循环语句（二）
JavaScript的流程控制（二） 上一篇博客说到了JavaScript流程控制的if条件语句和switch选择语句，现在我们来说一下JavaScript流程控制中的循环语句。JavaScript中循环语句主要包含for循环和while循环两类。 for循环 for循环又分为for循环，for…in循环，for…of循环,其中for…of循环是es6中新增的，咱们后面讲es6时再讲，这次主要讲for循环和for…in循环。 1.for循环 循环可以将代码块执行指定的次数。 // 语法： // for(语句1;语句2;语句3){ // 语句4; /
-
发表了文章 2023-01-10
JavaScript的流程控制之if条件语句和switch选择语句（一）
JavaScript的流程控制（一） 接下来我么来讲一下JavaScript的流程控制，JavaScript中的流程控制主要包括条件语句和循环语句。这篇博客主要讲条件语句。说到条件语句主要包括if条件语句和switch选择语句两种。 1.if语句 //语法： // if(判断的条件){ // 条件成立时的执行代码 // } //if语句当条件不成立时，不执行任何的代码 var oDate=new Date(); console.log(oDate.getDay()); if(oDate.getDay()==6){
-
发表了文章 2023-01-10
史上最详细JavaScript的运算符解析（二）
史上最详细JavaScript的运算符解析（二） 上次我们说到JavaScript的运算符，但只是简单的把运算符进行了分类。现在咱们再来说一下前面几个运算符结合起来使用的情况，主要分为一下三个类别： 一元运算符 二元运算符 三元运算符 1.一元运算符 一元运算符，即 ++ (自增) 和 --(自减)，假设有变量a， 可分为a++,a–,++a,–a。 var a=10; var b=a; //a++ a+1 先赋值 后运算 var c=a++;//c=a a+1 console.log(c);//10
-
发表了文章 2023-01-10
史上最详细JavaScript的运算符解析（一）
史上最详细JavaScript的运算符解析（一） 今天，我们来讲一下JavaScript的运算符这一部分知识点。说到运算符，其实我们在上学期间已经接触到过不少，比如说+ - × ÷，=，还有大小的比较等等。但是今天我们要讲的JavaScript的运算符不仅仅这些。在JavaScript中，运算符可以分为四大类： 赋值运算符 算数运算符 比较运算符 逻辑运算符 1.赋值运算符 赋值运算符只有一个，那就是 = 。最常见的是给变量赋值。 var a=10; var b=20; 1 2 2.算术运算符 算术运算符主要包含我们最常见的
-
发表了文章 2023-01-10
史上最好看的利用javascript制作计算器
利用javascript制作计算器 前面我们讲到如何用js模拟计算器的基本运算，现在咱们来讲一下如何使用HTML+CSS+javascript制作一个功能齐全，切外观大气的计算器。功能效果如下图所示： 在这里插入图片描述 HTML代码： <table> <tr> <td colspan="5"> <input type="text" id="text"> </td> </tr> <tr> <td><button value="7
-
发表了文章 2023-01-10
最简单的用js模拟计算器进行计算(初级)
用js模拟计算器进行计算 今天我们来讲一下怎么使用js来模拟计算器的加减乘除基本运算。代码如下： HTML代码： <h1>计算器</h1> <input type="number" name="" id="num1"> <br> <input type="number" name="" id="num2"> <br> <button onclick="func('+')">+</button> <button onclick="func('-')">-</button> <button onclick="func('*')"
-
发表了文章 2023-01-10
最快了解JavaScript变量的作用域
JavaScript变量的作用域 作用域就是可访问的变量的集合。 在JavaScript中变量的作用域分为两种，一种是全局作用域（变量），一种是局部作用域（变量）。 同时在 JavaScript 中, 对象和函数同样也是变量。 1.全局变量(作用于全局的变量) // 1.全局变量 作用于全局 函数体之内可以访问 // 在所有的函数外面声明的变量 var global="全局变量"; function func1() { console.log(global); } func1();
-
发表了文章 2023-01-10
JavaScript的函数（二）
JavaScript的函数之自执行函数和闭包 前面讲到js函数的基本分类及使用，今天我们来聊一下自执行函数的原理以及简单闭包原理。 1.自执行函数 说到自执行函数，其实就是函数不用被调用，自身执行代码块代码。整体思路如下代码： 1.按照我们的想法，先声明一个匿名函数，然后在函数后面加上(),但是会发现报错。如下图： 在这里插入图片描述 按照上面的思路去理解，在匿名函数后面直接加上()应该是可以立即执行的，但这个函数报错了，而且报了两个错误，是因为浏览器在解析js代码的时候，遇到function会当做函数声明，然后检查语法，函数声明必须要有函数名，所以报错；第二个括号处的语法错误在于函数
-
发表了文章 2023-01-10
JavaScript的函数解析（一）
JavaScript的函数 今天和大家说一下js中一个比较重要的内容，函数。 JavaScript 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 JavaScript 函数是被设计为执行特定任务的代码块。 JavaScript 函数会在某代码调用它时被执行。 JavaScript 函数由 function 声明。 JavaScript 函数声明后需要被调用才会执行。 1.无参函数 // 声明函数 function func1(){ console.log("这是一个无参函数"); }
-
发表了文章
2023-01-16
浅谈Ajax请求中的GET,POST,PUT,DELETE,PATCH,OPTIONS
-
发表了文章
2023-01-16
史上最全HTML实体字符整理
-
发表了文章
2023-01-16
HTML5的学习之新增元素
-
发表了文章
2023-01-16
HTML5的学习之表单元素
-
发表了文章
2023-01-16
HTML5的学习之媒体元素
-
发表了文章
2023-01-16
HTML5的学习之canvas画布(五)
-
发表了文章
2023-01-16
HTML5的学习之canvas画布(四)
-
发表了文章
2023-01-16
HTML5的学习之canvas画布(三)
-
发表了文章
2023-01-16
HTML5的学习之canvas画布（二）
-
发表了文章
2023-01-16
HTML5的学习之canvas画布(一)
-
发表了文章
2023-01-16
教你如何用Canvas绘制整身的哆啦A梦
-
发表了文章
2023-01-16
教你如何利用canvas画布绘制哆啦A梦
-
发表了文章
2023-01-11
详细解析JavaScript中的全局属性和方法
-
发表了文章
2023-01-11
详细解析Ajax的使用之向服务器发送GET请求
-
发表了文章
2023-01-11
详细解析Ajax的使用之向服务器发送GET请求
-
发表了文章
2023-01-11
浏览器同步发送请求之form表单提交数据
-
发表了文章
2023-01-11
详细解析JavaScript的Ajax之同步和异步的区别
-
发表了文章
2023-01-11
详细解析cookie，sessionStroage和localStroage的区别
-
发表了文章
2023-01-11
简单解析JavaScript中的cookie对象
-
发表了文章
2023-01-11
详解BOM的存储对象
