0%

本文作者:韩永刚,360奇舞团 WEB前端开发高级工程师。

本文将简单介绍一下持续集成的概念,并手把手带你在你的微信小程序项目中完成属于你的持续集成方案。

什么是前端工程化

所有能降低成本,并且能提高效率的事情总称为工程化。在前端项目中能够减少重复工作、扩展 javascript\html\css 本身的语言能力、解决功能复用和变更问题、解决开发和产品环境差异问题、任何时间任何地点生成可部署的软件、解决发布流程问题,都属于前端工程化。

什么是持续集成

持续集成是前端工程化中的一部分,是一种软件开发实践,即团队开发成员经常集成他们的工作,通常每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括自动化编译,自动化测试,自动化发布)来验证项目代码,从而尽早地发现错误。

阅读全文 »

本文作者:韩永刚,360奇舞团 前端开发工程师。

本文将以时间维度介绍一些目前常见的Web验证方法以及相关协议,带你了解Web验证的过去、现在与未来。

传统身份验证方式

过去普遍的做法可能是这样的

注册

  • 前端注册页面填写用户名和密码表单,发送给后台服务器

  • 后台服务器将接收到的用户名和密码进行加密并插入到数据库,然后回馈是否成功的信息给前端页面。

    阅读全文 »

mousetrack_img

需求背景

为了统计分析用户页面行为,我们经常需要收集鼠标在页面上的各类操作,如页面中按钮和链接的点击和统计较准确的访客页面停留时间。而本文主要记录在解决分别记录鼠标在页面各个区域的停留时间总和这一问题的技术方案的尝试。

简化问题描述:将浏览器的可视窗口平均分为2 × 2的4份, 如图。分别记录鼠标在各个区域的停留时间总和,当然,不能影响页面的正常功能的使用。

页面区域示意

当鼠标进入某块区域时开始计时, 移出时结束计时。那问题就在于如何判断鼠标的所在区域。

于是, 自然就想到了通过鼠标的坐标来判断所处区域 。

阅读全文 »