`
文章列表
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 ...
px:绝对单位;也是相对长度单位,是相对显示器屏幕分辨率而言的 em:相对单位;相对当前对象内文本的字体大小而言,如果当前对象或其所有的父级元素未都未设置文本的尺寸,那么就相对浏览器默认字体的大小  px不支持IE的缩放 em是相对单位,网页中的文字支持任意浏览器的缩放 em的特点:1、不是固定的值;2、em会继承父级元素的字体的大小 任意浏览器的默认字体大小都是16px,也就是说,如果未设置字体的大小,那么1em就是16px

sass mixin

    博客分类:
  • css
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标签的含义: <!-- 设置网页字符编码 --> <meta charset="utf8" /> <!-- 优先使用 IE 最新版本和 Chrome --> <meta http-equiv="X-UA-Compatible" content="IE=edg,chrome=1" /> <!-- 搜索引擎抓取 --> <meta name="robots" content="index,foll ...

web语义化

web语义化是指能够让机器读懂语言。 我所了解的web语义化包含两个方面:html标签语义化合css类名语义化。 html标签语义化化很明显,就是html的标签代表的含义,比如:     h语义: header(标题)      div 语义:Division(分隔)      span 语义:Span(范围)      ol 语义:Ordered List(排序列表)      ul 语义:Unordered List(不排序列表)      li 语义:List Item(列表项目)      ………… 为什么要强调html的语义化?为了更快地让搜索引擎搜到查找的内容 ...
先说调研的结果 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地址) (参考

linux命令

    博客分类:
  • vi
<!--?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页
Global site tag (gtag.js) - Google Analytics