阿博呀呀呀。-优快云博客

原创前段性能优化

目录性能优化：一、减少请求资源大小或者次数　二、代码优化相关三、存储四、其他优化性能优化：一、减少请求资源大小或者次数　 1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个）　　原因：主要是为了减少http请求次数以及减少请求资源的大小　　打包工具：　　webpack 　　gulp 　　grunt .　　.... 2、尽量所使用的字体图标或者SVG图标来代替传统png图　　因为字体图标或者SVG是矢量图，代...

2020-08-16 18:03:48 218

原创 js排序算法

十大经典算法排序总结对比一张图概括：主流排序算法概览名词解释：名词解释： n: 数据规模k:“桶”的个数In-place: 占用常数内存，不占用额外内存Out-place: 占用额外内存稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同冒泡排序（Bubble Sort）：冒泡排序须知：作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最熟悉。。。冒泡排序还有一种优化算法，就是立一个flag，当在一趟序列遍..

2020-08-16 17:52:26 439 1

原创面向对象三大基本特征，五大基本原则

目录面向对象三大基本特性,五大基本原则三大特性：封装三大特性：继承三大特性：多态五大基本原则：面向对象三大基本特性,五大基本原则透切理解面向对象三大基本特性是理解面向对象五大基本原则的基础. 三大特性：封装所谓封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。封装是面向对象的特征之一，是对象和类概念的主要特性。简单的说，一个类就是一个封装了数据以及操作这些数据的代码的逻辑实体。在一个对象内部，...

2020-08-16 17:14:42 431

原创深入了解JS原型和原型链，new、this关键字详解

深入javascript之原型和原型链原型和原型链是js中的难点也是重点，明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效，并且原型和原型链会是面试中必不可少的话题。看完此篇文章一定会让你对原型，原型链有深刻全面的了解。深入系列：深入javascript之作用域深入系列：深入javascript之执行上下文一，函数对象所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型）所有函数拥有pro...

2020-08-16 16:44:13 544

原创懒加载是什么？有什么作用？

什么叫懒加载、懒加载有什么作用？懒加载其实就是延时加载，即当对象需要用到的时候再去加载。 -----概括什么叫做需要用到的时候？比如说一个对象被创建出来就需要一笔内存开支，如果接下来就没有其他的操作（比如NAMutableArray对象还没有被存放数据；UIView对象还没有被显示出来），那可以认为这个对象创建得|“过早”了。那如何使用懒加载呢？自从点语法出现以后，访问一个对象基本就类似于self.clickBtn或者是[selfclickBtn]，这都是调用的clickBtn的getter..

2020-07-22 17:59:15 939

原创 JS组成简介-BOM总结详解

一.Javascript组成目录一.Javascript组成二、什么是BOM？三、关于BOM知识的思维导图四、BOM对象五、窗口尺寸与大小六、系统对话框七、主流浏览器的介绍 JavaScript的实现包括以下3个部分： ECMAScript(核心) 描述了JS的语法和基本对象。文档对象模型（DOM）处理网页内容的方法和接口 ...

2020-07-21 18:28:57 944

原创 JavaScript 事件类型、绑定方式、事件流、处理程序分析

什么是事件？ JavaScript创建动态页面。事件是可bai以被du JavaScript 侦测到的行为。网页中的每个元素都可zhi以产生某些可以触发 JavaScript 函数或程序的事dao件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。主要事件表: 事件类型事件类型是用来说明发生什么类型事件的字符串，如：click、dblclick、keydown、mouseover、mouseout等等，其分为.

2020-07-13 02:06:41 739 3

原创 JavaScript 对象超细致总结

一、什么是对象？对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。二、对象的创建（3种方法） 1、对象直接量/字面量： var obj = { name: 'zsn', age: 18 } console.log(obj.name);//zsn 2、构造函数：系统自带的， ps...

2020-07-13 01:48:16 393 1

原创 JavaScript 关键字break和continue的理解

break关键字可以用来退出switch或循环语句 * 不能在if语句中使用break和continue * break关键字，会立即终止离他最近的那个循环语句 continue关键字可以用来跳过当次循环 * 同样continue也是默认只会对离他最近的循环循环起作用可以为循环语句创建一个label，来标识当前的循环。 * label:循环语句 * 使用break语句时，可以在break后跟着一个label， * 这样break将会结束指定的循环，而不是最近的。 continue .

2020-07-13 01:31:40 414 1

原创 JavaScript 字符串相关操作方法，详细讲解

1. length 获取字符串的长度 var browserType = 'mozilla'; browserType.length;//7 2. str[idx]、charAt()、charCodeAt() str[idx]属性访问charAt()方法返回字符串中指定下标（位置）的字符串charCodeAt()方法返回字符串中指定索引的字符 unicode 编码 browserType[0]; //m browserType.charAt(0); //m browserTyp...

2020-07-13 01:25:55 558 1

原创 JS 数组相关操作方法

数组的定义数组是一组数据的集合，在内存中是一段连续的内存空间。数组的特点数组定义时可以无需指定数组长度存储数据是无需指定具体类型，可以存储任意类型数组的创建对于数组的创建有一下31233 var a1 = []; var a2 = new Array(); var a3 = new Array(3); 一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 var arr1 = [1,2,3]; var.

2020-07-13 01:17:07 357 2

原创 JavaScript中的流程语句详解

流程语句概述其大致内容包括如下：流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、do……while循环语句、break语句、continue语句和switch语句等语句。一、if语句 if语句是用来判定所给定的条件是否满足，根据判定的结果（真或假）决定执行给出的两种操作之一。 var a=5; //声明变量a，并赋值为5. var b; //声明变量b。 if(a==b){...

2020-07-09 18:19:32 625 1

原创详解js的六大数据类型，运算符。

目录数据类型简介： 1.Number类型 2.String类型 3.Boolean类型 4.Null类型 5.Undefined类型 6.Object类型运算符简介：算数运算符：一元运算符逻辑运算符赋值运算符：关系运算符：相等运算符：条件运算符：运算符优先级：数据类型简介： js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Object）。前面说到js中变量

2020-07-09 16:43:26 671 1

原创 JS实现二级、三级、四级联动效果。详细

流程目录介绍思路实现页面初始化效果编写JS文件总结需要注意的问题结束介绍做页面开发或客户端程序开发，都会碰到几个下拉菜单联动的情况，例如在网上买东西的时候，就会选择收货地址，以及在填写家庭信息的时候，都会用到常见的省，市，区三级联动。思路页面加载的时候显示的是默认的初始省市县，通过选择不同的省和市，则该省对应的市和县显示为默认。当点击省份列表中的某一项，此时触发省份下拉框的onchange事...

2020-07-09 11:21:58 3676 5

原创 JS特点、使用方法、以及作用域！精

1、JS是什么？ Javascript（JS）是一种脚本语言，是由浏览器解释执行的, 简称js,它能够让网页和用户有交互功能, 增加良好的用户体验效果。主要用于Web。它用于增强HTML页面，通常可以嵌入HTML代码中。JavaScript是一种解释型语言。因此，它不需要编译。 2、JS的特点是什么？ 1、解释性：javascript是一种解释语言，源代码不需要经过编译，直接在浏览器上运行时被解释。 2、跨平台：JavaScript依赖于浏览器本身，与操作环境无关。只要能运行浏览器的计算机，并支持J

2020-07-08 14:58:45 2307 2

weixin_47703646的博客