
Web前端工具
文章平均质量分 62
zhangzhifei1991
这个作者很懒,什么都没留下…
展开
-
前端小汇总
图形库:highcharts(图表插件)、jvectormap地图插件、D3.js(数据操作文档)前端测试自动化测试工具:Qunit+Mocha+ Selenium转载 2015-06-01 23:48:59 · 448 阅读 · 0 评论 -
12款很棒的浏览器兼容性测试工具推荐
对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具。 Spoon Browser Sandbox点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有转载 2015-06-07 14:32:32 · 419 阅读 · 0 评论 -
网站优化:测试网站速度的8款免费工具推荐
网站的加载速度是决定网站成败的重要因素,值得站长特别关注。原因很简单,没有人愿意为了打开一个网页而等老半天,换句话说,如果你的网站打开速度很慢,将流失大量的访客,甚至出现多米诺效应的不良影响,因此了解自己网站加载速度非常重要。下面向大家推荐8款非常有用的测试网站速度的免费工具,让你更加全面的了解自己的网站性能。PageSpeed Insights首先介绍的这款测试工具出自googl转载 2015-06-07 14:29:31 · 548 阅读 · 0 评论 -
图片转DATA:URI工具
昨晚由于需要用data:uri,于是做了这么个转换工具可本地使用,因为文件不用上传疯狂的点击这里看demo截图[此截图使用datauri,看不见请升级人品]上面这张图的datauri1data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA/QAAAJBCAIAAABnN2转载 2015-06-07 14:15:28 · 13673 阅读 · 0 评论 -
在线测试浏览器兼容性的工具_spoon
经常制作网页的朋友电脑里总会安装许多浏览器,比如Firefox、charome、Opera、Safari、IE等,而且为了兼容他们的各个版本,还需要装更多浏览器,比如IEtester之类的。在线测试浏览器兼容性工具spoon 来源:黄超[点击放大]但如果没有装那么多浏览器或一时找不到那么多版本的浏览器,可以使用一下在线的浏览器兼容测试工具:http://spoon.net/browse原创 2015-06-06 20:54:15 · 2130 阅读 · 0 评论 -
CSS3 @font-face
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及转载 2015-06-05 17:00:08 · 351 阅读 · 0 评论 -
bootstrap 源码解析-------------normalize.css v3.0.0 源码
/*! normalize.css v3.0.0 | MIT License | git.io/normalize *//*** 1. Set default font family to sans-serif.* 2. Prevent iOS text size adjust after orientation change, without disabling* use转载 2015-03-08 20:51:33 · 1239 阅读 · 0 评论 -
html5新模块的兼容问题---------------------类似于bootstrap的
HTML5 新模块元素的兼容问题新增块元素的默认样式下列HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题,给下列元素添加“block”显示属性。代码:article, aside, details, figcaption, figure, footer, header, hgroup, main, na转载 2015-03-08 20:53:44 · 597 阅读 · 0 评论 -
bootstrap源码解析-----------------样式重置部分
1、bootstrap源码:html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}解析: -webkit-text-size-adjust: 100%; 解决的是chrome等以webkit为内核的浏览器下不支持小于12px的问原创 2015-03-06 15:33:30 · 1761 阅读 · 0 评论 -
使用Grunt构建任务管理脚本
本文由大漠根据Landon Schropp的《Writing an Awesome Build Script with Grunt》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://www.sitepoint.com/writing-awesome-build-script-grunt/,以及作者相关信息——作者:转载 2015-06-01 20:13:34 · 389 阅读 · 0 评论 -
免费的javascript富文本编辑器
简介Javascript富文本编辑器使我们添加、编辑网站中的文章更加方便和容易。这些富文本编辑器提供了所见即所得(What You See Is What You Get - WYSIWYG)的功能,可以像编辑word文档一样,方便地编辑网站中文章,常用于内容管理系统和博客系统等。下面列出了常用的10个富文本编辑器,有最基础的格式富文本编辑器,也有复杂的具有文件上传能、创建表格功能、Aja转载 2014-11-15 19:18:19 · 510 阅读 · 0 评论 -
BAT及各大互联网公司2014前端笔试面试题--Html,Css篇
很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。 前面几题是会很基础,越下越有深度。 附上第一篇:BAT及各大互联网公司2014前端笔试面试题--JavaScript篇 Html篇:转载 2015-09-06 21:27:19 · 937 阅读 · 0 评论