摘要:
this是什么? this 是在运行时进行绑定的,并不是在编写时绑定,它的上下文取决于函数调用时的各种条件。this 的绑定和函数声明的位置没有任何关系,只取决于函数的调用方式。当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文)。这个记录会包含函数在哪里被调用(调用栈)、函数的调用方法 阅读全文
摘要:
关于闭包,初学者会被绕的晕头转向,在学习的路上也付出了很多精力来理解。 让我们一起来揭开闭包神秘的面纱。 闭包晦涩的定义 看过很多关于闭包的定义,很多讲的云里雾里,晦涩难懂。让不少人以为闭包是多么玄乎的东西。在我看过的所有书籍中,我更喜欢《你不知道的javascript(上卷)》的定义: 当函数可以 阅读全文
摘要:
这篇文章是在segmentFault微信公众号看到的一片文章,整理的还算不错,就copy了过来,再次声明: 本文非本人原创,为segmentFault文章! 在前端开发中,我们在提到性能优化的时候总会提到一点:合理设置缓存。我们该如何从这方面入手来考虑提高网站性能呢? 前言 我们都知道 HTML5 阅读全文
摘要:
JS数据类型分为两类: 基本类型(Number、Boolean、Undefined、Null、String、Symbol(ES6新加,此处不讨论))与引用类型(Object)。原始类型存储的是对象的实际数据,而对象类型存储的是对象的引用地址。 两种克隆 1. 浅克隆: 原始类型为值传递,对象类型仍为 阅读全文
摘要:
从输入 URL 到页面加载完成的过程中都发生了什么事情? 前段时间抽空读了《图解HTTP》完整跟《HTTP权威指南》的前半部分,恰好在网上看到这个话题,细想一番后对比一网友的文章发现自己有很多疏漏。特意转发简书上的这篇文章! 1.浏览器接收URL URL包含的信息:协议、网络地址:端口号、资源路径、 阅读全文
摘要:
移动端用touch还是click? 在移动端开发中,click事件有300ms的延时,由来源于iphone处理双击缩放功能种下的坑。因为用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。为了区分用户的操作是双击还是单击,就增加了300ms的延时等待!随着touc 阅读全文
摘要:
移动端适配 通过rem适配 em: 根据元素自身的字体大小来计算自己的尺寸 rem: (root em) 根据根节点(html)的字体大小来计算自己的尺寸 我们知道,在不同的手机设备,分辨率大小是不一样的。为了使页面在不同分辨率下等比缩放,需要动态的设置Html的字体大小来达 阅读全文
摘要:
移动端事件 三个事件 touchstart 手指触摸 相当于PC端 mousedown touchend 手指抬起 相当于PC端 mouseup touchmove 手指滑动 相当于PC端 mousmove 注意: touch事件在chrome的模拟器下,部分版本通过on的方式来添加事件无效,这时候 阅读全文
摘要:
Flex布局 Flex即Flexible Box,写法为:display:flex(旧版:display: webkit box) 在Webkit内核下,需要加 webkit前缀: .box{ display: webkit flex; //safari display: flex; } 注意: 1 阅读全文
摘要:
视口设置: 默认不设置viewport一般可视区宽度在移动端是980 width 可视区的宽度 (number||device width) user scalable 是否允许用户缩放 (yes||no) iOS10无效 (一般禁止掉) initial scale 初始缩放比例 minimum s 阅读全文