工具使用

检测网站中未使用的css样式

月盾
网站的css样式文件在多次修改后会有很多样式废弃不再使用,使得维护起来困难,还可能出现重名样式,后面的覆盖掉前面的效果,所以有必要清除掉不再使用的样式。可以使用的工具很多,不过在使用了Dust-Me Selectors觉得足够了。 https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ 打开上面网址安装 直接点击这个小扫把会检测当前页面没有使用的样式,不过这样的结果还不是我们想要的,因为当前页面没有使用不代表其他页面也没有使用。我们更需要的是找出整个网站中未使用的样式。 选择第一项“Spider Sitemap”,就像是百度蜘蛛爬取整个网站数据一样。 输入网址,本地网址和网络地址都可以检测,点击“Start”后很快就有结果了,如果页面较多会费时些。 可以看到有橘黄色部分就是没有使用的样式,但是这也不能完全代表就是没有使用过,上面三个未使用的样式是我对于博客内容的图片和引用块使用的样式,因为本地的测试内容中的确没有使用这三个样式,但是线上的网站却使用了,遇到这种情况就需要仔细甄别了。 再看一下扫描的页面日志 基本的页面都有扫描过了。此时可以手动删除掉没有使用的样式,这个插件对于简单的网站够用了,但是大型网站就不准确了,当然有些其他工具还可以导出检测后的结果。有必要的可以去下载。

linux下添加svn用户名密码

月盾
首先需要知道配置文件的位置,比如我们的服务器中我就找到很多关于svn的目录,甚至分不清哪个目录下才是真正的配置文件 root@handou:~# find / -name subversion /home/handou/workspace/subversion-1.8.11/subversion /home/handou/workspace/subversion-1.8.11/subversion/bindings/javahl/src/org/apache/subversion /home/handou/workspace/subversion-1.8.11/subversion/bindings/javahl/src/org/tigris/subversion /home/handou/workspace/subversion-1.8.11/subversion/bindings/javahl/tests/org/apache/subversion /home/handou/workspace/subversion-1.8.11/subversion/bindings/javahl/tests/org/tigris/subversion /etc/bash_completion.d/subversion /etc/subversion /usr/share/doc/subversion 查找所得结果可以确定应该是在 /etc/subversion下,切换到subversion下有多个文件: config config.dpkg-dist dav_svn.authz dav_svn.passwd passwd servers 可能需要一一查看下都是什么内容,其实主要是dav_svn.authz dav_svn.passwd这两个文件,一个存放用户名,一个存放密码,dav_svn.authz内容包含账号和权限: [groups] apiadmin=yuedun [handou:/] @admin=rw @apiadmin=rw 可以编辑这个文件添加账号,然后添加密码,但是不能直接编辑dav_svn.passwd,这里面是加密数据,需要使用Apache的htpasswd命令添加。 htpasswd /etc/subversion/dav_svn.passwd <用户名> 然后会提示输入密码,就此完成svn账号设置。

使用sublime开发node.js快速跳转到变量函数声明处

月盾
开发中最常用的操作之一就是快速跳转到变量,方法声明处,比如在eclipse中按住Ctrl键鼠标点击变量或方法就能跳转到对应的位置或文件中,开发nodejs程序当然也需要这样的功能,比较强大的开发工具有webstorm,也是支持这种操作的。不过webstorm太占内存,4G的内存下总是提示内存不足,需要关闭占用内存程序,而首当其冲的就是webstorm,所以最近试了试另一款被大家熟知和推荐的开发神器sublime。虽然sublime是个文本编辑器,还不能算的上IDE,不过它可以安装各种插件来丰富功能,最重要的是它占用内存少,速度快。 所以,我要介绍的是在ST下如何做到跳转到变量或方法声明处。 首先在uses.js文件中有一个函数 //我是一个测试方法 router.get("/commeHere", function(req, res) { }); 然后我要从其他文件中跳转到这个函数。先关掉这个文件,打开其他文件。 可以双击或鼠标选中commeHere这个关键词(才发现单词打错了),键盘按下Ctrl+shift+F就会出现类似搜索框,选中的关键字会填充到find框中,需要手动选择where框,选择Add Open Folders,文本框中填充的就是,然后回车就可以了,很快就会搜索出我们需要的关键字所在的文件。 双击就可以跳转到对应的文件和行上。 当然,不可能像eclipse中那么方便,但其实只有两步操作,第一ctrl+shift+F搜索关键字,第二双击搜索结果跳转到对应文件位置。如果你习惯使用ST的话肯定很满足这样的设计,根本不会觉得繁琐。

微信开发通过公网访问本地服务器

月盾
做微信开发的时候,在开发者中心需要进行服务器配置,这里的配置是一个可以公网访问的地址,如果是产品上线的话肯定有公网地址,但是在开发过程中需要本地测试,总不能开发一点部署到服务器测试。这时候我们就需要从公网访问本地服务器。 这已经是设置好的,服务器端口是指公网地址的端口,就以80端口来好了,这样公网地址可以省略端口,内部服务器端口就是本地服务器端口,Java程序一般是8080这样的端口,IP地址就是本地服务器在局域网中的ip,协议选ALL,状态:生效。常用服务器端口可以不选。 然后启动本地服务器就可以通过路由器的公网IP访问本地服务了 但是我们不习惯使用IP地址访问,可以通过域名来访问,首先再到路由器中配置“动态DNS”: 当然,得先注册一个动态域名,登录成功之后就可以通过域名访问本地应用服务器了

搞懂了七牛文件存储

月盾
由于工作没时间,博客搭建起来以后一直没有添加文件上传功能,瞬间感觉不完美了。这两天外包项目结束,要出项目组,在交接工作之余,用中午休息时间写好了文件上传功能,具体是图片上传。在本地测试好发布到BAE上,居然没法上传了,初步推断应该是服务器没有写权限,原来一直想试试百度云存储来做图片存储,但是翻看了文档发现暂不支持node.js上传,只能先上传好再引用链接,感觉好麻烦。 由于一直在node中文社区混,发现用的是七牛存储,也想跟着大牛的步伐去试试,对开发文档进行两轮战斗,愣是没看懂,今天没事干,就从头到尾认认真真看了一遍,动手写了个测试程序,可以上传,激动万分,真想分享出来,但是测试程序还不完善,还没有把回调搞定,也没有完整的例子拿出来给大家看,等完全搞定了以后再写个教程卖弄一下。

git常用命令

月盾
查看、添加、提交、删除、找回,重置修改文件 git help # 显示command的help git show # 显示某次提交的内容 git show $id git co – # 抛弃工作区修改 git co . # 抛弃工作区修改 git add # 将工作文件修改提交到本地暂存区 git add . # 将所有修改过的工作文件提交暂存区 git rm # 从版本库中删除文件 git rm –cached # 从版本库中删除文件,但不删除文件 git reset # 从暂存区恢复到工作文件 git reset – . # 从暂存区恢复到工作文件 git reset –hard # 恢复最近一次提交过的状态,即放弃上次提交后的所有本次修改 git ci git ci . git ci -a # 将git add, git rm和git ci等操作都合并在一起做 git ci -am “some comments”