实战记录｜菜鸟前端经验

大家好，今天小编来为大家解答实战记录｜菜鸟前端经验这个问题，很多人还不知道，现在让我们一起来看看吧！

于是我下定决心，一定要努力工作，努力学习。

近年来，随着云和大数据时代的到来，数据可视化变得非常重要。通过增加数据可视化的使用，企业可以发现他们追求的价值。创建更多信息图表，使用更多资源，让他们更快地获取更多信息。以下是我在工作中使用的两个数据可视化工具：

让数据说话的Echarts插件

不得不说echarts真的很强大。它赋予数据活力，让数据“说话”。

ECharts底层基于ZRender（一个新的轻量级canvas类库），创建坐标系、图例、提示、工具箱等基础组件，并在其上构建折线图、条形图、散点图、K线图在此之上。饼图、雷达图、地图、弦图、力导向布局图、仪表板和漏斗图，同时支持任意维度堆叠以及多个图表混合显示。

D3js

D3.js 在JavaScript 上运行并使用HTML、CSS 和SVG。 D3.js 是一个开源工具，它使用数据驱动的方法来创建漂亮的网页。 D3.js 支持实时交互。除了线性图和条形图之外，它还可以提供大量复杂的图表样式，例如Voronoi图、树形图、圆形簇、词云等。

我们一直在做的网络态势感知系统使用的是D3js。效果如下：

引导框架

随着移动市场的强劲崛起，Web 开发变得越来越复杂。对于开发者来说，开发的网站系统必须在电脑、手机、Pad等上具有正常的显示和良好的用户体验，如果每次都得自己调整网页来匹配不同的客户端设备，工作量可想而知。如果网站能够适应浏览器尺寸，对于开发者来说无疑是一大福音。 Bootstrap可以解决这个问题。

Bootstrap 基于HTML、CSS 和JavaScript。它简单灵活，风格独特，兼容大多数jQuery插件。通过调用类中提供的类名，就可以生成你想要的样式或者效果，让Web开发变得更快。

jquery-table2excel页表导出excel插件

在项目中，有时想要导出数据以便于保存和查看，那么就会用到这个插件。

这是一个非常易于使用的插件。通过给要导出的HTML表格一个id名称并初始化table2excel插件，您可以将HTML中的表格内容导出到Microsoft Excel电子表格。

jQuery-validate 表单验证插件

我们都知道表单验证其实很复杂，各个方面都要仔细考虑，定期验证也是如此。有了这个插件，你就再也不用担心了。

validate是一个基于jQuery的表单验证插件。它具有丰富的内置验证规则和灵活的自定义规则接口。它支持输入、选择和文本区域的验证。验证规则包括required（必填字段）和email（电子邮件验证）。url（网站验证）、date（日期验证）、number（数字验证）、rangelength（字符串长度范围验证）、creditcard（信用卡号）等19种验证方式。验证默认提示为英文，您可以通过消息修改默认提示。

压缩打包JS/CSS？为什么

对JS、CSS文件进行压缩打包，可以减少文件大小、网络传输量和带宽占用，减轻服务器处理压力，提高页面渲染和显示速度。这是前端优化中经常使用的一个措施。当然，互联网上有很多这样的在线工具。推荐一个我一直在用的在线工具：http://tool.css-js.com/

好吧，我们不说话了。我要去学习。下次有时间我们再聊吧。