Zhang5373708-优快云博客

原创 js联动解析

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

2020-07-08 17:02:53 409

原创 web前端性能优化大全

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

2020-08-16 18:17:28 273

原创 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 331

原创面向对象大全

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

2020-08-16 18:03:07 299

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

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

2020-08-16 17:59:06 463

原创 js bom操作方法

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

2020-07-21 20:56:54 385

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

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

2020-07-20 20:56:32 900

原创 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 637

原创原生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 2609

原创原生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 323

原创原生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 570

Zhang5373708的博客