Google 的Web开发相关工具

一.PageSpeed Insights PageSpeed Insights 能够针对移动设备和桌面设备生成网页的实际性能报告,并能够提供关于如何改进相应网页的建议. 在线工具:https://developers.google.cn/speed/pagespeed/insights/ 二.Chrome 开发者工具 Chrome 开发者工具是一套内置于Google Chrome中的Web开发和调试工具,可用来对网站进行迭代.调试和分析. 使用文档:https://developers.goog…

Web开发与设计之Google兵器谱-Web开发与设计利器

Web开发与设计之Google兵器谱-Web开发与设计利器博客分类: Java综合 WebGoogleAjaxChromeGWT 笔者是个Java爱好者也是用Java进行web开发的工作者.平时笔者最喜欢的浏览器就是Firefox,因为它能带个笔者很多IE所不具备的优秀调试功能,说心里话笔者一直觉得MS貌似很不重视浏览器.无论功能还是性能,IE在笔者心里基本都是垃圾...今天偶然看到一篇介绍利用Google提供的免费用具进行Web开发与设计的文章,十分经典摘过来和大家分享下: Google 的…

Web开发相关工具收集

FireFox相关: FireBug/GreaseMonkey/Yslow/WebDeveloperSelenium:Web应用程序测试的工具-- http://seleniumhq.org/ http://openqa.org/ Nikto:开源网站漏洞扫描软件 -- http://www.cirt.net/nikto2 一个在线Server统计网站:-- http://survey.netcraft.com/Reports/200902/ SQL注入工具: Absinthe HP 的In…

web开发相关工具总结

系统: linux -ssh工具:secureCRT ,PUTTY,XSHELL MYSQl: mysql客户端 ,mysqlworkbench, navicat for mysql ,phpmyadmin 配置:https://tools.percona.com/wizard php:php客户端exe | cli, neatbeans,phpstorm,zend statio git :gitkranken,tortoisegit,phpstorm git extension|其他开发工具自…

作为Web开发人员，我为什么喜欢Google Chrome浏览器

来源: http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器. 在Chrome出来的时候,我就喜欢上它的简洁.快速,无论是启动速度还是页面解析速度还是Javascript执行速度(现在的FireFox4也比之前的FireFox3有很大的进步).不过当时由于…

移动端 Web 开发前端知识整理

文章来源: http://www.restran.net/2015/05/14/mobile-web-front-end-collections/ 最近整理的移动端 Web 开发前端知识,不定期更新. HTML5 可以做什么拍照获取地理位置手势 canvas 绘图和动画(硬件加速) localstorage,本地缓存 HTML5 动画效果 demo http://fff.cmiscm.com/#!/main CSS3 动画 http://isux.tencent.com/css3/inde…

Facebook的Web开发三板斧：React.js、Relay和GraphQL

2015-02-26 孙镜涛 InfoQ Eric Florenzano最近在自己的博客上发表了一篇题为<Facebook教我们如何构建网站>的文章,他认为软件开发有些时候需要比较大的跨越,而这将会在2015年再次上演,主角们则是Facebook的React.js.Relay和GraphQL. Eric Florenzano在该文章中提到:2003年Brad Fitzpatrick发布了Memcached,由此开启了LiveJournal架构的时代:2004年Google发布了MapRedu…

转载：移动web开发规范

本文来源:http://blog.csdn.net/joueu/article/details/44329825 以下是规范建议,均是日常在开发当中的的一些经验,仅供参考. 移动web开发规范一.头部声明 1.其中width=device-width就是说把页面宽度设置成和屏幕宽度一样 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 2.首先我们来看看webki…

Meteor+AngularJS：超快速Web开发

为了更好地描述Meteor和AngularJS为什么值得一谈,我先从个人角度来回顾一下这三年来WEB开发的变化: 三年前,我已经开始尝试前后端分离,后端使用php的轻量业务逻辑框架.但当时前端还没有成熟且广泛流行的业务逻辑框架.所以在做产品开发时我仍然选用drupal等整体开发框架.开发时常常需要在javascript和php间切换,同时还要自己搞定数据库.此时的开发模型图是这样(红色箭头和红色块都表示工作重灾区): 随着对用户体验的追求,我开始把业务逻辑往前端推移,于是…

2016 Web开发资源工具大搜罗

