心静如止水
- 浏览: 15891 次
-
最新评论
-
漂洋过海来看你：
linux命令 -
chengyuanheng：
Though I can not use cucumber b ...
cucumber 测试基础方法
文章列表
bootstrapSwitch官方文档：http://www.bootstrap-switch.org/
具体怎么生成一个bootstrapSwitch 就不细说了
我主要说一下我在用bootstrap的switchChange事件（http://www.bootstrap-switch.org/events.html）遇到的问题：
当我把<input type="checkbox" />(生成bootstrapSwitch的input元素)放在label标签里，点击input的地方会触发两次switchChange事件，具体例子：http://jsfid ...
在使用bootstrap 提供的modal dialog时遇到一个问题：modal dialog会随着内容的增多 高度自适应 变高，但是backdrop（阴影部分）的高度没有跟着变。
解决方法：用bootstrap提供的handleUpdate方法可以调整backdrop的height。具体用法$('#modal").data('bs.modal').handleUpdate();
第二个问题：如果modal的height > 窗口的高度，需要给modal设置滚动条。modal 设置属性overflow-y:auto;back-drop设置属性： ...
bootstrapvalidate 插件在bootstrap标签页的使用
假设有两个标签页tab1， tab2，tab1和tab2都用bootstrapvalidate验证各自的form表单，我想在任何一个页面，触发验证条件时，也能检测另一个标签页的表单数据；这就需要设置excluded参数的值；默认的excluded的值是”[':disabled', ':hidden', ':not(:visible)']“，所以如果要想验证hidden或disabled掉的form元素，可以把excluded值置为空，即excluded: ""
官方文档：http:// ...
bind和on的绑定事件的区别：
jquery文档中bind和on函数绑定事件的用法：
.bind(events [,eventData], handler)
.on(events [,selector] [,data], handler)
用$('ul li').bind('click', function(){console.log('click');})绑定的事件，动态添加的li元素不会被绑定click事件，同样的已有的li被删除，但是click事件仍然在
用$('ul').on('click', 'li', function(){console.log('click ...
css中常用的大小单位px em
- 博客分类：
- css
px：绝对单位；也是相对长度单位，是相对显示器屏幕分辨率而言的
em：相对单位；相对当前对象内文本的字体大小而言，如果当前对象或其所有的父级元素未都未设置文本的尺寸，那么就相对浏览器默认字体的大小
px不支持IE的缩放
em是相对单位，网页中的文字支持任意浏览器的缩放
em的特点：1、不是固定的值；2、em会继承父级元素的字体的大小
任意浏览器的默认字体大小都是16px，也就是说，如果未设置字体的大小，那么1em就是16px
1、如何使用sass？
安装ruby环境
安装sass(gem install sass)
编写scss文件test.scss
使用命令sass test.scss test.css 将scss文件编译成css
在html里引入css文件
2、sass的mixin用法
通过@mixin命令定义一个函数，如下：
@mixin radius($radius: 5px) {
border-radius: $radius;（注：这里$radius是变量，sass里的变量都用$开头，5px是参数默认值）
}
...
html头标签常用的meta
- 博客分类：
- html
html头标签包含很多重要的meta标签的含义：
<!-- 设置网页字符编码 -->
<meta charset="utf8" />
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edg,chrome=1" />
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,foll ...
web语义化是指能够让机器读懂语言。
我所了解的web语义化包含两个方面：html标签语义化合css类名语义化。
html标签语义化化很明显，就是html的标签代表的含义，比如：
h语义: header(标题)
div 语义：Division(分隔)
span 语义：Span(范围)
ol 语义：Ordered List(排序列表)
ul 语义：Unordered List(不排序列表)
li 语义：List Item(列表项目)
…………
为什么要强调html的语义化？为了更快地让搜索引擎搜到查找的内容 ...
url里的参数是hash形式的写法：
- 博客分类：
- url
先说调研的结果
url的参数是hash形式，比如state={user_id: 2, sign='hello'},如果写到url里应该写成：
http://root/path?state[user_id]=2&state[sign]=%2Fhello(注：引号需要编码)
下面找到这个答案的过程：
1、查url参数：URL 参数是追加到 URL 上的一个名称/值对，参数以问号"?"开始并采用 name=value 的格式。多个参数时参数之间用“&”符号隔开。如：http://server/path/document?name1=value1&n ...
本地出现的问题：无法从远程库pull代码
出问题之前做了下面的操作： 第一是现在另一台机子上配置了一个新的github密钥放在了github上 第二是在同一台机子上clone了两个项目分别是A B，具体操作如下： 现在有两个git库，一个库A，另一个库B，库B是从库A fork过来的，然后我把两个库都在机子C上clone了一份CA， CB。为了保证B库的代码能与A库同步，需要在CB目录下执行以下两条命令： 1、git remote add upstream git@github.com:A.git(A的github地址) （参考
<!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> vi编辑器：
vi path/file:打开file文件
编辑啊通过vi打开的文件进入输入模式：
i:再当前光标处插入文本
I：将光标移到当前光标所在行的行首并在光标前插入文本
a：在当前光标所在处的后面插入文本
A:将光标移到当前光标所在行的行尾并插入文本
o:在当前光标的所在行下插入一行并在插入的行编辑文本
git的一些撤销操作：git commit —amend: 可以打开最后一次的提交编辑说明，修改最后一次提交的说明信息通过git add命令将修改的文件添加到暂存区域，如果想撤销，就用git reset HEAD file 取消暂存的file文件，回到add之前（参考网站：http://git-scm.com/book/zh/Git-%E5%9F%BA%E7%A1%80-%E6%92%A4%E6%B6%88%E6%93%8D%E4%BD%9C）撤销commitgit reset —hard commit_id:彻底回到commit_id提交之前的版本，如果不pull代码直接 push 会报错，如 ...
曾犯过一个错误： clone到本地的代码，平时只用master分支，所以只在master分支上更新本地的代码，之前搞不清本地库和github上的库的关系，不明白远程分支的含义；比如线上新建了一个分支”release_Aug_01”,我不知道如何把git的 ...
今天写cucumber学到的一些基础方法：1、fill_in element_id, :with => value :在输入框里输入"value”内容2、set: object.set(given_val): 设置form元素的value值为给出的值。(object为在页面上上找到的element 对象)3、find element，（http://rubydoc.info/gems/capybara/0.4.0/Capybara/Node/Finders#find-instance_method）一下是自己对这些方法的理解： (Capybara::Element). ...
haml模板通过缩进控制元素的层级关系，所以每一个层级都要另起一行。
在html模板里，对缩进的要求不严格，但是为了布局好看也会通过缩进控制页面结构。
两种模板都通过缩进控制层级时，haml的span标签与同级的元素之间,默认会有一个空格，但是html模板不会出现这种情况。要去掉haml的span标签左右的空格，可以通过在span标签的所有属性的最后加上“>”就可以去掉该span标签左右的空格。写法如下：
%span> 共2页
%span.filter.view> 共2页
%span.label(id="filter")> 共2页