2015年04月_ISaiSai

原创 webstorm 集成mocha 单元测试

webstorm 能够很好的集成了mocha 的单元测试步骤如下：1.安装node 和 mocha 2.编写最简单的单元测试代码（http://blog.csdn.net/isaisai/article/details/39890625）3.点击配置webstorm 的调试运行（Run/Debug Configurations）4.添加一个mocha 的配置节点，似乎webs

2015-04-30 17:09:05 7095

原创 webstrom open in default browser 在默认浏览器中打开快捷键

webstorm 写的页面经常需要在浏览器中打开，为了提高工作效率，将这个动作设置一个快捷键 F5步骤：点击菜单 files --》 settings --》在左侧菜单中 Appearance &behavior 下面有一个keymap 点击--》在右侧搜索 open in default browser，并设置快捷键（会提示F5 快捷键冲突，请忽略）--》完成设置则

2015-04-30 15:03:06 20980 3

转载我为什么而活着？[英]罗素

我为什么而活着？[英]罗素三种单纯然而极其强烈的激情支配着我的一生。那就是对于爱情的渴望，对于知识的追求，以及对于人类苦难痛彻肺腑的怜悯。这些激情犹如狂风，把我伸展到绝望边缘的深深的苦海上东抛西掷，使我的生活没有定向。我追求爱情，首先因为它叫我消魂。爱情使人消魂的魅力使我常常乐意为了几小时这样的快乐而牺牲生活中的其他一切。我追求爱情，又因为它减轻孤独感－－那种一个颤抖的灵魂望着世界

2015-04-29 09:24:06 766

原创利用tabel实现部分列宽度按固定，一列根据容器宽度自适应

最简单的方法实现部分列固定宽度，一列随着容器宽度自适应table-layout: fixed ，并且这是部分固定宽度列的宽度，并且td overflow：hidden，防止溢出并且table的宽度100%DEMO 如下：实现随着页面的宽度的变化，中间一列的宽度变化（另外三列固定）html>html>head> meta char

2015-04-24 12:07:51 8250

原创 ie6 双倍margin 的解决办法

解决方法：浮动元素添加_display: inline;float:left; _display:inline;可以解决IE6下各种float 引起的疑难杂症

2015-04-19 15:14:13 597

原创使用less 的imort 做css样式的模块化处理

自己的一点小感想记录如下，希望通过积累逐步提高工作效率

2015-04-19 14:45:36 2436

原创 util.print: Use console.log instead 异常 webstorm less

webstrom less watch 生成css 的时候，文件头部会多一行 util.print: Use console.log instead 修复办法：升级less npm install less -g问题解决

2015-04-17 19:15:05 1971

转载 windows 多版本nodejs切换工具nvmw学习

参考文档：https://cnodejs.org/topic/5338c5db7cbade005b023c981. nvmw 下载到本地 git clone https://github.com/hakobera/nvmw.git2.设置环境PATH 添加如上下载的路径（保证nvmw 在任何目录下都能访问）3.nvmw 执行这个命令查看帮助4.nvmw i

2015-04-17 17:01:01 15072

转载浏览器 iframe 跨域控制高度

参考文档：http://www.cnblogs.com/snandy/p/3900016.html主要内部域名A嵌入外部iframe 内部的外部域名B，由于跨域A无法读取B的高度，因此无法设置Iframe 的高度解决方式：在外部页面中再嵌入内部域名的一个Iframe页面已经一个内部域名的JS文件。A.html :本站嵌入 B.htmlB.

2015-04-15 20:22:28 764

原创 chrome toggle element states 保持页面hover状态

前端开发经常需要保持一个元素hover状态（比如hover 的时候会显示一个图层）在chrome 下可以使用 toggle element states使用方法：F12 打开调试工具--》选中需要鼠标保持hover的元素---》点击调试工具右上角有一个toggle element states（图标是：鼠标指针加虚框） --》点击：hover则这个元素保持hover状态

2015-04-15 20:08:06 3432

原创 chrome hosts文件管理工具空白问题的解决

chrome 的 hosts文件管理工具扩展程序非常好用但是今天发现这个文件整个变白了工作不正常最后发现是禁用了 chrome://plugins/ 中的如下插件导致，启用后解决npfs (2 files) - 版本： 1.0.0.0file system api for browsers

2015-04-15 20:02:54 7317 2

转载 eclipse 格式化快捷键 ctrl+shift+f

eclipse 格式化快捷键 ctrl+shift+f继续学习java

2015-04-14 08:53:31 755

原创 php trim 学习

1.php 也有trim 可以提出前后的空白 trim(" cc ") 返回 cc2.也可以trim特定字符trim("XXXccXX","X")返回cc另外php 的字符串连接符是点 . 不是加号 + 如果使用加号连接两个字符串则返回0

2015-04-13 17:30:04 650

原创 html form element

