自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 js联动解析

知识点:1.onchange2.SelectedIndex3.数组4.for循环5.变量知识点解析:1.onchange 常用于单选框与复选框改变后触发的事件。2.selectedIndex 可设置或返回下拉列表中被选中选项的下标。3.联动要用到的是 多维数组,其中它的结构是层层对照的,不要被迷了。4.for循环在这里的作用是,通过循环把数组里的内容一一对照着输出到标签里。小提示:千万不要把下标搞混了。5.在制作联动的时候我们会遇到传参,但是参数在函数中,就形成了局部变量,我们声明一个

2020-07-08 17:02:53 323

原创 web前端性能优化大全

什么是性能优化性能优化就是让页面加载的更快,对用户操作响应更及时,为用户带来更好的用户体验,对于开发者来说优化能够减少页面请求数,能够节省资源。前端优化的方法有很多种,可以将其分为两大类,第一类是页面级别的优化如http请求数,内联脚本的位置优化等,第二类为代码级别的优化,例Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。页面级别优化http请求减少http请求数是最重要也是最有效的方法,可以通过以下方法来减少http请求(1)合理的设置http缓

2020-08-16 18:17:28 178

原创 js排序方法大全

1.冒泡排序比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。针对所有的元素重复以上的步骤,除了最后一个。持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。var arr = [5,4,8,1,3,7,0,9,2,6];var len = arr.length;var tmp = null;for(var j=0; j<len-1; j++){ //循环9次

2020-08-16 18:11:01 248

原创 面向对象大全

三大基本特征:封装、继承、多态1、封装封装就是隐藏对象的属性和实现细节,仅对外公开接口,控制在程序中属性的读和修改的访问级别,将抽象得到的数据和行为(或功能)相结合,形成一个有机的整体,也就是将数据与操作数据的源代码进行有机的结合,形成“类”,其中数据和函数都是类的成员。  封装的目的是增强安全性和简化编程,使用者不必了解具体的实现细节,而只是要通过外部接口,以特定的访问权限来使用类的成员。2、继承继承是面向对象的基本特征之一,继承机制允许创建分等级层次的类。继承就是子类继承父类的特征和行为,使得

2020-08-16 18:03:07 203

原创 原型和原型链的关系以及new和this用法

什么是原型JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Object ,Function 是JS自带的函数对象。每个对象都有原型(null和undefined除外),你可以把它理解为对象的默认属性和方法。console.log(Object.prototype); //Object{}var o = new Object();console.log(o.prototype); //undefinedconsole.log(Array.prototype);

2020-08-16 17:59:06 365

原创 js bom操作方法

bom1. 什么是bom?BOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM缺乏标准,javascript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部份。BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location。window是全局对象很多关于浏览器的脚本设置都是通过它。location则是与地址

2020-07-21 20:56:54 295

原创 JS高级购物车知识点总结

知识点总结事件、append插入、if判断、自加载函数什么是事件事件是发生在 HTML 元素上的事情事件概念事件可以是浏览器行为,也可以是用户行为。常用事件列表onabort 图像加载被中断onchange 用户改变域的内容 onclick 鼠标点击某个对象onkeydown 键盘事件 onload 某个页面或图像被完成加载 onmousemove 鼠标移动事件 onmouseout 鼠标从某元素移开 onmouseover 鼠标被移到某元素之上 onselect 文本被选定

2020-07-20 20:56:32 784

原创 js事件操作方法

js事件事件是什么?事件可以是浏览器或用户做的某些事情。事件总结事件绑定有几种方法?标签事件绑function print(){  console.log('print');}<button onclick="show()">点我</button>使用属性名称绑定<button id="btn">点我</button><script type="text/javascript"> var btn=document.ge

2020-07-14 20:12:02 536

原创 原生js对象操作方法

js对象什么是对象?JS 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。常用的集中创建对象方法通过{}创建对象var o = {};o.name = 'jack';o.age = 20;o.sayName = function(){ alert(this.name);}alert(o.name+'-'+o.age);o.sayName();通过new object创建对象 var o = new Object(); o.name = "zha

2020-07-14 18:07:33 2514

原创 原生js字符串操作方法

charAt()返回在指定位置的字符。var str="abc"console.log(str.charAt(0))charCodeAt()返回在指定的位置的字符的编码var str="abc" console.log(str.charCodeAt(1))concat()连接字符串var a = "abc"; var b = "def"; var c = a.concat(b); console.log(c)indexOf()检索字符串。indexOf() 方法对

2020-07-14 14:30:45 253

原创 原生js数组操作方法

JS数组的基本操作方法concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, 4, 5]join()join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符

2020-07-10 11:17:26 462

原创 js条件语句操作方法

if语句if语句是最基本的条件判断语句。根据表达式条件来执行相应的处理。if特性:可处理复杂的逻辑关系 。列如:var a=5; //声明变量a,并赋值为5.var b; //声明变量b。if(a==b){ //判断,如果a=b,则执行下面内容 alert("b=5"); //弹窗,b=5.}a==b是if语句中的条件。alert(“a=c”)是if语句中的结果。声明变量a、b,且赋值a=5;当a=b时,弹窗b=5。if … else语句if…e

2020-07-09 18:15:56 347

原创 js数据类型和运算符总结

JavaScript 数据类型JavaScript数据类型JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等:var length = 7; // 数字var lastName = "Gates"; // 字符串var cars = ["Porsche", "Volvo", "BMW"]; // 数组var x = {firstName:"Bill", l

2020-07-09 16:52:02 266

原创 JS知识点解析

js 是什么?1.javascript简称js,js是一种是一种轻量级的编程语言。js的作用是什么?主要用来向HTML页面添加交互行为。js的应用场景是什么?网页特效、服务端开发、命令行工具、桌面程序、游戏开发、app、控制软件、等。js的常见用处在网页中插入新的 html,修改现有的网页内容和网页的样式。响应用户的行为,响应鼠标的点击或移动、键盘的敲击。向远程服务器发送网络请求,下载或上传文件(所谓 AJAX) 和 COMET) 技术)。获取或修改 cookie,向访问者提出问题、发送

2020-07-08 15:11:11 322

原创 原生js数据类型大全

javascript数据类型分两种:1.简单数据类型(值类型)2.复杂数据类型(引用类型)3.值类型和引用类型的区别4.检测数据类型的方法一、基本数据类型(值类型)1.字符串类型/String【创建方法】var str=’abc’;2.数字类型/Number【创建方法】var num=123;3.布尔类型/Boolean【创建方法】var bool01=true; =1...

2019-11-08 14:22:07 528

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除