小编最近在做一个任务：要求实现一个在微信公众号里面的H5列表页面。拿到这个任务我们首先要进行需求分析，由于是在微信公众号也就是手机里面的H5列表，所以就不可能像PC上的列表页面那样进行分页处理，应该按照手机列表常用的上拉刷新，下拉重新加载的方式实现。所以这个任务主要实现以下两点：

实时搜索是一种增强的搜索表单，它使用AJAX技术在同一视图中提供结果或建议。这是一个常规的HTML输入字段，它通过Chrome、Firefox或Safari等现代浏览器自动完成搜索功能。

在应用程序中使用实时搜索大大提高了网站的用户友好性。无论使用什么后端技术— PHP、Java、Python、Ruby——JavaScript都是实现客户端实时搜索功能的最佳选择。

软件开发实践随着时间在不断变化，工具和技术同样如此。这些变化都是为了提升生产率、质量、客户满意度、缩短发布时间、发布出成功的产品以及服务。软件测试在达到这些目的的过程中毫无疑问发挥了非常重要的作用。

最近由Capgemini, Sogeti, and Micro Focus公司发布的2017-2018世界质量报告中指出了在软件质量和测试领域非常有趣的几个趋势，其中两个比较有趣的趋势，一个是自动化测试的比率在增长，另一个是采用敏捷（agile）和DevOps模式的公司在逐步增多。

CDN简单概述

内容分发网络（Content delivery network或Content distribution network）通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。

实现Tree树的插件很多，比如常见的UI：Layui、ElementUI、iView ... 。这里我们介绍一个小巧的构建Tree树的插件 zTree.js

zTree.js 官网API介绍的灰常详细了，这里我们实战使用zTree.js构建一棵Tree树。

<!--more-->

背景

测试是完善的研发体系中不可或缺的一环。前端同样需要测试，你的css改动可能导致页面错位、js改动可能导致功能不正常。由于前端偏向GUI软件的特殊性，尽管测试领域工具层出不穷，在前端的自动化测试上面却实施并不广泛，很多人依旧以手工测试为主。本文试图探讨前端自动化测试领域的工具和实践。

jquery.form

jquery.form插件（http://malsup.com/jquery/form/）是大家经常会用到的一个jQuery插件，它可以很方便将表单转换为ajax的方式进行提交。以下是官网给出的一个栗子：