技术 二月 25, 2021

【翻译】基于 Favicon 的超级 Cookie

文章字数 8.6k 阅读约需 8 mins. 阅读次数 1000000

很久以前写过一篇文章 不用 Cookie 我也能追踪你, 自从得知了文章中的思路以后就感觉脑洞大开,简直黑科技,随着这么多年的发展,文中提到的帆布指纹识别技术已经应用到了很多的实际项目中了,追踪与反追踪本来就是猫鼠游戏,用的多了这种技术也渐渐的被好些个浏览器屏蔽了。最近又看到一种新的追踪思路,由...

查看全文

技术 二月 28, 2020

为 Cypress 的 e2e 测试增加代码覆盖率检测

文章字数 4.7k 阅读约需 4 mins. 阅读次数 1000000

之前写过一篇关于 如何使用 Cypress 进行端到端测试 的文章, 介绍了如何给 Vue 项目添加端到端测试。我们也体会到了 Cypress 做端到端测试的方便,作为 Vue 内置在官方脚手架中推荐的测试框架,不少项目已经引入并开始使用了。当你的项目已经添加了 Cypress 端到端测试,你的内心一定会很在意“我的测试到底充不充分?有没有浪费过多的经历在测试上?”这两个极端的问题。
引用官方的一段话

As you write more and more end-to-end tests, ...

查看全文

技术 五月 17, 2019

如何使用 `Cypress` 进行端到端测试

文章字数 9.3k 阅读约需 8 mins. 阅读次数 1000000

cypress 是一个端到端(end to end) 测试框架。它基于 mocha 式 API ,提供一整套端到端测试的解决方案,无需再安装其他的测试库,对 webpack 友好,并提供一套强大的图形界面工具,语法简单符合直觉,上手容易。测试浏览器基于 Chrome 或者 Chrome 的变种浏览器,比如electronChromium

优势

  • 自带完整解决方案, 无需安装其他测试库
  • API 简单符合直觉,上手容易
  • 自带一套图形界面工具,可以方便查看测试过程
  • 测试的每一步都有 snapshot(...
查看全文

技术 一月 12, 2018

写给后端开发者看的 Vue 前端介绍(二)-- 单元测试

文章字数 4.9k 阅读约需 4 mins. 阅读次数 1000000

上一篇“基础篇”聊到了一些 VueNodejsWebpack 的基本概念。本篇将着重讲解 Vue前端工程如何做单元测试。学习一个新技术,必须要清楚两个 W,”What && Why”。”XX 是什么?”,”为什么要使用 XX ,或者说 XX 有什么好处”,最后才是”XX 怎么使用”。本文也将从“前端单元测试是什么”、“为什么要做单元测试”进行讨论。

单元测试(unit testing),是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义,一般来说,要根据实...

查看全文

技术 七月 31, 2017

TiD 大会感想之浅谈前端工具化与工程化

文章字数 2.7k 阅读约需 2 mins. 阅读次数 1000000

今年有幸参加了一天的质量竞争力大会,众多的课程当中,无法分身的我听了其中两节。分别是“终端重构之旅”以及“微服务下的持续交付”。由于“终端重构之旅”涉及硬件终端,与我们平时工作相距较远,所以本文着重谈谈对“微服务下的持续交付”的感想。

微服务(Micro Service)是一种将复杂的业务逻辑拆分成多个高度自制的独立系统的架构设计。微服务为构建可扩展、可维护的大规模服务集群带来了很大的便利。
持续交付:交付是指将最终产品发布到线上环境,给用户使用。持续交付就是指在软件开发过程中,从需求识别到交付...

查看全文

技术 四月 05, 2017

写给后端开发者看的 Vue 前端介绍(一)-- 基础篇

文章字数 6k 阅读约需 5 mins. 阅读次数 1000000

不懂“前端 er”说的 virtual dom、React、Angular、Vue,也不懂 ES6 为什么就这么优雅,更不知道为什么用 Bootstrap、jQuery 就得“剁手”,甚至不懂前端生态圈的重复造轮子文化。终于有一篇文章是写给后端工程师的前端介绍,后端写给后端看的。
我打算从最近火热的 Vue 来介绍,一方面由于这套框架简直火的一塌糊涂;另一方面,这套框架涉及的技术栈范围全面,“几乎”可以包含你要掌握的一切。

Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的...

查看全文

技术 二月 08, 2017

迈向 PWA!利用 serviceworker 的离线访问模式

文章字数 1.8k 阅读约需 2 mins. 阅读次数 1000000

微信小程序来了,可以利用 WEB 技术在微信打造一个有着 Native 应用体验的应用,业界非常看好这种形式。但是你们也许不知道,Google 早已有类似的规划,甚至层次更高。那就是 PWA(渐进式增强 WEB 应用)。
PWA 有以下几种特性:

  • Installablity(可安装性)
  • App Shell
  • Offline(离线能力)
  • Re-engageable(推送通知能力)

所有这些特性都是“优雅降级、渐进增强的”,给支持的设备更好的体验,不支持的设备也不会更差。这就和微信小程序这种二流设计...

查看全文

技术 十二月 03, 2015

使用 Pjax 优化你的网站

文章字数 4.9k 阅读约需 4 mins. 阅读次数 1000000

Ajax(Asynchronous Javascript and XML)的魅力在于它的每一个成员都不是新技术,经过奇妙的结合却掀起了 WEB2.0 的革命。PjaxpushStateajax的封装,同样每一个都算不上新技术,结合起来却有着神奇的效果。

前两天在闲逛别人博客的时候,无意间发现了有个人的博客访问速度极快,于是乎好奇研究了一下。在查看代码的时候发现了一个 jquery.pjax.min.js。上网查了查资料,这确实是速度快的原因。
Pjax 的主要原理是利用 ajax 异步请...

查看全文

技术 十一月 18, 2015

javascript 前后端代码复用 -browserify

文章字数 3.4k 阅读约需 3 mins. 阅读次数 1000000

Nodejs 将 javascript 带上了一个新的高度,让之运行于浏览器端的 javascript 可以运行在服务器端。但是 Nodejs 遵循 Commonjs 规范,不能直接运行在浏览器端。虽然是同一种语言,但是前后端有着自己的库,不能复用真是一种浪费。
这时候一个神器出现了,Browserify。通过预编译,可以将 Commonjs 规范的后端 Nodejs 代码直接可以运行在浏览器端。打通了端后端代码复用的壁垒,为 nodejs 程序开辟了一片新天地。

前面一片博客 提到了我需要...

查看全文

技术 三月 09, 2015

不用 cookie 我也能追踪你!

文章字数 2.8k 阅读约需 3 mins. 阅读次数 1000000

抱歉起了这么个“吸引人的”标题,但我不是标题党。最近由于工作上的一些事情,涉及到识别、追踪设备的项目来了几个,从一篇论文《The Web Never Forgets》无意间又发现了这个技术。查阅了一些资料。做了个小 Demo 应用到了本博客上。对!你没听错,本页面在追踪你。不过也没那么可怕。看看本站的 Visitor Info 模块,它可能在屏幕右侧也可能在最底下。这个模块会知道你是否之前访问过本站,并且结合了上一篇博文 基于 Firebase 的 Hexo 博客实时访问数统计 中提到的访问...

查看全文
0%