今天看到一段代码通过 dom元素是否有elements判断该元素是否是form 表单（非表单的elements 都是undefined）

2015-04-13 14:38:44 574

原创 grunt cssmin 入门

npm install grunt-contrib-cssmin执行 grunt 则将src 文件夹下所有的css 压缩成 output 文件夹下 .min.css问题：我的node是0.12.0 生成的css 文件有 util.print: Use console.log instead 这样的输出，问题正在查找分析中。。。。。module.exports = f

2015-04-10 18:29:01 1003

原创 grunt clean 入门

npm install grunt-contrib-clean --save-devfiles 是grunt公共属性，src 是需要删除的文件夹执行gurnt clean 则删除 output 文件夹module.exports = function (grunt) { grunt.initConfig({ pkg: grunt.file.r

2015-04-10 18:04:53 3927

原创 grunt less 入门

将src 文件夹下的所有.less 文件执行less编译后放置到 output 文件夹下grunt-contrib-lessfiles 参数是grunt 公共的，其中ext是生成文件的扩展名module.exports = function (grunt) { grunt.initConfig({ pkg: grunt.file.readJSON

2015-04-10 17:56:59 2306

转载 grunt uglify 入门

刚开始学习grunt 学习 uglify入门 1. npm install grunt-contrib-uglify --save-dev2. files 参数是grunt 通用的expand：true js css 独立否则合并成一个cwd ：相对的根目录src：源文件dest:目标文件或者文件夹（根据expand 是否为true 判断）

2015-04-10 17:47:54 1704

原创伪类样式:hover的优先级

重新学习css优先级伪类样式的优先级与类的优先级是一样的都是 3 （ 0 是important 1是行内 2 是id 4是元素和伪元素）如下DEMO a:hover 的优先级与 .hehe a 的优先级相同（a.xixi 的优先级与上两个优先级也相同）都是 0.0.1.1 html>html>head> meta cha

2015-04-10 09:50:39 5015

原创 chrome 小技巧，保持元素的hover状态

1.审查元素，选中a标签（或者需要hover的标签）2.点击右键 3.选择 force element state 4.选择相应的 :hover :active :focus :visited 等伪类

2015-04-10 09:03:44 19435 1

原创 grunt helloworld 实现删除一个文件夹

grunt 入了个门记录如下1.安装gruntnpm install grunt-cli2.初始化 package.json npm init3.下载插件npm install grunt-contrib-clean4.创建 Gruntfile.js 文件内容module.exports = function (gru

2015-04-09 15:30:09 1810

原创 git diff 比较两个版本的差异

直接使用git diff 可以产看当前没有add 的内容修改查看已经add 没有commit 的改动使用 git diff --cachedgit diff HEAD 是上面两条的合并git diff 版本号码1 版本号码2 src ：比较两个版本号码的src 文件夹的差异

2015-04-09 11:53:33 78463 2

原创 ie7 去除iframe 边框

iframe 添加如下两个属性可以去除边框 border="0" frameborder=no

2015-04-08 16:27:52 1916

原创 git stash 学习

使用 git pull 或者git merge 的时候提示：please commit your changes or stash them before you can change解决办法：1.git stash ：临时存储2.git merge origin XXX3.git stash pop ：合并4.手工解决冲突其它使用git stash

2015-04-08 08:40:29 537

原创 git branch -D 大写的D 删除分支

今天删除本地分支 git branch -d XX 提示: the branch XXX is not fully merged原因：XXX分支有没有合并到当前分支的内容解决方法：使用大写的D 强制删除 git branch -D XXX 另外不能删除当钱checkout 的分支其它：删除远程分支需要切换到其它分支之后删除当前分支否则会：er

2015-04-08 08:22:51 61817

原创行内元素水平对齐的简单方法

直接使用 postion:relation top:10px;

2015-04-07 17:49:39 3859 2

转载 git 获取远程分支

git fetch 不带任何参数会获取远程所有分支git fetch orgin XXX 获取远程特定分支git branch -r 查看远程分支git branch -a 查看所有分支

2015-04-07 14:18:55 628

原创 webstorm 打开项目异常的处理

拷贝别人的webstorm 项目，打开后发现项目整个没有文件夹解决办法删除.idea文件夹重新打开项目一切正常

2015-04-07 11:35:24 6145 1

转载 javascript undefined 判断

var a ="b";console.log (typeof(a) == "undefined")console.log (typeof(b) == "undefined")typeof 与字符"undefined" 进行比较

2015-04-01 14:02:00 484

原创 chrome 所有请求返回内容中查找字符串 CTRL+SHIFT+F

有一个复杂页面请求了很多异步的内容希望在返回的json接口中取得查找特定字符串F12 打开控制台 CTRL+SHIFT+F 查找在Search tab 中输入需要查询的内容

2015-04-01 09:41:36 6551

ISaiSai的专栏