前端构建工具-fis3使用入门
FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。 官网地址是: https://fex-team.github.io/fis3/index.html 我们要做前后端分离，将静态资源部署到CDN。调研了几个前端构建工具之后，选择了 fis3, 原因是能满足我们的需求、并且...
前端测试工具集锦
front-end-tools 总结最近了解的前端测试的相关内容，发现前端这里真的是太庞大了，而且各种测试工具层出不穷，需要总结东西太多了，如有遗漏请大家见谅。 TDD vs BDD： TDD与BDD概念不再描述了，直奔主题。 前端BDD测试框架 jasmine Installation install -g jasmine 1 ``` Initializing To initialize ...
WEB前端性能分析--工具篇
在线网站类： WebPageTest 说明： 在线的站点性能评测网站，地址http://www.webpagetest.org/ 补充： 其实这网站也是个开源项目，所以支持自己搭建一个内部的测试站点 ShowSlow 说明： showslow是yslow的数据收集与展示平台http://www.showslow.com/，它是一个开源的php项目，可以用来...
前端网络（性能）监测工具 berserkJS
berserkJS 是基于 Qt （C++跨平台库）开发的前端网络（性能）监测工具。 它的核心功能是通过内置 webkit 收集由页面实际网络请求相关数据。 偏重于页面上线前检测与评估。 页面性能分析工具，可用 JS 编写自己的检测、分析规则。 基于 Qt 开发，可跨平台编译，部署。内置基于 QtWebkit 的浏览器环境。 源码需在目标系统中编译后，可产生运行于 Windows&n...
[CSS]Web前端开发之CSS工具列表
【原始地址】： http://www.52css.com/article.asp?id=1144 用户界面 I Like Your Color 输入URL然后它会抓出其中的颜色并用16进制表示。 CSS Multi-element Rollover Generator 使用CSS和一个图片创建出一个翻转按钮的样式。 CSS Rounded Box Generator Ruthsa...
berserkJS —— 前端网络（性能）监测工具
berserkJS 详细介绍berserkJS 是基于 Qt （C++跨平台库）开发的前端网络（性能）监测工具。 它的核心功能是通过内置 webkit 收集由页面实际网络请求相关数据。 偏重于页面上线前检测与评估。 页面性能分析工具，可用 JS 编写自己的检测、分析规则。 基于 Qt 开发，可跨平台编译，部署。内置基于 QtWebkit 的浏览器环境。 源码需在目标系统中编译后，可产生运行于 W....
【webpack】流行的前端模块化工具webpack初探
从开发文件到生产文件 有一天我突然意识到一个问题，在使用react框架搭建应用时，我使用到了sass/less，JSX模版以及ES6的语法在编辑器下进行开发，使用这些写法是可以提高开发的效率。可是浏览器它本身是并不能够“理解”这些语法的呀。就像下面这张图： 在开发代码文件 --> 生产代码文件的转换过程中，我们到底需要做些什么呢？没错，...
前端的小玩意（9.3）——做一个仿360工具箱的web页面（我的工具里的模板和样式）
（三）我的工具页面布局 如图： 首先将其分为二部分； 第一部分是上方整体红色方框区域； 包含若干个独立按钮，按钮分为图片和下方文字两部分； 第二部分是下方蓝色方框区域； 包含左方的编辑按钮和右方的四个快捷按钮区域； 左方是图标和文字，图标分为按下和非按下状态； 右方是左边的文字和右侧的按钮，按钮又分为图标和文字。按钮在无图标时有占位图标。 先...
前端的小玩意（9.2）——做一个仿360工具箱的web页面（全部工具里面的模板）
DEMO： http://jianwangsan.cn/toolbox （二）全部工具里面的按钮和样式 我将他拆成五部分： 第一部分是上面的大按钮那一排； 第二部分是小按钮； 第三部分是一条颜色很淡的线，他只在app有多行的情况下，在行间有； 第四部分是标题； 第五部分是右边的滚动条； ①为了方便模块化开发，我先制作模板，然后实际编写代码的时候，根据样式已经设置好的模板...
gdb前端调试工具的这几个按钮是什么意思?
就是下图中标题栏下面的那些有红色箭头的按钮都是些什么意思?我只知道第一个是run,第5个是step into by instruction的意思,第6个是step over by instruction.那么其他的呢?因为我手上没有这个软件也装不了,也不知道怎么百度,所以请打出完整的文字,就比如step,next这样就行了
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
前端更多工具相关
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注