来源于:https://zhuanlan.zhihu.com/p/22730771 作者:余博伦链接:https://zhuanlan.zhihu.com/p/22730771来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. Web的迅猛发展对于开发者来说既是一件好事也是一件坏事.不断紧跟潮流学习新的技术.编程语言.适应变化听起来就很令人兴奋又紧张.你需要面对的挑战可能包括使用已有的框架适应新的业务需求,测试网站的兼容性,优化你的网站前端和后端更好地协同.今天在这里…

Web开发技术发展历史

Web开发技术发展历史来自:天码营原文:http://www.tianmaying.com/tutorial/web-history Web的诞生提到Web,不得不提一个词就是"互联网".Web是World Wide Web的简称,中文译为万维网."万维网"和我们经常说的"互联网"是两个联系极其紧密但却不尽相同的概念.今天"互联网"三个字已经承载了太多的内涵,提到互联网,我们通常想到的一种战略思维,或者是一种颠覆传统…

超全的web开发工具和资源

首页新闻产品地图动态城市帮助论坛关于登录注册 · 不忘初心,继续前进,环境云V2接口正式上线 · 环境云测点地图全新改版 · 祝福各位环境云用户中秋快乐! 平台信息培训互动媒体报道技术动态超全的web开发工具和资源发布时间:2016-09-26 15:39:01.0 作为Web开发者,这是好的时代,也是坏的时代.Web开发技术也在不断变化.虽然很令人兴奋,但是这也意味着Web开发人员需要要积极主动的学习新技术和新的编程语言,并愿意和渴望接受新的挑…

移动Web开发调研

背景在移动互联网浪潮下,移动设备普及,对配置需要考虑移动端设备可访问性.Web作为最贴近用户的配置手段,面向从PC端传统页面,向移动端页面的转型. 概念 PC Web: 面向传统PC电脑的浏览器开发的Web人机交互界面. 移动Web:面向移动设备的浏览器开发的Web人机交互界面.移动设备包括:手机.Pad等移动设备. 移动APP:面向移动设备开发的APP软件,直接运行于移动设备的系统上.不同于移动Web,其不需要借助中间软件运行. Web APP: 以浏览器为入口,实现 App 的 Web 化…

Web开发的发展历史

了解一下Web开发相关的历史,相关技术的演进历程,知其前世今生,非常有助于加深Web开发相关技术的理解和认识. 下面是对网上几篇相关文章的总结和摘要: 1. Web开发的发展史对过去的15年来,Web开发从最初的纯HTML到CGI.PHP/JSP/ASP.Ajax.Rails.NodeJS的这个过程进行了简要的介绍. http://blog.jobbole.com/45169/ 2. Web开发技术的演变静态页面时代.CGI时代.PHP.J2EE.Web层框架.摒弃EJB运动.Ajax.Ru…

web开发漫谈

本文同步至微信公众号http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401950045&idx=1&sn=cec056802bb52f909554691d0427f4f0#rd 对后续文章感兴趣的可以扫码关注哈对于一个非技术人员比如说pm,网站编辑等通常遇到一些问题,不知道是该找前端解决还是应该找后端.也有一些功能,既可以放到前端来做,也可以放到后端来做.这样看似一个模糊不清的问题,然而考虑到后续的维护成本,页面性能时,结…

关于Web开发里并发、同步、异步以及事件驱动编程的相关技术

一.开篇语我的上篇文章<关于如何提供Web服务端并发效率的异步编程技术>又成为了博客园里“编辑推荐”的文章,这是对我写博客很大的鼓励,也许是被推荐的原因很多童鞋在这篇文章里发表了评论,有童鞋说我这篇文章理论化很严重,没有实际代码和具体项目做支撑,这个评论让我有种理论和实践脱节的味道,所以我想在这里谈谈我为什么要写这篇文章的原因,这篇文章是把我前不久学习多线程编程的一个总结. 当我从我书堆里找到所有与多线程开发相关的书籍简单阅读后,我发现了一个问题,在java里开发多线程最强有力的实践就是做服…

Web开发人员必读的12个网站

The more you actually create, the more you’ll learn.(创造的越多,学习的越多),世界上有无数个开发人员会在网上分享他们的开发经验,我们无法向所有人学习,因此本文搜集了全球Web开发人员最值得浏览的十二个网站,帮开发人员节省时间,快速找到有价值的信息!个个都是精品! 1. sixrevisions.com Six Revisions 现在不是以Web开发经验分享为主的博客网站,访问该网站可以获取Web最新消息,Six Revisions会发表一些…

