随笔分类 -  前端

bootstrap优缺点
摘要：优点： 可以实现响应式布局，开发响应式布局网站很便捷 统一的编码风格 简单易写 详细的说明文档，可快速开发 移动设备优先 性能成熟，在大量项目中使用测试过 缺点： 有兼容性问题，ie6以下不支持 不支持sass 使用定制会产生大量冗余代码 点击导航页面直接切换相应位置时，效果像一个锚点，没有滚动动画 阅读全文
posted @ 2018-02-23 20:36 鲨鱼余烁 阅读(461) 评论(0) 推荐(0)
继承的五种方式
摘要：1.混入式继承 var obj1 = {} var obj2 = { name: 'ys', age: 18 } for(var k in obj2){ obj1[k] = obj2[k] } 2.原型继承 // 方法一: function Person() { }; var obj1 = {} v 阅读全文
posted @ 2018-02-23 20:35 鲨鱼余烁 阅读(192) 评论(0) 推荐(0)
cookie优缺点以及和session区别
摘要：优点： 1.不需要任何服务器资源 2.轻量级 3.通过加密和SSL，减少cookie被破解的可能性 4.通过良好的编程，控制保存在cookie中的session对象的大小 缺点： 1.cookie的大小长度有限制 2.一个域名能存放的cookie数量也有限 3.潜在安全风险，cookie可能被拦截， 阅读全文
posted @ 2018-02-21 00:42 鲨鱼余烁 阅读(294) 评论(0) 推荐(0)
AMD与CMD区别
摘要：AMD：异步模块定义，是一个浏览器端模块化开发的规范，由于不是原生JS支持,使用AMD规范需要用到require.js库require.js注意解决两个问题1、多个js文件可能有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器2、js加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应的 阅读全文
posted @ 2017-09-28 02:45 鲨鱼余烁 阅读(195) 评论(0) 推荐(0)
ajax原理
摘要：ajax原理：相当于在用户和服务器之间加了一个用户层(ajax引擎）,让用户操作与服务器响应异步化。 ajax运行机制：在服务器和浏览器之间加上一层ajax引擎，主要是通过XMLhttpRequest对象来实现服务器与浏览器异步交互特性，通过DOM来实现局部刷新，异步性和局部刷新使用户体验前后端数据 阅读全文
posted @ 2017-09-17 17:18 鲨鱼余烁 阅读(215) 评论(0) 推荐(0)
ES6一些新特性记录
摘要：ES6一些新特性记录 1.箭头操作符 箭头操作符左边是需要输入的参数，右边是返回值 比如运用到js回调函数中可以使书写更加方便 又比如一块简单的代码： 如果方程式比较复杂，则需要用{}把代码包起来。 2.增强对象字面量 es6新特性中对象字面量被增强了，使用更为简洁灵活 a.可以直接在对象字面量里定 阅读全文
posted @ 2017-09-10 20:27 鲨鱼余烁 阅读(495) 评论(0) 推荐(0)
函数与构造函数的本质
摘要：##1.铺垫要了解函数，先要铺垫几个知识点：a.实例化:从一个定义(类名),变成一个实际存在(占用内存)的对象. b.初始化:你可以理解为创建 . c.构造方法:你可以理解为对象从无到有要进行的操作. d.表达式：凡是将数据和运算符等有值的式子联系起来的式子就是表达式 ##2.函数定义：函数就是被重 阅读全文
posted @ 2017-08-30 10:21 鲨鱼余烁 阅读(252) 评论(0) 推荐(0)
与、或运算符与短路原则
摘要：1.&&与运算符：与运算符字面理解为两者都，其实际上是找假值。demo1`` var a=2; var b=3;m=a && b;console.log(m); //3``记住一句话：&&运算，如果结果是true，则取最后一个值，如果结果是false,则取第一个值。原理：&&找假值，当找到第一个假值 阅读全文
posted @ 2017-08-29 02:06 鲨鱼余烁 阅读(1046) 评论(0) 推荐(0)
清除浮动的几种方式
摘要：1.overflow:hidden;先找到浮动元素的父元素，给父元素添加overflow:hidden样式 div{ overflow:hidden; } 缺点：超出父盒子的部分会被隐藏。 2.使用额外标签法清除浮动 .clear{ clear : both; } 在浮动的盒子下再放一个标签.cle 阅读全文
posted @ 2017-08-29 02:04 鲨鱼余烁 阅读(200) 评论(0) 推荐(0)
作用域与变量提升
摘要：一、作用域1.函数作用域：变量在声明它们的函数体以及在嵌套这个函数体内都是有定义的。先看一段代码 这里涉及到了变量提升，变量初始化后，js会将变量的声明提升到函数顶部，如果是函数外部的全局变量，则提升到js顶部（作用域顶部）所以这段代码可以转化成demo ``##需要注意一点的是，函数有两种声明形式 阅读全文
posted @ 2017-08-29 02:02 鲨鱼余烁 阅读(180) 评论(0) 推荐(0)
字符串的截取方式
摘要：字符串的截取方式：1.split() ：把一个字符串分割成字符串数组str.split(separator,howmany)第一个参数：从哪里开始截取字符串（必写）；第二个参数：分割的数量，返回的数组最大长度（可选），如果设定了该参数，则不会返回子串多于该参数的数组##如果把空字符串("")当做第一 阅读全文
posted @ 2017-08-29 02:00 鲨鱼余烁 阅读(289) 评论(0) 推荐(0)
状态保持
摘要：一、http无状态协议：前端向后端发请求时，后端只会返回相应的数据，但是不会记录任何信息。所以浏览器每次向后端发送请求，后端都会把它当成一次新的请求对待。优点：服务器不需要先前的信息，回应会比较快。缺点：如果浏览器发送请求需要先前的信息，那么会导致每次传输的数据量变大。 二、状态保持http无状态功 阅读全文
posted @ 2017-08-28 12:00 鲨鱼余烁 阅读(148) 评论(0) 推荐(0)
原型与原型链
摘要：1.原型##原理：原型链的思想是，通过原型让一个引用类型继承另一个引用类型的属性和方法。##原型是什么：当一个构造函数被创建出来的时候，系统会为这个构造函数关联一个空的对象，这个对象就是这个构造函数的原型。##原型的作用：原型是一个对象，这个对象的属性和方法会被与其关联的构造函数创建出来的实例化对象 阅读全文
posted @ 2017-08-28 11:56 鲨鱼余烁 阅读(140) 评论(0) 推荐(0)
同源与跨域
摘要：一、同源：指三个相同：协议相同，域名相同，端口相同，不同源的网站不可以相互访问 同源的目的：保证用户信息的安全，防止恶意的网站窃取数据。同源策略是必须的，如果cookie在不同源的网站共享，那么互联网将毫无安全性可言。 同源策略的限制范围：1.cookie,LocalStorage，IndexDB无 阅读全文
posted @ 2017-08-28 11:50 鲨鱼余烁 阅读(154) 评论(0) 推荐(0)
this指向
摘要：一、this指向在函数定义的时候是确定不了的，只有在函数执行时才能确定this到底指向谁，实际上this最终指向的是最后调用它的对象。 1.demo1`` `` ##window是js中的全局对象，在以上例子中，函数a是被window调用的，所以this指向了window.由于window没有use 阅读全文
posted @ 2017-08-28 09:59 鲨鱼余烁 阅读(147) 评论(0) 推荐(0)
创建对象的三种方法
摘要：1.通过字面量创建对象`` `` 2.通过构造函数创建对象`` `` 3.通过Object方式创建，先通过Object构造器new一个对象，再往里面丰富成员信息`` `` 阅读全文
posted @ 2017-08-28 09:14 鲨鱼余烁 阅读(221) 评论(0) 推荐(0)
事件代理与事件处理流程
摘要：1.事件代理(事件委托）定义：当我们要对多个元素添加事件时，可以将事件添加给它们的父节点，而将事件委托给父节点来触发函数。 如以上代码，要给li下的a注册事件，我们一般会将所有的a都注册事件，这样就非常麻烦。##从最底层的标签开始找，所以找到的是a，不是li.我们可以使用更简单的事件代理机制，当事件 阅读全文
posted @ 2017-08-28 08:52 鲨鱼余烁 阅读(352) 评论(0) 推荐(0)
闭包
摘要：闭包：可以访问另外一个函数内部变量的函数就叫闭包 function f1 () { var n1 = 999; function() { alert(n1) } return f2 } f1()(); 闭包的作用： 1.读取函数内部的变量 2.让函数内部的变量始终保持在内存中，不会在函数被调用后被垃 阅读全文
posted @ 2017-08-28 08:42 鲨鱼余烁 阅读(291) 评论(0) 推荐(0)