最近在做一个canvas图文验证功能。为了达到单个文字在指定区域的位置垂直居中放置，遇到一些问题。 canvas有textAlign和textBaseline两个属性设置文字的对齐方式。这两个属性是用来设置文本行内整体的对齐方式，但在这两个属性对于单个的字体无法垂直居中的效果。…

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

GraphQL在近几年被提到的次数越来越多，最近参加过的几次技术大会前端分会场均提到过。对于这种光看名字并不容易想到它是什么的东西，还是存在些神秘感的。于是，打算去了解一下GraphQL到底是什么。 首先，GraphQL来自Facebook，如果你也跟我一样完全没了解过它，不知…

登录是每个网站中都经常用到的一个功能，在页面上我们输入账号密码，敲一下回车键，就登录了，但这背后的登录原理你是否清楚呢？今天我们就来介绍几种常用的登录方式。 HTTP 是一种无状态的协议，客户端每次发送请求时，首先要和服务器端建立一个连接，在请求完成后又会断开这个连接。这种方式…

withCredentials:true, 这个字段的意思是允许携带cookie，但是这种报错是由于后端设置允许跨域的时候 Access-Control-Allow-Origin: 设置为 * ，导致报错，只要把 withCredentials 改为false即可。 如果后端接…

本文阿宝哥将介绍工作中遇到过的八种文件上传的场景，并介绍每种场景背后所使用到的技术，从而让大家能更好地理解成熟上传组件所提供的功能。

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然，浏览器自身也在不断在进化和发…

原始类型 保存为简单数据值。 引用类型 保存为对象，其本质是指向内存位置的引用。 为了让开发者能够把原始类型和引用类型按相同的方式处理，JavaScript 花费了很大的努力来保证语言的一致性。 其他编程语言用栈存原始类型，用对存储引用类型。 而 JavaScript 则完全不…

Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 是要增加自己技术的深度，也就是懂得JavaScript的运行机制。 现在在前端领域各种技术层出不穷，掌握底层原理，可以让自己以不变，…