随笔分类 - 大厂面试
Promise实现请求超时处理（基本版）
摘要：先是没有加入请求超时的情况： var http = require('http'); var url = require('url'); function get(addr) { return new Promise(function(resolve, reject) { var url_obj =
阅读全文
说说对js原型对象的理解
摘要：原型是Javascript中的继承的基础，JavaScript的继承就是基于原型的继承。 这里我以函数运行为例，先看下面的例子： function Person(name, age){ this.name = name; this.age = age; } var p = new Person("y
阅读全文
vue中v-if和v-for指令为什么最好不要同时使用
摘要：建议不要在与v-for相同的元素上使用v-if。因为v-for指令的优先级高于v-if当它们处于同一节点。v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。 <ul> <li v-for="user in users" v-if="user.isA
阅读全文
前端埋点
摘要：前端埋点主要是为了服务运营人员采集用户行为数据，进行后续的数据分析工作。 前端监控和埋点能做什么 数据监控（用户行为） pv，uv 记录操作系统 用户在每一个页面的停留时间(离开页面，进入页面) 用户进入的入口 用户在相应页面的触发行为，点击按钮 性能监控 (js中的performance) 用户的
阅读全文
数据采集与埋点
摘要：在这篇文章里面，我们会对数据采集的一些基本概念进行阐述，然后，会针对目前市面上新增的一些前端埋点技术，如可视化埋点与“无埋点”的技术细节做一个具体的介绍，并且阐述我们自己对于这些技术的理解和认识。 1. 数据采集是核心问题 一个典型的数据平台，对于数据的处理，是由如下的5个步骤组成的： 其中，我们认
阅读全文
JS常见的算法
摘要：虽说我们很多时候前端很少有机会接触到算法。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题，这些基础知识的积累可以帮助我们更好的优化解决思路。 Q1 判断一个单词是否是回文？ 回文是指把相同的词汇或句子，在下文中调换位置或颠倒过来，产生首尾回环的情趣，
阅读全文
关于JSON.parse(JSON.stringify(obj))实现深拷贝应该注意的坑
摘要：JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了 就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在
阅读全文
Canvas和SVG区别
摘要：1) svg绘制出来的每一个图形元素都是独立的DOM节点，可方便后期绑定事件或修改， 而canvas输出的是一整幅画布； 2) svg输出的图形是矢量的，后期可以修改参数来自由放大缩小，无失真，canvas输出标量画布，就像一张图片一样。 Canvas 和 SVG 都允许您在浏览器中创建图形，但是它
阅读全文
箭头函数与普通函数的区别
摘要：箭头函数： let fun = () => { console.log('lalalala'); } 普通函数： function fun() { console.log('lalla'); } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和
阅读全文
var与let、const的区别
摘要：一、var声明的变量会挂载在window上，而let和const声明的变量不会： var a = 100;console.log(a,window.a); // 100 100let b = 10;console.log(b,window.b); // 10 undefinedconst c = 1
阅读全文
用原生js来写一个swiper滑块插件
摘要：是不是有点印象了，没错，他的最基本的用法就是左右滑动，插件使用者只需要写几行简单的html和js即可实现一个简单滑动效果，不过你完全可以组合各种元素来适应不同的场景。 当然插件我已经写好了，咱先看下这个插件是怎么来用的，对插件有一个大概了解，一会写起来不至于太懵逼。。。 插件地址：https://g
阅读全文
js中new到底做了什么?如何重写new?
摘要：new 构造函数()执行顺序1.在堆中开辟对象内存空间, 记为obj2.在obj 中添加__proto__属性并指向 构造函数.prototype3.将构造函数中的this 指向obj4.执行构造函数内语句 若构造函数中没有reutrn 或return this或基本类型（number、string
阅读全文
vue与react对比
摘要：相同点 1.都使用 virtual DOM 2.都是组件化开发 or 都提供了组件化的视图组件 3.数据的改变会引起视图的二次渲染 4.都只有骨架，其他的功能如路由、状态管理等是框架分离的组件。 5.都将注意力集中保持在核心库，有丰富的插件库 区别 1.渲染页面的方式不同：vue使用更简单的模版，变
阅读全文
MVVM框架简单实现
摘要：众所周知当下是MVVM盛行的时代，从早期的Angular到现在的React和Vue，再从最初的三分天下到现在的两虎相争。 无疑不给我们的开发带来了一种前所未有的新体验，告别了操作DOM的思维，换上了数据驱动页面的思想，果然时代的进步，改变了我们许多许多。 啰嗦话多了起来，这样不好。我们来进入今天的主
阅读全文
如何阅读大型前端开源项目的源码(转)
摘要：作者简介 Daniel 蚂蚁金服·数据体验技术团队 转自: https://github.com/ProtoTeam/blog/blob/master/201805/3.md 目前网上有很多「XX源码分析」这样的文章，不过这些文章分析源码的范围有限，有时候讲的内容不是读者最关心的。同时我也注意到，源
阅读全文
LazyMan的深入解析和实现
摘要：一、题目介绍 以下是我copy自网上的面试题原文： 实现一个LazyMan，可以按照以下方式调用: LazyMan("Hank")输出: Hi! This is Hank! LazyMan("Hank").sleep(10).eat("dinner")输出 Hi! This is Hank! //等
阅读全文
常用的URL Scheme
摘要：系统 短信sms:// app store itms-apps:// 电话 tel:// 备忘录 mobilenotes:// 设置 prefs:root=SETTING E-Mail MESSAGE:// 支付宝 支付宝alipay:// 蚂蚁庄园 alipays://platformapi/st
阅读全文
前端骨架屏
摘要：骨架屏 最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家. 关于骨架屏(简介) 骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面
阅读全文
前端工程化
摘要：前端工程化可以分成四个块来说，分别为 模块化：将一个文件拆分成多个相互依赖的文件，最后进行统一的打包和加载，这样能够很好的保证高效的多人协作。其中包含 JS 模块化：CommonJS、AMD、CMD 以及 ES6 Module。 CSS 模块化：Sass、Less、Stylus、BEM、CSS Mo
阅读全文
JS函数柯里化
摘要：第一次看到柯里化这个词的时候，还是在看一篇算法相关的博客提到把函数柯里化，那时一看这个词就感觉很高端，实际上当你了解了后才发现其实就是高阶函数的一个特殊用法。 果然是不管作用怎么样都要有个高端的名字才有用。 首先看看柯里化到底是什么？ 维基百科上说道：柯里化，英语：Currying(果然是满满的英译
阅读全文
