前几天写了一篇使用fiddler调试微信端页面的，然后博友评论说使用fiddler太麻烦了，推荐使用微信web开发者工具调试微信页面，这两天弄着玩了一下，很强大。这篇文章只是做一个记录，方便自己以后使用的时候看看，不对的地方请大家批评指正。放入官方的微信web开发者工具下载链接以及文档说明https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html，参考这个文档，我又给细节化了一些内容。下载以后直接安装就好...
chrome 开发者 css文件不能编辑不能修改，我看网上教程都是可以修改的。 而且 .html 类的文件打不开，所有网站都是。 怎么办呢？ 回复讨论(解决方案) 不能就不能吧，换个可以编辑的firebug不就行了，是在不行直接代理该css文件，去纠结这种问题还去看教程真没必要
无论你是编程高手，还是技术爱好者，在进行Web开发过程中，总避免不了犯各种各样的错误。 犯了错误，可以改正。但如果犯了某些错误，则会带来重大损失、遗憾。令人惊讶的是，这些错误往往是最普通，最容易避免。下面将列举最需要注意的五大错误。 “重新发明轮子” 你希望把自己的网站打造成独一无二、与竞争对手相区别的网站，这一点我们理解。 但你不必“重新发明轮子”。 苹果并不是从零开始设...
作为 Web 开发者，对自己的行业前景，人人都有自己的看法，然而，任何行业都有出人意料的地方。著名的 Web 开发设计博客 Nope.com 曾向他们的读者做了一个调查，请他们列举 Web 开发领域那些让他们感到意外的事情，收到了各种各样的反馈，本文就是这次调查的结果与分析。 一个真正的符合 Web 标准的 IE 这个消息让我们振奋，在经过 9 个版本更替后，我们终于看到了（或者说即将看到）一个真正符合 Web 标准的 IE 浏览器。在 We...
前端笔记推出的开发者导航改版啦，增加了除前端开发相关的导航，交互设计、后端开发、移动开发、数据库、站长导航、实用工具的七大分类。增加了各分类的网址收录，并把一些已经不再维护更新的站点去掉了。 前端开发 前端开发导航下面再进行分类：前端资讯、前端博客、HTML、CSS、JS、AJAX、JQUERY。 交互设计 交互设计导航下面再进行分类：资讯、团队、素材、工作室、设计师、LOGO、字体、学...
渲染应该从最开始当页面布局被定义时就进行优化，样式和脚本在页面渲染中扮演着非常重要的角色。专业人员知道一些技巧以避免一些性能问题。 这篇文章不会深入研究浏览器的技术细节，而是提供一些通用的原则。不同浏览器引擎工作原理不同，这就使特定浏览器的学习更加复杂。 浏览器是怎样渲染一个页面的？ 我们从浏览器渲染页面的大概过程开始说起： 由从服务器接收到的 HTML 形成 DOM（文档对象模型）。 样式被加...
如果你是自由职业者总是要在一定的期限内完成客户的要求和需要的挑战。做工作和客户沟通是不容易的，但有无数的在线工具，在这种情况下可以帮助你。 在这个"我们已经收集了20新鲜和挑选的工具为我们的观众，使他们的工作更容易一些。以下工具都是在线和目标利基，每个自由职业者都是找。 2015年7月，我们是突出新的工具和资源，会促进你的任务，范围从Web应用程序框架和JavaScript库移动应用本文包括一些真正有用的资源，将帮助...
想用jquey获取Radio的选中值。但是没有。 在开发者人员工具里看Radio 选中里面没有checked属性。 但是我界面上明明选中了。 是有什么地方没有注意到吗？ 回复讨论(解决方案) 上面的那个checked是我 在代码里加上去。实际是没有的 $("input[type=radio]:checked").val(); 或者 $("input[name=rd]:checked").val(); $("input[t...
HTML5代码生成器 网上有五六种可以生成优质代码的HTML5生成器，其中的真谛是HTML5样板文件，我们不要自以为然的把样板文件当成是生成器，虽说这样，大多数开发者还是把它当作是他们第一个网站的模板。回到主题，要找到一个好的HTML5生成器并不是那么容易的事，因为网上有成千上万的网站提供各种各样的代码生成器。正因为如此，我们经常会被搞的稀里糊涂。不过，我们还是设法找到了一些比较好的生成器在本文中分享给大家。 1.Shi...
下面是特邀Umar Hansa做的一篇文章。Umar有一个新闻组，我是他的粉丝，他很亲切地应我们要求把这篇约稿写成了新闻组的形式。我将让他介绍一下他自己。 嘿，我是Umar。我喜欢在Twitter(@umaar)上分享web开发相关的小技巧，同时也喜欢通过Dev Tips以gif的形式分享开发的小技巧。Dev Tips是开发者的一个新闻组。现在，它主要是Chrome开发工具相关的内容。开始之前，感谢CSS-Tricks给我机会为自己喜欢的一个组织做点贡献。 这篇文...
我们第一次谈论 HTML5 要改变世界大概是因为乔布斯，他坚持在 iOS 上不兼容 Flash，在 Adobe 统治多媒体开发的那个年代，这需要付出极大的勇气。这么多年过去了，虽然所有人都在谈论 HTML5，但是大部分人甚至都忘了它还是一个仍在完善中的体系。 2007年W3C（万维网联盟）立项 HTML5，直至 2014年10月 底，这个长达八年的规范终于正式定稿。接下来，HTML5 将真正开始颠覆原生（Native） App 世界。虽然这种危言耸听已经让人有点厌...
Chrome 开发者工具是一款Web开发者们公认的优秀的前端调试工具,本身功能强大，有了这个工具,你可以做很多有趣的事情。 快速编辑HTML元素 在Elements面板,鼠标双击需要打开的DOM元素标签,就可以编辑它，完成之后会自动更新页面和关闭标签。 还是在Elements面板按下ctrl + F 或 F3 ,在搜索栏里输入自己想要查找的内容，如果存在，就会在DOM中，用不同的颜色标出。 快速定位行和列 在sources面板...
Package Control 在 Sublime Text 上大家都用 Package Control 来管理安装插件，所以它是我们要安装的第一个插件，安装方法见这里。关于 Package Control 的使用方法这里不再赘述。 JSHint Linter 是帮助你检查代码问题的一类工具，帮你发现潜在的错误或不好的代码习惯。JSHint 是检查 JavaScript 代码的好工具，支持很多编辑器和 IDE 。 Sublime 上要使用 JSHint 可以安装：SublimeLinter-JSHint 插件。注意安...
对于一份工作，你可能专注于修炼自己的内功，会在不自觉中忽视软技能。硬技能决定你是否能得到工作，而软技能能够表明你是否适合这份工作和适应工作环境等。所有的公司都有属于自己的文化，并努力将这些文化传承下去，所以他们必须确保每一位新员工能够适应这个环境。 许多硬技能很容易获得并可很快的提高，而软技能由于和你性格等联系紧密，可想要改变他们是一件很困难和缓慢的事情。这里有七个核心的软技能，适用于大...
无论你是新开发者还是经验丰富的老程序员，前端框架可以有效地在开发的早期阶段提升开发效率。在这篇文章中，我们选择了15个新框架分享给开发人员，你肯定会想尝试一下这些新鲜的框架。 1. RAD.js RAD.js is a framework for more quickly developing mobile applications. It’s optimized for iOS, Android, and Windows 8, plus all major web browsers. 2. SpaceBase SpaceBase ...