最近接到产品需求，用户需要在我们的站点上在线查看 PDF 文件，并且查看时，用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。 这个太简单了，随便找找就一堆轮子。 这个方案麻烦一点，我们需要在项目中引入 PDF.js 这个库，然后再使用 iframe 来加载指定的…

大家在做移动端开发的时候，想必一定会遇到拉起系统自带的键盘吧。最近接到需求， 想要拉起数字的键盘，只允许用户输入数字和小数点，而且在用户失去焦点的同时，将输入框的内容进行千分位，聚焦的时候还可以删除。 看似几个需求，但还真不好整。针对此需求，笔者考虑了三种方案，建议选择第二种（…

webSocket是一项可以让服务器将数据主动推送给客户端的技术。前几天写了一个日志功能，日志数据需要实时更新。正好项目中有封装好的WebSocket组件，且接口支持webSocket，就用它实现了。也是第一次用，简单研究了一下，分享出来。 首先，要明白WebSocket是一种…

让浏览器开口说话 用各种声音、语速、音调、音量为你朗读你的文字 将你的话翻译成各种语言 “我西渣渣辉”的不同读法

当今前端界，各种ui框架数不胜数，而且各个大厂家，都有一套自己的框架在那摆着，这让我们前端开发者们情何以堪。如此多的前端ui框架，我们该如何选择呢，如何快速掌握应用到实际开发中呢？特别是我们新手同学，刚开始接触框架时不是特别的理解，也不大会用。这便是我们今天讨论的问题。 统一性…

持续学习是每个工程师必备的素养，同样一个成长性的团队也同样需要这样一个持续学习的氛围。那么如何通过技术的手段来帮助团队培养持续学习的氛围呢？ 如果是一个单独的录入系统，手动录入，这种方式操作繁琐，很容易打消大家的热情，平时在浏览器看文章的时候，我们经常将好的文章加入书签收藏，一…

Socket是大部分应用层协议的基础，常见的Socket主要有两种类型：TCP和UDP，HTTP协议默认使用的是TCP类型的Socket，80端口。 为什么呢？因为TCP连接可靠，用其它协议也是允许的[1]，然而，也正是因为一开始使用的是TCP连接，才使得后面的优化方案有可能被…

前端工程化是依据业务特点，将前端开发的规范、流程、技术、工具、经验等形成规范并建立成一种标准的体系。 实现前端工程化的目的简单来说就是通过流程规范、自动化工具来提升前端的开发效率、性能、质量、多人协作能力以及开发…

许多开发者，对于开源协议的认知很少，本文从这些常用的前端框架入手，介绍开源常用开源协议的基础知识。 在 GcsSloop 写的文章 程序员不可不知的版权协议 中给出了很好的概括。 首先是对作者的保护，防止知识成果被恶意利用。开源协议中一般都包含免责声明(禁止代码的作者承担代码被…