前端开发工具
xiongzhengxiang
这个作者很懒,什么都没留下…
展开
-
git commit规范及自动化管理
参考: https://aotu.io/notes/2020/09/10/git-commit-control/原创 2020-10-12 15:28:55 · 280 阅读 · 0 评论 -
开发工具
https://developers.google.com/google-apps/spreadsheets/ 电子表格,能提高url接口,通过json返回数据原创 2013-10-25 16:17:17 · 581 阅读 · 0 评论 -
grunt-contrib-watch 结合 connect-livereload 实现修改文件后,理解刷新页面
watch 的配置watch : { less :{ files:['css/*.less'], tasks:['less'] }, livereload:{ options:{ livereload:true }, files:['css/*.css','js/原创 2013-10-17 21:41:26 · 7975 阅读 · 3 评论 -
chrome extension 遇到的问题
1 在content script 中,想触发origin page 中某元素绑定的click 时间通过 $('ele').click();orgin page 中$('ele')绑定的click handler 并没有触发。如果把 $('ele').click() 放在页面的console中,origin page 中的对应 click handler 会被触发。解决方案:$('原创 2013-08-28 15:00:49 · 1555 阅读 · 0 评论 -
chrome extension 调试方式
一个chrome extension 基本架构如下问题:如何显示background script 和 brower action 的调试信息呢?对于background script 的调试信息,参考下面的步骤:Visit chrome://extensions/.Enable developer modeExpand your extension, b原创 2013-08-28 11:30:23 · 5443 阅读 · 0 评论 -
github 两种常要操作的用法-fork+pull
4.1. Fork + Pull模式参与GitHub中的项目开发,最常用和推荐的首选方式是“Fork + Pull”模式。在“Fork + Pull”模式下,项目参与者不必向项目创建者申请提交权限,而是在自己的托管空间下建立项目的派生(Fork)。如果一个开源项目派生出另外的项目,通常意味着项目的分裂和开发团队的削弱,而GitHub中的项目派生则不会,而且正好相反,GitHub转载 2013-03-13 15:09:31 · 3204 阅读 · 0 评论 -
开发利器 subline 插件安装
看了 Nettuts+ 对 Sublime Text 2 的介绍,立刻就兴奋了,诚如作者 Jeffrey Way 所说:“《永远的毁灭公爵》都发布了,TextMate 2 还没发”,你还能指望它么?TextMate 开发者的消极态度已经无法让人忍受了。而作为一款跨 OS X、Linux 和 Windows 三大系统平台的文字编辑器,Sublime Text 2 功能日进,大有取 TextM转载 2013-01-09 17:30:00 · 2383 阅读 · 0 评论 -
开源中最好的Web开发的资源
文章来源:Best “must know” open sources to build the new Web。个人感觉这个收集贴收集成相当的全。学习HTML 5编程和设计★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码很不错的 HTML5 Dashboard – Moz转载 2012-11-07 19:36:02 · 924 阅读 · 0 评论 -
项目目录分析
1 webapp ├─ app/│ ├─ images/│ │ ├─ glyphicons-halflings.png│ │ └─ glyphicons-halflings-white.png│ ├─ scripts/│ │ ├─ vendor/│ │ │ └─ bootstrap.js│ │ ├─ app.js│ │ ├─原创 2013-10-30 09:25:27 · 1059 阅读 · 0 评论 -
ant 使用
ant 使用指南 一、概述ant 是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具,大多用于Java环境中的软件开发。在实际软件开发中,有很多地方可以用到ant。 开发环境:System:WindowsJDK:1.6+IDE:eclipseant:1.9.1 Email:hoojo_@126.comBlog:http:转载 2013-11-20 21:22:57 · 947 阅读 · 0 评论 -
git 提交时,如何忽略某些文件
参考:http://cloudsben.com/2013/05/gitignore-and-autocrlf-config/原创 2014-05-16 16:17:42 · 1631 阅读 · 0 评论 -
git 常用操作
1 删除文件 删除文件跟踪接着上面的状态,此时我们想从工程中删除file1,以后git再也不用管理该文件:方法1:git rm file1 //删除文件跟踪并且删除文件系统中的文件file1git commit //提交刚才的删除动作,之后git不再管理该文件。原创 2014-05-16 16:32:20 · 581 阅读 · 0 评论 -
gulp 构建工具
gulpthe streaming build system原创 2014-07-21 21:26:36 · 1200 阅读 · 0 评论 -
前端掌握control层
why 为什么要做这个项目?解决目前前后端职责交叉导致的问题问题:1 业务负责的系统,m-v-c 每一层都可能出现在别的代码里,日积月累,没有维护性可言2 开发流程、开发效率问题。先写静态文件,然后再转化成模板文件,依赖后端数据,效率不高3 前端发挥的空间受到限制。comet、bigpipe 等技术方案很难实现;多终端适配方案多样化how?原创 2014-07-11 20:50:21 · 2446 阅读 · 0 评论 -
学习nginx 不错的网址
http://www.howtocn.org/nginx:pcre原创 2014-08-27 20:12:34 · 771 阅读 · 1 评论 -
svn 回滚的命令
第一种情况:改动没有被提交(commit)。这种情况下,使用svn revert就能取消之前的修改。svn revert用法如下:# svn revert [-R] something其中something可以是(目录或文件的)相对路径也可以是绝对路径。当something为单个文件时,直接svn revert something就行了;当something转载 2015-01-06 18:07:34 · 687 阅读 · 0 评论 -
compass sass 中文 错误的问题
代码若有中文编译Sass 文件出现Syntax error: Invalid GBK character报错解决方法是:找到ruby的安装目录,里面也有sass模块,如这个路径:C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass在这个文件里面engine.rb,添加一行代码:Enco转载 2015-01-07 20:22:10 · 3105 阅读 · 0 评论 -
浏览器 bookmarklets 如何安装 和 使用
什么是Bookmarklet?(下面有补充)Bookmarklet ,一般都称呼为小书签。它是一段 JavaScript 脚本,一般网络上的小书签都是一个链接,它的安装非常简单,只需要把链接拖到你的收藏夹里。Bookmarklet的优势?1.同时适用于各种浏览器Bookmarklet可以同样作用于当前各种浏览器。一般一个Bookmarklet,可以直接作用在Chrome,Fir原创 2012-10-19 09:43:17 · 1294 阅读 · 0 评论 -
seajs 模块路径查找流程
原创 2012-09-29 16:01:02 · 635 阅读 · 0 评论 -
js压缩工具 yuicompressor 使用教程
官方网址:http://developer.yahoo.com/yui/compressor/JS与css 压缩工具 yuicompressor当前最新版本:2.4.2 运行需要先安装JDK,官方下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk-7u1-download-513651.html 根据自己的系转载 2011-11-18 09:20:32 · 2077 阅读 · 0 评论 -
使用Google 的 Closure Compiler来压缩javascript
Closure Compiler是一个google出的用来压缩、检查javascript的工具。其项目地址在:http://code.google.com/closure/compiler/Closure Compiler的使用方法有如下3种:在命令行下使用一个google编译好的java程序使用google提供的在线服务使用google提供的RESTful API下面我来分别介绍转载 2011-11-18 09:28:12 · 3039 阅读 · 0 评论 -
visualsvn 和 TortoiseSVN 版本控制工具使用说明
VisualSVN Server是免费的,而VisualSVN是收费的。VisualSVN是SVN的客户端,和Visual Studio集成在一起, VisualSvn Server是SVN的服务器端,包括Subversion、Apache和用户及权限管理,优点在上面已经说过了。1.为什么要用VisualSVN Server,而不用Subversion?回答:因转载 2011-11-20 22:27:30 · 959 阅读 · 0 评论 -
前端开发 如何提高工作效率
反省了一下自己最近的状态。有点过于依赖外在的环境,把提升自己的工作效率放在了是否有 外界人力 帮忙、是否有 硬件支持,而忽视了对自身的要求。改变环境,还是让自己适应这个环境,哪个对将来的发展更有帮助?拓宽知识面当你掌握的东西多了,就可以用更高效的方法来提升自己的工作效率。举例:想要修改网站的“版权所有 © 1999-2011”最早我们需要打开所有的htm转载 2011-12-12 09:13:31 · 3079 阅读 · 0 评论 -
如何利用互联网工具深入调研你仰慕已久的网站
网上有很多优秀、火爆的网站,相信大家一定会想知道这些网站的发展过程是怎样的?他的用户增长速度是怎样的?现在的PV是多少?我们能够看到网站现在的样子,但是相信你也想知道它以前设计的样子。尤其是奋斗中的站长们,你们应该对竞争对手或者行业前辈的推广方法和发展过程非常感兴趣。在你想要设计一个和其他人不一样的UI或者功能的时候,或许其他人早就在半年前已经尝试过,后来砍掉或者修改掉了。获得这些机密信息转载 2011-12-28 09:48:20 · 1099 阅读 · 0 评论 -
前端开发 --- 网页图片格式PNG,JPG,GIF的选择
图片格式GIF优点:GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失.再者GIF支持半透明(全透明或是全不透明).根据Google的说法,GIF适用于很小或是较简单的图片(10×10以下或是3种颜色以下的图片).缺点 不支持透明,如果图片颜色很多种,特别是有红色的时候,尽量少用gif 不然会失真PNG转载 2012-01-12 11:28:07 · 1823 阅读 · 0 评论 -
企业网络营销KPI:转化率、跳出率、点击率 (CTR)
转化率 所谓“转化”,是指访问者在您的网站上按照您的设定进行操作。“转化”可以是完成一次购买操作,可以是注册邮件列表,或下载白皮书。转化率是指在您的网站上进行转化(执行转化)的网站访问者的百分比。这是一个完美的、与您的业务目标直接相关的指标示例,与PageRank不同。当用户进行转化时,他们正在做的事情能够以一种可衡量的方式使您的业务直接受益!鉴于您的PageRank既难以准确衡量(见上文转载 2012-01-12 19:06:45 · 4767 阅读 · 0 评论 -
如何在Google成为一名优秀的产品经理?
有用户在Quora提问:优秀的Google产品经理需要具备哪些素质?前 Google 工程师 Edward Ho 回复了这个问题。伯乐在线编译 Edward 的回答,全文如下: 在 Google ,我和我所见到过的最优秀的产品经理一起工作过,我会根据自己的经历出一个列表。由于我不是项目经理,所以这些结论都是我在 Google 观察最优秀的产品经理后的结果。 1. 对产品以及所有转载 2012-02-27 18:58:04 · 939 阅读 · 0 评论 -
前端页面开发小工具
1. 屏幕取色 faststone capture企业版序列号:name:bluman serial/序列号/注册码:VPISCJULXUFGDDXYAUYFFSCapture是一款抓屏工具,附带的其他两个小功能:取色器和屏幕放大镜。对抓取的图像提供缩放、旋转、减切、颜色调整等功能。只要点点鼠标就能随心抓取屏幕上的任何东西,拖放支持可以直接从系统、浏览器或其他程序中导入图片。转原创 2012-05-25 11:39:45 · 607 阅读 · 0 评论 -
seajs的spm使用摸索
前言seajs自带的spm打包工具相关文档略少,在粗读了一点源代码之后,我摸索出了spm使用上的一些要点,记录为此文 压缩JS文件只需要执行这个命令即可spm build xxx.js这时候你将得到一个压缩过的__build/xxx.js文件合并JS文件如果希望将JS文件中require的其他模块都合并到这个文件中,转载 2012-07-03 09:20:48 · 861 阅读 · 0 评论 -
seajs的spm使用摸索
前言seajs自带的spm打包工具相关文档略少,在粗读了一点源代码之后,我摸索出了spm使用上的一些要点,记录为此文 压缩JS文件只需要执行这个命令即可spm build xxx.js这时候你将得到一个压缩过的__build/xxx.js文件合并JS文件如果希望将JS文件中require的其他模块都合并到这个文件中,转载 2012-08-06 17:36:43 · 692 阅读 · 0 评论 -
让ie6 支持console.log 的插件
1 安装debugbar2 安装下面的插件 http://www.my-debugbar.com/wiki/CompanionJS/ConsoleAPI原创 2012-08-08 19:05:58 · 1671 阅读 · 0 评论 -
seajs 学习笔记
1 获得依赖模块的方法 seajs ,通过以下途径获取依赖模块。模块定义时,是否定义了依赖--->已定义,则返回,否则,继续--->将函数文本化,factory.toString(),通过正则匹配require中的依赖模块,提取,返回数组seajs 在获取到模块后,会递归调用依赖模块。所以在通过spm压缩代码后,因为require关键字被压缩原创 2012-08-10 15:09:04 · 506 阅读 · 0 评论 -
前端工具-倚天屠龙
1 css sprite 工具 gopng 地址:http://alloyteam.github.com/gopng 推荐理由:html5 实现,支持拖拽图片哦 bg2css 地址:http://www.cssforest.org/blog/index.php?c=bg2css 推荐理由:没有用过,做个记录2 js测试工具 jasmine原创 2012-08-10 19:08:58 · 686 阅读 · 0 评论 -
spm 我经常用到的命令
spm build file --combine_all --app_url ./spm bulid 寻找配置的先后次序:package.json seajs.config原创 2012-08-22 14:31:28 · 1317 阅读 · 0 评论 -
浏览器的加载与页面性能优化
本文将探讨浏览器渲染的loading过程,主要有2个目的:了解浏览器在loading过程中的实现细节,具体都做了什么研究如何根据浏览器的实现原理进行优化,提升页面响应速度由于loading和parsing是相互交织、错综复杂的,这里面有大量的知识点,为了避免过于发散本文将不会对每个细节都深入研究,而是将重点放在开发中容易控制的部分(Web前端和Web Server),同时由于浏览器转载 2012-09-11 20:54:02 · 895 阅读 · 0 评论 -
spm build 打包方式
spm V0.4.1 版本,有两种build 方式1 通过命令行,将各种参数放在build 后面,形如: spm build xx.js --combine_all --app_url='.\' 2 通过编写配置文件:build-config.js。spm build **.js 的时候,会自动根据配置文件进行打包。 配置文件的写法,如下:原创 2012-09-29 11:00:30 · 2027 阅读 · 0 评论 -
native2ascii用法解析
native2ascii是sun java sdk提供的一个工具。用来将别的文本类文件(比如*.txt,*.ini,*.properties,*.java等等)编码转为Unicode编码。为什么要进行转码,原因在于程序的国际化。用法:native2ascii [-reverse] [-encoding 编码] [输入文件 [输出文件]]-[options]:表示命令开关,有两个选项转载 2011-11-18 09:34:49 · 561 阅读 · 0 评论