javascript
文章平均质量分 56
被操作的年轻人
这个作者很懒,什么都没留下…
展开
-
Javascript中的四大排序
1.冒泡排序原理:冒泡排序顾名思义就是整个过程像气泡一样往上升,冒泡排序的基本思想是(由小到大排序):对于给定n个数,从第一个数开始依次对相邻的两个数进行比较,当前面的数大于后面的数时,交换位置,进行一轮比较和换位后,n个数中的最大数将位于第n位,然后对前(n-1)个数进行第二轮比较;重复该过程,直到数剩下一个为止。 function bubbleSort(a) { for (var i = 0; i < a.length - 1; i++) {原创 2021-03-01 20:58:52 · 196 阅读 · 2 评论 -
JavaScript的严格模式
一、严格模式简介javascript严格模式即在严格的条件下运行。严格模式通过在脚本或函数的头部添加"use strict"; 表达式来声明原创 2021-01-30 22:43:35 · 293 阅读 · 0 评论 -
HTML5缓存(localStorage与sessionStorage)
一、简介比cookie更好的本地存储方式在html5之前,本地存储使用cookie,但是存储大小只有4k,并且解析也很复杂,不利于开发。于是html5给出了解决方案——两个在客户端存储数据的对象:window.localStorage:可以长期存储数据(存储在硬盘中),没有截止日期,直到手动去除。可以多窗口共享,但是不能跨浏览器。 window.sessionStorage:用于临时保存数据,在关闭窗口或标签页时将会删除这些数据。同一个窗口下数据可共享(在当前页面下可以获取到数据,换一个...原创 2021-01-28 22:10:53 · 358 阅读 · 0 评论 -
JavaScript Cookie
一、Cookie简介Cookie用于在网页中存储用户信息 Cookie是一些数据,存储于电脑中小的文本文件中。 当 web 服务器向浏览器发送网页后,连接被关闭,服务器会忘记用户的一切。Cookie 是为了解决“如何记住用户信息”而发明的:当用户访问网页时,他的名字可以存储在 cookie 中。 下次用户访问该页面时,可以在 cookie 中读取用户访问记录。Cookie以名/值对的方式存储,如下所示://username = John Doe;当浏览器从服务器请求一个网页时,将属.原创 2021-01-28 00:37:55 · 148 阅读 · 0 评论 -
js中的加密解密
一、对数字和字母进行编码 var str = "abc21134sdssd"; console.log(btoa(str));//YWJjMjExMzRzZHNzZA== console.log(atob("YWJjMjExMzRzZHNzZA==")); console.log(escape(str)); console.log(encodeURIComponent(str));经过测试发现,escape()和encodeURIComponent().原创 2021-01-27 22:31:40 · 388 阅读 · 0 评论 -
js BOM之其它
一、navigatornavigator对象包含有关浏览器的信息,其中navigator.userAgent属性是一个只读的字符串,声明了浏览器用于HTTP请求的用户代理头的值。可以用来识别不同的浏览器。二、screen三、historylength属性返回历史列表中的网址数 back()方法的作用类似浏览器中的后退按钮 forward()方法的作用类似浏览器中的前进按钮 go()方法可以实现页面跳转,如go(1)等同于forward(), go(-1)等同于back(..原创 2020-12-31 14:18:31 · 87 阅读 · 2 评论 -
js BOM之window.location
location是一个用于存储当前载入页面URL信息的对象一、location的属性二、location的方法location对象提供了三个方法,分别是reload(), assign()和replace()reload()方法的作用是页面的重新加载,另外如果令window.location.href = window.location.href(可简化为location = location);也可以起到重新加载页面的作用 assign()方法是载入一个新页面 repla.原创 2020-12-31 11:26:42 · 148 阅读 · 0 评论 -
js Dom之节点操作
一、DOM元素节点操作二、获取元素的子元素或子节点childElementCount获取子元素的个数 children获取子元素的集合 childNodes获取子节点的集合三、遍历子元素或子节点四、元素的父元素和父节点parentElement元素的父元素 parentNode元素的父节点五、元素的子元素或子节点firstChild获取第一个子节点 firstElementChild获取第一个子元素 ...原创 2020-12-24 23:16:35 · 270 阅读 · 1 评论 -
js Dom之元素属性操作
一、获取与设置属性二、自定义属性的设置和获取三、获取元素的非行内样式的方法原创 2020-12-24 18:45:34 · 119 阅读 · 1 评论 -
js Dom之DOM元素获取
一、2个固定获取(静态获取)静态获取指的是获取页面现有的元素,通过代码添加的元素获取不到二、2个特殊获取指的是特定元素获取body, html这两个返回的是单个对象三、4个动态获取...原创 2020-12-24 13:00:27 · 157 阅读 · 0 评论 -
js数组
一、数组1.数组的声明2.数组的赋值上面的情况,括号里面一个数字表示建立的数组的长度,多个数字为赋值3.数组的取值4.增加、更新数组元素二、数组的遍历1.for循环2.for...in3.forEach4.map方法实现一半三、数组的方法1.concat()2.join(), toString()3.reverse()4.sort()4.push(), unshift(),...原创 2020-12-17 23:01:18 · 80 阅读 · 0 评论 -
js中的字符串方法
一、查找字符串1.indexOf(), lastIndexOf()找出对应字符串的索引,找不到返回-1。第一个参数是字符串,第二个参数表示从哪个索引开始找起其中lastIndexOf()是从后往前找2.includes()查找字符串中是否包含指定的子字符串,包含返回true,不包含返回false3.search()(1)普通的查找,返回指定字符串的索引; (2)查找与正则表达式相匹配的值二、指定索引位置1.charAt()返回指定索引位置的字符...原创 2020-12-10 19:44:50 · 116 阅读 · 1 评论 -
js中offsetWidth, clientWidth,offsetLeft和scrollLeft等的区别
* { margin: 0; padding: 0; } .content { /*position: relative;*/ /*top: 30px; left: 30px;*/ width: 400px; height: 400px; border: 10px so...原创 2020-12-03 23:00:27 · 115 阅读 · 0 评论 -
javascript_es5基础
一、数据类型数字: Number,字符串: String,真假型: Boolean,空值引用: Null,未定义类型: Undefined,对象型: Object 对象型Object又分为函数类型: Function,日期类型: Date,数组类型: Array,自定义对象: {}以上六大类型又可分为:值类型(基本数据类型/简单数据类型)和引用类型(复杂数据类型)值类型: 数字: Number, 真假型: Boolean,空值引用: Null,未定义类型: Undefine...原创 2020-11-27 21:44:12 · 153 阅读 · 0 评论 -
js部分内置对象
一、Datedate对象用于处理日期和时间二、StringString对象用于处理文本(字符串)三、MathMath对象用于执行数学任务,它没有构造函数Math()原创 2020-12-31 16:08:23 · 70 阅读 · 0 评论 -
ajax基础
一、什么是ajaxajax是Asynchronous Javascript and XML的缩写(意思是异步的javascript和XML)它是一种局部刷新技术,即在不重新加载整个页面的情况下,更新部分网页。它的作用是:请求后端接口,返回数据到前端,前端根据需求渲染数据到界面。二、原生js如何实现ajax实现ajax离不开"XMLHttpRequest"对象,ajax就是通过它来发送异步请求的,下面来具体介绍ajax的实现。五步法:1.创建ajax对象;2.建立服务器连接;3..原创 2021-01-13 13:04:13 · 175 阅读 · 0 评论 -
js Dom之事件
一、dom元素添加事件直接在元素上绑定事件动态绑定事件用for循环添加事件使用事件监听添加事件二、事件冒泡机制阻止事件冒泡e.stopPropagation() e.cancaelBubble = true;三、事件捕获还是冒泡四、事件的委托自身的事件委托给其他元素执行ul的事件,点击ul却不执行,点击ul下的li执行五、事件对象...原创 2020-12-25 01:20:38 · 144 阅读 · 1 评论 -
js使用函数来创建对象
一、使用函数创建对象js编程es5中没有class类,只有function, es6向后端靠拢,才出现了类function people() { this.name = ""; this.age = ""; this.sex = ""; this.sleep = function () { return "睡觉"; } this.eat = function () { .原创 2021-01-19 15:17:22 · 851 阅读 · 0 评论 -
js原型和原型链
一、函数和对象所有函数都拥有一个prototype(原型)属性 所有对象都拥有一个__proto__属性和constructor属性 在js中因为函数也是对象,所以函数也拥有__proto__属性和constructor属性二、 两个等式 function Animal() { this.name = ""; this.age = ""; this.sex= ""; this.sleep = function ().原创 2021-01-21 11:12:12 · 74 阅读 · 0 评论 -
js继承
一、原型链继承核心:将父类实例作为子类的原型对象//动物类 function Animal(name, sex) { this.name = name || 'Animal'; this.sex = sex || '未知'; this.sleep = function () { console.log(this.name + "在睡觉"); } } Animal.prototype .原创 2021-01-23 16:59:32 · 1680 阅读 · 0 评论