Heading for the future

08 2018 档案

jsonp跨域
摘要：首先我们来说说什么是跨域 跨域：是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。但是一般情况下不能这么做，它是由浏览器的同源策略造成的 这里我们又会有一个问题啥叫同源策略啊，那我们再来说说同源策略，首先什么叫同源呢？字面 阅读全文
posted @ 2018-08-31 08:14 一只菜鸟攻城狮啊 阅读(2788) 评论(1) 推荐(1)
浅谈事件冒泡和事件捕获
摘要：首先我们来说说什么是事件冒泡 事件冒泡：子级寻找父级的过程 当子级触发事件时，这个事件会形成一个时间流，这个事件流会逐步的向上传播， 所经过的父级的和子级相同的事件会被执行 事件捕获：父级查找子级的过程叫事件捕获 当子级触发一个事件时会触发事件流，这个事件流会从父级传递到子级，所经过的 所有子级的相 阅读全文
posted @ 2018-08-25 09:14 一只菜鸟攻城狮啊 阅读(469) 评论(0) 推荐(0)
JS中的兼容问题总结
摘要：JS里面常见的兼容性问题 1.获取滚动距离 document.documentElement.scrollTop || document.body.scrollTop （兼容IE） 2.获取非行间样式 getComputedStyle(元素,false)[attr] || 元素.currentSty 阅读全文
posted @ 2018-08-23 13:57 一只菜鸟攻城狮啊 阅读(255) 评论(0) 推荐(0)
JS写的二级导航栏（利用冒泡原理）
摘要：今天给大家分享一种用JS写的导航栏，虽然我们工作中不会使用JS来做导航栏，为了练习我们用JS来做一个JS导航栏 这种方法要比其他方法代码量少很多，但是需要对事件冒泡有一定的理解，如果需要理解冒泡可以参考一下， 该注释的地方我都给大家注释上了 思路：给所有的 li 加上 鼠标移入事件当鼠标移入时会触发 阅读全文
posted @ 2018-08-23 09:57 一只菜鸟攻城狮啊 阅读(2523) 评论(0) 推荐(1)
ES6中声明变量 let和const特点
摘要：在ES6中新增了let和const let 特点 不会进行变量声明提升 会生成暂时性死区 变量不允许被重复定义 变量不可以被删除 在for循环当中用let定义i 循环时可以保存 i 的值 在块级元素中用let定义的变量只能在当前块级作用域中使用（注：凡是用{}包裹的都是块级作用域，但是除了对象以外） 阅读全文
posted @ 2018-08-22 18:03 一只菜鸟攻城狮啊 阅读(1194) 评论(0) 推荐(0)
浅谈对NaN的理解
摘要：1.NaN : Not a Number 不是一个数字 2.NaN 与其他数值进行比较的结果总是不相等的，包括它自身在内 3.判断是否是NaN， 方法一 ：is.NaN(变量)； 方法二 ：Number.isNaN(变量); 4.NaN的类型是number 注意：undefined转化为数值为NaN 阅读全文
posted @ 2018-08-17 21:21 一只菜鸟攻城狮啊 阅读(255) 评论(0) 推荐(0)
JS中冒泡排序，选择排序，快速排序
摘要：var arr = [1,4,2,9,7,6,5,4,7,5]; // 冒泡排序(通俗的说就是j 和 j+1打，谁赢了谁去后面) for(var i = 1;i<arr.length;i++){ for(var j = 0;j<arr.length - i;j++){ if(arr[j]>arr[j 阅读全文
posted @ 2018-08-17 21:10 一只菜鸟攻城狮啊 阅读(391) 评论(0) 推荐(0)
DOM的查找，新增，删除操作
摘要：查找 1. document.getElementById() 通过ID获取元素，由于ID唯一，所以获取的是一个元素 2. document.getElementsByTagName() 通过标签名获取元素 3. document.getElementsByClassName() 通过Class获取 阅读全文
posted @ 2018-08-17 19:27 一只菜鸟攻城狮啊 阅读(457) 评论(0) 推荐(0)
JS中文档碎片的理解和使用
摘要：1、我们要明白当js操作dom时发生了什么？ 每次对dom的操作都会触发"重排"（重新渲染界面，发生重绘或回流），这严重影响到能耗，一般通常采取的做法是尽可能的减少 dom操作来减少"重排" 2、什么是文档碎片？ document.createDocumentFragment() 一个容器，用于暂时 阅读全文
posted @ 2018-08-17 08:40 一只菜鸟攻城狮啊 阅读(5033) 评论(0) 推荐(1)
JS中undefined和null的区别，以及出现原因
摘要：区别：null是一个表示无的对象，转换为数值为0； undefined表示一个无的原始值，转化为数值为NAN（与任何数字相加也为NAN） undefined出现原因：(口诀：一变量二函数一对象) 1.变量被声明了但是没赋值时 2.调用函数时，应该提供的参数没提供，则该参数为undefined 3.函 阅读全文
posted @ 2018-08-15 23:16 一只菜鸟攻城狮啊 阅读(3696) 评论(0) 推荐(0)
JS中的数学方法
摘要：1 . Math.ceil() 向上取整 2. Math.floor() 向下取整 3. Math.round() 四舍五入取整 4. Math.random() 生成随机数 生成n - m 的随机整数 parseInt(n + Math.random()*(m-n+1)); parseInt是强制 阅读全文
posted @ 2018-08-15 22:58 一只菜鸟攻城狮啊 阅读(662) 评论(2) 推荐(0)
JS中数组去重的九方法
摘要：数组去重方法 方法一:运用set结构特点：存储的数据没有重复的，结果为对象，再用Array.from()转换成数组 var arr = [1,1,2,1,3,4,5]; var set = new Set(arr); console.log(Array.from(set)) 方法二 用ES5新增的i 阅读全文
posted @ 2018-08-12 19:58 一只菜鸟攻城狮啊 阅读(907) 评论(2) 推荐(5)
JS中的三种循环
摘要：三种循环: while do while for while: 语法结构：while（条件）{代码块；改变条件} 步骤：1.初始化变量 2.判断条件 3.执行代码块 4.改变初始条件 5.判断条件 do while 语法结构: do{代码块}while(条件) 步骤： 1.初始化变量 2.无条件执行 阅读全文
posted @ 2018-08-07 22:43 一只菜鸟攻城狮啊 阅读(3289) 评论(0) 推荐(0)
CSS中的sprites
摘要：CSS的sprites（雪碧图，精灵图） *三个名字都要记住 定义：就是将界面上需要的小的导航按钮图标，小图标整合成一张背景图片 然后用background-position来实现背景图片的定位 优点：1.通过整合减少图片数量从而减少对服务器的请求次数 2.整合图片来减少图片体积 图片整合的原则： 阅读全文
posted @ 2018-08-07 22:30 一只菜鸟攻城狮啊 阅读(243) 评论(0) 推荐(0)
图片居中
摘要：三种方法 1.父级设置display：table-cell，text-align：center，vertical-align：middle； 2.给图片再加一个同级的span，在img和span上同时添加display：inline-block，vertical-align：middle；再给spa 阅读全文
posted @ 2018-08-07 22:20 一只菜鸟攻城狮啊 阅读(259) 评论(0) 推荐(0)
link标签链接CSS和@import加载的区别
摘要：link:基本语法 <link rel="stylesheet" href="路径"> @import 基本语法 <style> @import url(地址)； @import url("地址")； @import “地址”； 三种写法都可以 </style> 两者的区别主要在于以下四点 1.种类 阅读全文
posted @ 2018-08-07 22:13 一只菜鸟攻城狮啊 阅读(1532) 评论(0) 推荐(0)
switch和if语句
摘要：if ：基本语法： 1.单分支语句 ： if(条件){代码块}else{代码块} 2.多分支语句 ：if(条件){代码块} else if(条件){代码块}else{代码块} * 不要忘记添加else，以提高用户体验 switch:基本语法 switch(变量){ case val : 代码块； b 阅读全文
posted @ 2018-08-07 22:03 一只菜鸟攻城狮啊 阅读(551) 评论(0) 推荐(0)