樊帆

本文章共2377字，预计阅读时间5-10分钟。 没有前言。 原理：因为浮点数是不支持位运算的，所以会先把1.1转成整数1再进行位运算，就好像是对浮点数向下求整。 注意：以下取整方法适用于32位有符号整数（有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 …

1. vue中项目优化： 使用骨架屏，当用户的网络不好的时候，发送请求时，页面上显示大致的应用的框架，增加用户的体验感。

2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的

上一节我们认识了节流函数 throttle，了解了它的定义、实现原理以及在 underscore 中的实现。这一小节会继续之前的篇幅聊聊防抖函数 debounce，结构是一样的，将分别介绍定义、实现原理并给出了 2 种实现代码并在最后介绍在 underscore 中的实现，欢迎…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 我们会发现 obj已经有几个属性（方法）了。那么问题来了：valueOf/toString/constructor 是怎么来？我们并没有给 obj.valueOf 赋值呀。 答案： 这跟 __proto__有关…

目前收集整理了21个常用的javaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IP地址、 十六进制颜色、 日期、 微信号、车牌号、中文正则等。表单验证处理必备，赶紧收藏吧！ 在做用户注册时，都会用到…

解构是ES6提供的语法糖，其实内在是针对可迭代对象的Iterator接口，通过遍历器按顺序获取对应的值进行赋值。这里需要提前懂得ES6的两个概念： Iterator是一种接口，为各种不一样的数据解构提供统一的访问机制。任何数据解构只要有Iterator接口，就能通过遍历操作，依…

Flex是Flexible Box 的缩写，意为"弹性布局"，是CSS3的一种布局模式。通过Flex布局，可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图，具体实现代码会以github路径形式更新于此。 注意，设为 Fle…

继承是前端面试必问，说到继承，就必须谈一谈原型链。 我面试的时候都会这么回答原型链：js万物皆对象，用var a={} 或 var a = new Object()或者用构造函数的形式：var a = new A()创建一个对象时，该对象不仅可以访问它自身的属性，还会根据__p…