在网上有个开源的rrweb项目，该项目采用TypeScript编写（不了解该语言的可参考之前的《TypeScript躬行记》），分为三大部分：rrweb-snapshot、rrweb和rrweb-player，可搜集鼠标轨迹、控件交互等用户行为，并且可最大程度的回放（请看demo），看上去像是一个视频，但其实并不是。 我会实现一个非常简单的录制和回放插件（已上传至GitHub中），只...
一、this原理this是JavaScript的一个关键字，函数调用时才会出现;因为函数是在一定的环境中运行的，调用函数时肯定需要知道是[谁调用的]?就用到了this进行指向;那么this到底指向的是什么?this 既不指向函数自身，也不指函数的词法作用域，而是调用函数时的对象!二、使用场景(一)普通函数的调用，this指向的是Windowvar name = ...
在之前的一篇《JavaScript实现按键精灵》中曾记录了几个事件对象，本文将会对它们进行一次实战，要完成的动作包括滚动、点击和翻页。一、滚动 滚动是通过修改容器元素的scrollTop属性实现的，期间会进行一系列的计算，而每次滚动都会包含一个个小的偏移动作，为了让这些动作能有序进行，自定义了一个Promise，如下所示。/** * 简易Promise */va...
大家在制作网站和编写css代码的时候，经常都会使用到color属性，这也是一个网页在制作中非常常见的属性，但是，就是这样一个最常用的属性也有多种表达方法，可以在不同的时候派上用场。 一、十六进制代码指定颜色 这是在使用color属性是最常用的方法之一，这种方法的优点在于对于颜色的选择十分的精确，并且可以选择的颜色种类也非常多，因为它可以通过代码来实现颜色的微调。比如，在十六进制代码中，纯蓝色的...
前言web与后端，andorid与后端，ios与后端，像这种类型的交互其实就属于典型的前端与后端进行交互。在与B端用户进行交互的过程中，我们通常忽略了其安全性(甚至从未考虑安全性)。比如，请求和响应数据的明文传输，对接口并没有做严格的身份校验。如果我们还是按照这种思路去做C端用户的交互，那么等待着必将是血淋淋的教训。接下来，我带领大家如何在与C端用户安全的进行交互。保证安全性的几种方式前后端安全性...
定义首先，我们要知道的关于Error的内容如下：Error对象是JavaScript的一个内置对象，也就是说所有的js引擎都会默认支持这个对象;当我们以函数的形式去使用Error的时候，Error('xx err') 和 new Error('xx err')得到的结果是一样的，所以你大可以省略掉new关键字(注意这跟String，Number等内置对象是不一样的，...
HTML已经走过了20几年的发展历程，它几乎见证了整个互联网的发展。但是，即便到现在，有很多基础的概念和原则依然需要开发者高度注意。下面，向大家介绍这些应该遵循的web前端开发原则。1、善用DIV来布局当开发一个Web页面时，要考虑第一件事就是区分页面重点。将这些内容用DIV标签包含起来，页面的代码会呈现出整洁、缩进良好的风格。在学习过程中有什么不懂得可以加我的WEB前端学习交流扣扣qun，前面是...
有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为或者埋点，又或者是发送到服务器的ajax请求。那如何保证请求能够正确的送达就是一个很关键的点。下面我们就来介绍下应该如何操作：首先，要做事件监听浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。beforeunload是在文档和资源将要关闭的时候调用的， 这时候文档还是可见的，并且在这个关闭的事件还是可以取消的...
1. 信用卡表格(CreditCard Form)一张美观的信用卡表格具有流畅的微交互作用。包括数字格式化、验证和卡类的自动检测。它由Vue.js构建，并且响应速度很快。信用卡表格-https://github.com/muhamm解决这些挑战将有如下收获表格处理和表格验证学会掌控事件监听器(例如，当字段更改时，就会在信用卡上打印值)了解如何在页面上显示和定位元素，尤其是与表格重叠的信用卡2. 从...
下面我们使用20种工具执行一段经过尾递归优化过的阶乘函数1、使用 iTerm2在终端工具中安装 node 环境，使用 node 运行环境来执行 JS 代码是我们学习 node 时候必知必会的一件事2、使用 Sublime Text 3在 Sublime Text 3 中，我们可以使用 build system 来创建构建命令，使用构建命令来快速执行 JS 代码快捷键：CMD + B配置文件首先安装...
