前端 JavaScript 错误异常处理指北

在前端的 JavaScript 开发中,发现开发者对于错误异常的处理普遍都比较简单粗暴,如果应用程序中缺少有效的错误处理和容错机制,代码的健壮性就无从谈起。

本文整理出了一些常见的错误异常处理的场景,旨在为前端的 JavaScript 错误异常处理提供一些基础的指导。

Error 对象

先来简单介绍一下 JavaScript 中的 Error 对象,通常 Error 对象由重要的两部分组成,包含了 error.message 错误信息和 error.stack 错误追溯栈。

产生一个错误很简单,比如在 foo.js 中直接调用一个不存在的 callback 函数。

// foo.js
function foo () {
    callback();
}

foo();

此时通过 Chrome 浏览器的控制台会展示如下的信息。

阅读全文 »

活动 Web 页面人机识别验证的探索与实践

0

在电商行业,线上的营销活动特别多。在移动互联网时代,一般为了活动的快速上线和内容的即时更新,大部分的业务场景仍然通过 Web 页面来承载。但由于 Web 页面天生“环境透明”,相较于移动客户端页面在安全性上存在更大的挑战。本文主要以移动端 Web 页面为基础来讲述如何提升页面安全性。

阅读全文 »

2018 年度总结

0

经济下行的体验

2018 年下半年的经济形势给发展火热的互联网行业浇了一头冷水,身为行业的一份子,切身体会到了这种行业气氛的变化,之前的那种行业蓬勃发展的气氛已经没那么足了,取而代之的是裁员潮。身处漩涡的外缘也能感受到那股被漩涡的惯性推着的支配力量。潮水退去才能看到裸泳的,作为技术人员更体会到唯有提升自身的专业能力才不会被市场和时代抛弃。

技术的微光

2018 年在不同层面的技术方向上有不少探索和尝试,部分已能看到成效,部分越加明朗…

阅读全文 »

使用 Node.js 实现图片的动态裁切

背景&概览

目前常见的图床服务都会有图片动态裁切的功能,主要的应用场景用以为各种终端和业务形态输出合适尺寸的图片。

一张动辄以 MB 为计量单位的原始大图,通常不会只设置一下显示尺寸就直接输出到终端中,因为体积太大加载体验会很差,除了影响加载速度还会增加终端设备的内存占用。所以要想在各种终端下都能保证图片质量的同时又确保输出合适的尺寸,那么此时就需要根据图片 URL 来对原始图片进行裁切,然后动态生成并输出一张新的图片。

阅读全文 »

浅谈摄影作品站的架构

0

背景

2011 年的时候拥有了人生第一部相机,喜欢上了摄影,坚持摄影拍片也有好几年了,积累了一些作品。

在 360 做图搜的时候萌生了要开发一个自己的摄影作品站的念头,开始动工是在 2015 年加入美团的时候,当时并不急着把网站做出来,光是在产品和技术设计上就花了不少时间,断断续续的开发直到 2018 年初网站才上线。

上线时整理这几年的摄影作品时才感觉能拿得出手的作品并不多,不过摄影作品以后会慢慢积累,毕竟摄影于我来说已经是不可或缺的兴趣爱好了。

概览

麻雀虽小,五脏俱全,虽是一个小的图片主题的网站,该有的后台服务都要有,像图床服务、评论等。除了看不到的后台服务,前端的交互体验也很重要,像是多端的适配等都需要仔细打磨体验。以下是摄影作品站的简单的架构图。

接下来我会展开来做简单的介绍。

阅读全文 »