一，css进阶篇： 等css哪些事儿看了两三遍之后，需要对看过的知识综合应用，这时候需要大量的实践经验， 简单的想法：把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html，有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信可以自己先写，写 ...
分类：
其他好文 时间：
2017-11-14 18:35:17
阅读次数：
273
起因 使用HTML5开发Android应用时，少不了调试WebView。做前端的还是习惯Chrome的开发者工具，以前都是输入Chrome://inspect就可以调试WebView了，太方便了。 最近老是出现空白页面，各种搜索，最后还是Fan墙解决了。好在翻一次能用一段时间，郁闷的是当你需要调试的 ...
分类：
Web程序 时间：
2017-11-06 20:14:02
阅读次数：
544
今天在调试bug的时候有一个需求，我需要知道我的代码中有哪些地方在修改body的style，然后我想到了DOM节点监听。 为body添加断点然后开始调试，但是现在的前端技术栈太复杂，即使打了断点也会跳进第三方包里。调用栈里有太多无关的js代码，妨碍调试。 所以你可以选中文件右击后，选择Blackbo ...
分类：
其他好文 时间：
2017-11-01 12:14:23
阅读次数：
107
1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。 减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快 ...
分类：
其他好文 时间：
2017-10-27 15:59:19
阅读次数：
174
debugger 使用chrome调试时，html页面的js代码中可能不好打断点(因为在jvm中才会有代码) 我一开始是故意在需要断点的后面或前面写个错的alert，通过jvm找到此处，然后在需要的地方打上断点，再把错的注释，刷新页面，就可以断点调试了 但是后来不知道为什么这种方法没用了，不管怎么样 ...
分类：
其他好文 时间：
2017-10-19 17:00:21
阅读次数：
232
Chrome 内置抓包工具 Block requests 截取长图 代码的覆盖率分析 Make site better Chrome 内置抓包工具 在浏览器地址栏输入chrome://net-internals/#events，即可打开自带的抓包工具。工具处于live状态，其他tab 页有请求刷新， ...
分类：
其他好文 时间：
2017-10-11 13:03:45
阅读次数：
191
原文章地址http://blog.csdn.net/qq_19636353/article/details/53731254 浏览器的远程调试工具，使得我们可以通过PC上开启的控制台，调试手机浏览器中正在运行的代码。运行于 Android 4+系统的Chrome for Android 同样也可以配 ...
分类：
移动开发 时间：
2017-09-23 10:48:36
阅读次数：
369
1.利用console控制台查询字体编码 打开浏览器，按下键盘F12 至控制台 输入escape("要查询的字体中文名称")（注意：括号与引号都是英文输入法下输入） 将查询到的结果中的符号替换成\即可例如：华文新魏 查询到的是"%u534E%u6587%u65B0%u9B4F" ,写成font-fa ...
分类：
其他好文 时间：
2017-09-16 23:12:52
阅读次数：
252
转载：http://blog.csdn.net/crper/article/details/48098625 大多浏览器的调试功能的启用快捷键都一致…按下F12;还是熟悉的味道; 或者直接 Ctrl> + Shift + J: 直接进入console面板 点击第一张截图圈圈那个进入,看到Shortc ...
分类：
其他好文 时间：
2017-08-30 21:38:37
阅读次数：
151
