jQuery code snippets:jQuery用户的福音，用起来不香吗？AtuoRenameTag:CSSPeek:查看CSS样式很方便。调试工具:F12功能:浏览器自带，功能强大。推荐使用Chrome浏览器Fiddler:一款非常好用的包抓取工具，可以抓取几乎所有应用的HTTP请求。可以抓取包，修改请求等。
这里有三个前端可视化库，分别是Highcharts、ECharts和G2。这三个库可以快速可视化前端网页数据，而且绘制方便，种类繁多。我简单介绍一下这三个库:Highcharts是一个纯JS 图表库，可以快速给网站图表添加交互性，个人网站可以免费使用，支持多种类型的图表，包括常见的散点图、折线图、条形图。让我简单介绍一下这个库的用途:1。如果使用的话，有两种方式，一种是通过CDN远程导入Highcharts.js文件，另一种是下载Highcharts源码包，在本地导入。这里以第一种方式为例，通过CDN直接导入。测试代码如下。官网例子很简单。基本思想是首先创建一个div容器。然后通过JS将图表导入到容器中，设置好相关属性即可:用浏览器打开这个html文件，效果如下:2 .更多例子，可以查看官网的教程。cn/demo/highcharts，非常详细，各种图表都有涉及，还可以在线编辑，非常好用。
This js 插件可以做各种图标，可以看api。13 JavaScript 图表和图形绘制插件。其中少数是独立的框架，大部分支持条形图、折线图、饼状图等基本图形，很多甚至支持更复杂的图形，如维恩图、热图、进化树、二维散点图、二维散点图、三维散点图等。我相信你应该能在这个列表中找到你需要的东西。1.Flotr2独立框架库，支持HTML5 图表和图形。
支持:折线图、条形图、蜡图、饼图、气泡图。IE6等老浏览器也支持。2.人力车JS工具，用于创建交互式序列图。它依赖于D3可视化库以及jQuery和jQueryUI的其他一些插件。3.著名而高效的可视化库。4.AwesomeChartJS简明JS库，用于图表基于HTML5画布元素。5.canvasXpressCanvasXpress是一个基于HTML5中标签实现的JavaScript库。
Bootstrap是目前最流行的前端开发框架，最新的Bootstrap3提出了移动优先。Bootstrap framework主要针对桌面市场，在布局、排版、控件、特效等方面都非常令人满意，可以极大地丰富界面效果，方便前端 engineers的开发。目前主流的浏览器如火狐、Chrome、Opera、Safari、IE8都是非常兼容的。框架扩展方面，随着Bootstrap的广泛使用，扩展插件和组件也非常丰富，涉及显示组件、兼容性、图表库等等。Vuejs是一套用于构建Web界面的渐进式框架，它
JSX等业内公认的概念可以完美实现，在业内移动开发者中很受欢迎。大型互联网公司都在用，比如阿里巴巴，饿了么等。AngularJS是一个优秀的前端JS框架。目的是简化前端 application的开发，可以快速构建企业级web应用。目前流行的Bootstrap和ionic都是基于AngularJSAngularJS的，体积很小，只有60K，兼容主流浏览器，与jQuery配合很好。
前端是个大概念。我的理解是，用户可以看到自己直接接触的所有层级都是前端，比如IOS客户端界面、Android客户端界面、web界面甚至PC/MAC桌面软件界面。目前最常见的说法一般是指Web 前端，针对网页的开发。还有一种说法是前端是大前端。如果你的作品真的那么棒，它包括web、Android、ios甚至pcmac客户端的界面。
WebApp指的是【Webapplication】，即以浏览器为客户端的软件。比如要写文档，一般会打开Office2012等本地软件；但是您也可以选择在浏览器中输入URL，比如我很喜欢StackEdit*smart*markdowneditor，然后直接在里面写点东西直接贴到gist。再比如使用桌面客户端收发邮件，但是你也可以用浏览器直接登录gmail或者QQ邮箱，直接用这个作为客户端。
