12 2018 档案

Array.prototype.slice()理解
摘要：可以将类数组转换为数组(arguments) 让arrayLike拥有数组的slice方法，slice方法被调用，其作用目标为arrayLike，由于没有传入其他参数，slice()默认返回所有下标的元素并返回新数组 Es6 Array.from To do 阅读全文
posted @ 2018-12-12 11:11 lemonib 阅读(352) 评论(0) 推荐(0)
ajax相关
摘要：使用原生js实现ajax 阅读全文
posted @ 2018-12-09 22:23 lemonib 阅读(113) 评论(0) 推荐(0)
安全
摘要：22、前端安全方面有没有了解？XSS和CSRF如何攻防？ XSS(Cross Site Scripting)是跨站脚本攻击，为了区分CSS，所以缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的 阅读全文
posted @ 2018-12-09 22:23 lemonib 阅读(161) 评论(0) 推荐(0)
Js内置对象（global和Math）
摘要：Global对象（全局对象） 1、encodeURI(URIString) 功能：将字符串作为URI进行编码，返回值为URIstring 的副本。 2.encodeURIComponent(URIString) 功能：将字符串作为URI组件进行编码，返回值为URIstring的副本。 3、parse 阅读全文
posted @ 2018-12-09 22:11 lemonib 阅读(737) 评论(0) 推荐(0)
JS内置对象（Date和RegExp）
摘要：创建Date对象4种方式 日期API 日期分量：FullYear、Month、Date、Day、Hours、Minutes、Seconds、Milliseconds。每一个日期分量都有一个get和set方法（除了Day没有set方法），分别用于获取和设置时间对象。 日期的单位及范围: 年FullYe 阅读全文
posted @ 2018-12-09 22:07 lemonib 阅读(365) 评论(0) 推荐(0)
JS内置方法(object）
摘要：属性 constructorprototype 实例方法 1、toString()返回当前对象的字符串形式，返回值为String类型。 2、toLocaleString()返回当前对象的"本地化"字符串形式，以便于当前环境的用户辨识和使用，返回值为String类型。 3、valueOf()返回指定对 阅读全文
posted @ 2018-12-09 22:06 lemonib 阅读(1098) 评论(0) 推荐(0)
valueOf和toString的区别
摘要：这两个方法有意思的地方在于什么时候使用，总结如下： 1、valueOf()偏向于运算，toString()偏向于显示 2、对象转换时，优先调用toString() 3、强转字符串的情况下，优先调用toString()方法；强转数字的情况下优先调用valueOf() 4、正常情况下，优先调用toStr 阅读全文
posted @ 2018-12-09 20:54 lemonib 阅读(2023) 评论(0) 推荐(0)
关于Object.prototype.toString.call(xx)
摘要：Object.prototype.toString.call(xx) 为什么不直接Object.prototype.toString Array ，function等类型作为Object的实例，都重写了toString方法 不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重 阅读全文
posted @ 2018-12-09 20:29 lemonib 阅读(198) 评论(0) 推荐(0)
Promise 必知必会
摘要：可以把 Promise 看成一个状态机。初始是 pending 状态，可以通过函数 resolve 和 reject ，将状态转变为 resolved 或者 rejected 状态，状态一旦改变就不能再次变化。 then 函数会返回一个 Promise 实例，并且该返回值是一个新的实例而不是之前的实 阅读全文
posted @ 2018-12-08 12:59 lemonib 阅读(179) 评论(0) 推荐(0)
函数防抖和节流
摘要：防抖 防抖和节流的作用都是防止函数多次调用。区别在于，假设一个用户一直触发这个函数，且每次触发函数的间隔小于wait，防抖的情况下只会调用一次，而节流的 情况会每隔一定时间（参数wait）调用函数。 节流 防抖动和节流本质是不一样的。防抖动是将多次执行变为最后一次执行，节流是将多次执行变成每隔一段时 阅读全文
posted @ 2018-12-08 12:38 lemonib 阅读(165) 评论(0) 推荐(0)
去面试吧之算法与数据结构
摘要：数据结构: 列表 栈 栈是一种后入先出的数据结构，其实是一种特殊的列表，栈内的元素只能通过 队列 队列也是一种特殊的列表，和栈不同的是，队列是一种先进先出的数据结构， 二叉树树 二叉查找树是一种特殊的二叉树，相对较小的值保存在做节点，较大的值保存在右节点。 先序遍历：先访问根节点，然后以同样的方式访 阅读全文
posted @ 2018-12-08 00:11 lemonib 阅读(146) 评论(0) 推荐(0)
去面试之性能问题
摘要：1.网络传输性能优化 1.1.浏览器缓存 强缓存 实现强缓存可以通过两种响应头实现：Expires 和 Cache-Control 。强缓存表示在缓存期间不需要请求，state code 为 200 Expires: Wed, 22 Oct 2018 08:41:00 GMT Expires 是 H 阅读全文
posted @ 2018-12-07 23:44 lemonib 阅读(136) 评论(0) 推荐(0)
去面试啦 兼容方案
摘要：一、HTML5标签兼容方案：html5shiv.js html5shiv.js可帮助IE6-8浏览器兼容HTML5语义化标签。 二、CSS3媒体查询兼容方案：Respond.js Respond.js可帮助IE6-8兼容“min/max-width”媒体查询条件 三、CSS3字体单位“rem”兼容方 阅读全文
posted @ 2018-12-07 23:43 lemonib 阅读(106) 评论(0) 推荐(0)
去面试啦框架相关
摘要：* 阅读全文
posted @ 2018-12-07 23:42 lemonib 阅读(73) 评论(0) 推荐(0)
去面试啦 面试准备
摘要：H5C3购物页面 编写这个页面主要是为了锻炼H5C3的基本功和页面布局 综合运用Jquery和fullpage插件完成页面 通过$(window).height获取屏幕高度实现跨屏动画效果 仿京东移动端页面 <meta name="viewport" content="width=device-wi 阅读全文
posted @ 2018-12-07 23:42 lemonib 阅读(135) 评论(0) 推荐(0)
去面试吧网络问题
摘要：http 响应常见状态码 200成功 304未修改，表示客户机缓存的版本是最新的, 客户机应该继续使用它 301永久重定向 302临时重定向 403 禁止，服务器理解客户端请求, 但拒绝处理它, 通常用于服务器上文件或目录的权限设置所致 404找不到 500服务器错误 查找域名对应 IP 地址 DN 阅读全文
posted @ 2018-12-07 23:41 lemonib 阅读(124) 评论(0) 推荐(0)
去面试啦JS
摘要：JavaScript 的组成 ES，DOM,BOM 转Boolean 在条件判断时，除了 undefined， null， false， NaN， ''， 0， -0，其他所有值都转为 true，包括所有对象。 #对象转基本类型 对象在转换基本类型时，首先会调用 valueOf 然后调用 toStr 阅读全文
posted @ 2018-12-07 23:41 lemonib 阅读(184) 评论(0) 推荐(0)
去面试吧！CSS
摘要：display: none; 与 visibility: hidden; 的区别 修改常规流中元素的 display 通常会造成文档重排。修改 visibility 属性只会造成本元素的重绘 none:完全从渲染树中消失，不占据任何空间 visibility:占空间不可见，可继承 常用 hack I 阅读全文
posted @ 2018-12-07 23:40 lemonib 阅读(139) 评论(0) 推荐(0)
面试去吧之Html
摘要：Doctype 作用？标准模式与兼容模式各有什么区别? doctype告诉浏览器用哪种文档标准解析网页，若不存在会导致兼容模式呈现 兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 行内元素:a inp 阅读全文
posted @ 2018-12-07 21:57 lemonib 阅读(96) 评论(0) 推荐(0)
12.7归纳
摘要：event loop 首先，js是单线程的，主要的任务是处理用户的交互，而用户的交互无非就是响应DOM的增删改，使用事件队列的形式，一次事件循环只处理一个事件响应，使得脚本执行相对连续，所以有了事件队列，用来储存待执行的事件，那么事件队列的事件从哪里被push进来的呢。那就是另外一个线程叫事件触发线 阅读全文
posted @ 2018-12-07 18:38 lemonib 阅读(137) 评论(0) 推荐(0)
JS内置方法(String)
摘要：charAT（index） 通过索引找字符 charCodeAt（index） 通过索引找到字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。 方法 charCodeAt() 与 charAt() 方法执行的操作相似，只不过前者返回的是位于指定位置的字符的编码，而后者返回的 阅读全文
posted @ 2018-12-07 15:50 lemonib 阅读(524) 评论(0) 推荐(0)
JS内置方法(Array)
摘要：concat() 用于连接两个或多个数组，该方法不会改变现有的数组，而是返回被连接数组的一个副本。 join() 把数组中的所有元素放入一个字符串，元素是通过指定的分隔符进行分隔的。 若省略了分隔符参数，则使用逗号作为分隔符。 push() 向数组的末尾添加一个或多个元素，并返回新的数组长度。 po 阅读全文
posted @ 2018-12-07 15:49 lemonib 阅读(749) 评论(0) 推荐(0)
你不知道的JS(promise)
摘要：* 阅读全文
posted @ 2018-12-07 15:41 lemonib 阅读(123) 评论(0) 推荐(0)
你不知道的JS(原型)
摘要：对象都源于Object.prototype Object.create() 和new 1.create()会创建一个新对象，并把他关联到指定对象 2.new会生成.prototype,.constructor 阅读全文
posted @ 2018-12-07 15:04 lemonib 阅读(144) 评论(0) 推荐(0)
你不知道的JS（对象）（混合对象类）
摘要：对象属性名中的数字会被转换成字符串 属性描述符： 1.writable(可修改 2.configuragble（可通过defineProperty()配置 false时还会禁止delete 3.Enumerable(可枚举 for in 如果变量找不到是ReferenceErroe 属性找不到是un 阅读全文
posted @ 2018-12-07 00:01 lemonib 阅读(614) 评论(0) 推荐(0)
你不知道的JS(this)---#
摘要：默认绑定 隐式绑定 显式绑定 (apply,call) 硬绑定解决绑定丢失问题(bind) new绑定 new调用函数时(构造函数调用时)发生步骤 1.创造一个全新的对象 2.这个新对象会被执行[[Prototype]]连接 3.这个新对象会绑定到函数调用的this 4.如果函数没有返回其他对象，自 阅读全文
posted @ 2018-12-06 21:50 lemonib 阅读(119) 评论(0) 推荐(0)
你不知道的JS（作用域和闭包）
摘要：第一节：作用域：根据名称查找变量的一套规则 ReferenceError与作用域判别失败有关，而TypeError则表示作用域判别成功了，但是对结果的操作是不合法的 var a=2 会被分解成两个步骤 1.在其作用域生成新变量（若没有） 2.LHS查询对其赋值 不成功的RHS会抛出Reference 阅读全文
posted @ 2018-12-05 23:45 lemonib 阅读(195) 评论(0) 推荐(0)
总结JS知识点
摘要：事件委托： 给父元素绑定事件监听，子元素通过事件冒泡触发事件 好处：1.内存占用减少 2.删除子元素时不需要解绑事件 this对象：基于执行环境绑定 匿名函数执行环境具有全局性，所以this指向window 闭包：在一个函数内部定义的函数会将包含函数的活动对象添加到它的作用域链中 为什么使用 1.利 阅读全文
posted @ 2018-12-03 17:42 lemonib 阅读(127) 评论(0) 推荐(0)