随笔分类 -  开发软件应用技巧

上一页 1 2
Chrome开发者工具不完全指南（四、性能进阶篇）
摘要：前言Profiles面板功能的作用主要是监控网页中各种方法执行时间和内存的变化，简单来说它就是Timeline的数字化版本。它的功能选项卡不是很多（只有三个），操作起来比较前面的几块功能版本来说简单，但是里面的数据确很多，很杂，要弄懂它们需要花费一些时间。尤其是在内存快照中的各种庞杂的数据。在这篇博... 阅读全文
posted @ 2015-12-09 15:22 黑客PK 阅读(482) 评论(0) 推荐(0)
Chrome开发者工具不完全指南（五、移动篇）
摘要：前面介绍了Chrome开发者工具的大部分内容工具，现在介绍最后两块功能Audits和Console面板。一、AuditsAudits面板会针对目前网页提出若干条优化的建议，这些建议分为两大类，一类是网络加载性能，另一类是界面性能。首先开下它的主界面。Audits面板的网络优化建议参照的是雅虎前端工程... 阅读全文
posted @ 2015-12-09 15:22 黑客PK 阅读(444) 评论(0) 推荐(0)
Chrome开发者工具不完全指南：（三、性能篇）
摘要：卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板，其中包括Elements、Network、Resources基础功能部分和Sources进阶功能部分，对于一般的网站项目来说，其实就是需要这几个面板功能就可以了（再加上console面板这个万精油）。它们的作用大多数情况下是帮助你进行功... 阅读全文
posted @ 2015-12-09 15:21 黑客PK 阅读(543) 评论(0) 推荐(0)
Chrome开发者工具不完全指南（二、进阶篇）
摘要：上篇向大家介绍完了基础功能篇，这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板，也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题，在审视一遍自己的代码而一无所获之后，我首先就会打开Source... 阅读全文
posted @ 2015-12-09 15:20 黑客PK 阅读(321) 评论(0) 推荐(0)
Chrome开发者工具不完全指南（一、基础功能篇）
摘要：就算你不是一名前端开发工程师，相信你也不会对Chrome浏览器感到陌生。根据最新的一份（2015/06）的浏览器市场占有率报告，Chrome近乎占有浏览器天下的半壁江山。简单、快捷使它成为了新时代人们的新宠。如果你是一名web开发人员，我推荐你使用Chrome。作为前端开发的”IDE”，你只需要搭配... 阅读全文
posted @ 2015-12-09 15:09 黑客PK 阅读(378) 评论(0) 推荐(0)
Chrome渲染分析之Timeline工具的使用
摘要：Posted on2014年6月27日byadmin |Leave a reply概述这个工具真的很强大，Timeline工具栏提供了对于在装载你的Web应用的过程中，时间花费情况的概览，这些应用包括处理DOM事件, 页面布局渲染或者向屏幕绘制元素。Timeline可以通过事件，框架，和实时内存用量... 阅读全文
posted @ 2015-12-04 17:04 黑客PK 阅读(393) 评论(0) 推荐(0)
移动端开发备忘
摘要：这是一些移动端开发的备忘记录。 元素 width：宽度（数值 / device-width）（范围从200 到10,000，默认为980 像素） height：高度（数值 / device-height）（范围从223 到10,000） initial-scale：初始的缩放比例 （范围从>0... 阅读全文
posted @ 2015-12-03 19:06 黑客PK 阅读(190) 评论(0) 推荐(0)
前端开发切图技巧总结
摘要：比较好的视频：http://www.imooc.com/learn/506； ps_cc2015:http://jingyan.baidu.com/article/0320e2c1ca4c091b87507ba7.html 1、固定宽度切图：对于有一些宽高都一样的元素需要切出来的话，就可以使用固定宽 阅读全文
posted @ 2015-11-10 10:35 黑客PK 阅读(2969) 评论(0) 推荐(0)
emmet高级技巧
摘要：编写好HTML和CSS代码时，我们也需要修改或添加一些内容，Emmet提供了很多非常独特的工具，可以大大提高编辑体验，下面我们挑选几个常用的功能来介绍。萨龙龙发现在sublime text中安装的Emmet插件的快捷键与官方的演示文档中提供的快捷键不一样，这时我们就要修改Emmet快捷键或者查找在s... 阅读全文
posted @ 2015-11-01 12:57 黑客PK 阅读(2721) 评论(0) 推荐(0)
通过ps给透明通道的图片添加灰度（适用于需要兼容IE7，效果很好）
摘要：原始的图片是这样的 第一步： 第二步： 第三步： 第四步： 更多（文字居中）： 1: 2: 3: 4: 阅读全文
posted @ 2015-09-27 01:03 黑客PK 阅读(631) 评论(0) 推荐(0)
sublime text的一些插件
摘要：http://naotu.baidu.com/file/57a3154312a7c7a444353202a4e06cd2 Package Control 作为安装 Sublime Text 插件的必备利器，Package Control 是这款编辑器的标配，可以方便开发人员快速安装需要的插件。 5. 阅读全文
posted @ 2015-09-07 23:43 黑客PK 阅读(781) 评论(0) 推荐(0)
sublime text 3 快捷键大全以及配置编译环境
摘要：流行插件查找：https://packagecontrol.io/browse/popularSublime text 3是码农最喜欢的代码编辑器，每天和代码打交道，必先利其器，掌握基本的代码编辑器的快捷键，能让你打码更有效率。刚开始可能有些生疏，只要花一两个星期坚持使用并熟悉这些常用的快捷键！其实 阅读全文
posted @ 2015-08-17 00:44 黑客PK 阅读(212) 评论(0) 推荐(0)
sass、git、ruby的安装与使用。
摘要：安装sass时必须先安装ruby，在安装ruby时勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境 sass安装：http://www.w3cplus.com/sassguide/install.html 阅读全文
posted @ 2015-08-16 17:09 黑客PK 阅读(687) 评论(0) 推荐(0)

上一页 1 2