了不起的Node.js: 将JavaScript进行到底（Web开发首选，实时，跨多服务器，高并发）

了不起的Node.js: 将JavaScript进行到底(Web开发首选,实时,跨多服务器,高并发) Guillermo Rauch 编赵静译 ISBN 978-7-121-21769-2 2014年1月出版定价:79.00元 320页 16开编辑推荐 Node.js是一个由JavaScript书写而成的强大的web开发框架,它让开发强壮的.伸缩性良好的服务端web应用变得更加简单,容易.本书向你展示了什么是Node以及如何让你在项目中使用它.本书包含大量实际应用中的示例程序,证明了…

移动web开发之屏幕三要素

× 目录 [1]屏幕尺寸 [2]分辨率 [3]像素密度前面的话实际上,并没有人提过屏幕三要素这个词,仅是我关于移动web开发屏幕相关部分总结归纳的术语.屏幕三要素包括屏幕尺寸.屏幕分辨率和屏幕像素密度. 屏幕尺寸我们常常听说5.5英寸大屏幕手机,实际上屏幕尺寸是指屏幕的对角线长度.常见的屏幕尺寸有3.5.4.4.3.4.8.5.0.5.2.5.5.6.0等对于英寸没有什么概念,可以通过转换公式转换成常用的厘米 1英寸 = 2.54厘米 3.5in = 3.5*2.54cm = 8.89c…

Web 开发人员和设计师必读文章推荐【系列三十】

<Web 前端开发精华文章推荐>2014年第9期(总第30期)和大家见面了.梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您. HTML5 & CSS3 让你心动的 HTML5 & CSS3 效果[附源码下载] 碉堡了! 纯 CSS 绘制<辛普森一家>人物头像美…

Web 开发人员和设计师必读文章推荐【系列二十九】

<Web 前端开发精华文章推荐>2014年第8期(总第29期)和大家见面了.梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您. JavaScript [入门必备]最佳的 Node.js 学习教程和资料书籍 Fort.js – 时尚.现代的表单填写进度提示效果 ScrollMe – 在网页中加…

Web 开发精华文章集锦（jQuery、HTML5、CSS3）【系列二十七】

<Web 前端开发精华文章推荐>2014年第6期(总第27期)和大家见面了.梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您. HTML5 & CSS3 创意无限!一组网页边栏过渡动画[附源码下载] 你见过吗?9款超炫的复选框(Checkbox)效果有助于提高你的 Web 开发技能…

成为 Web 开发大师你必须知道的 7 件事情

曾经是这样的,懂点编码,并可以偶尔耍点酷,那么你就会被认为是一个Web开发大师.但是现在,情况再也不是这样的了.Web开发已经朝着主流方向发展,开发人员数量显著增加.这意味着,如果你想成为这个领域的大师,那么你需要比竞争对手更优秀.知识更渊博.更有能力.有些人可能会想,那么应该怎么办呢?好问题——我们将在这篇文章中探索一二. 1.你需要更深入现在,不管是谁,只要能够连上互联网,就可以学习如何编码(有各种视频学习渠道).但是,你需要比他们知道得更多.这意味着你得枕戈待旦.你需要不断地磨练你的技能…

Web 开发人员不能错过的 jQuery 教程和案例

jQuery 把惊喜延续到设计领域,处处带来极大的灵活性,创造了许多体验良好的设计,而且拥有不错的性能.这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例,帮助你更好的掌握 jQuery 在网站实际效果实现中的应用,千万不要错过. 您可能感兴趣的相关文章 So Easy!让开发人员更轻松的工具和资源 12款经典的白富美型 jQuery 图片轮播插件几款优秀的 jQuery Ajax 分页插件和教程推荐几款极好的 JavaScript 下拉列表插件 10大流行 Metro UI…

Web 开发人员必备的12款 Chrome 扩展程序

之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展,这次我们继续展示一组很有用的 Chrome 应用程序.这些免费的 Chrome 应用程序可以简化您的工作流程,为了加快您的工作流程,从而快速帮助你提高你的工作效率. 谷歌浏览器是一个功能强大的现代浏览器,许多人都喜欢使用它.在这里,我们给大家带来 Chrome 应用程序的另一个有趣的收集——专注于网页设计和开发的12款最重要的 Chrome 扩展程序. 您可能感兴趣的相关文章 Web 开发人员和设计师必读文章推荐 2012年…