- 博客(26)
- 收藏
- 关注
RSS订阅原创 用Yeoman创建一个angularjs项目
好久没有用AngularJs了，由于最近要做分享，所以正好整理一下创建AngularJs项目的过程； AngularJS是一个用于开发动态Web应用的JavaScript框架。AngularJS能够操作HTML使之动态地发生改变，而不是一个单纯的静态文档，它提供了像数据绑定和依赖注入这样的高级特定来简化应用的开发。 有人又会问Yeoman是什么？Yeo...
2015-06-24 12:55:03
221
原创 inline-block元素间的空白间距解决方案
对于inline-block间的空白问题一直觉得很头疼，尝试过几种解决办法，自己感觉都不是很满意，今天在这总结一下[code="html"] 首页 二手房 新房 租房 业主[/code][code="css"] *{ margin: 0; ...
2015-05-14 14:50:42
183
原创 对url的操作
url='http://localhost:3000/bulk_messages/edit?message_id=78' (1) 获取url(带域名，带参数): [code="javascript"]document.URL[/code] 结果：'http://localhost:3000/bulk_messages/edit?message_id=...
2014-11-05 09:48:16
256
原创 setTimeout与.delay()的区别
之前认为setTimeout与.delay()的用法一样只是延时执行一些方法，后来用的时候发现其实是有区别的我应用的场景是点击某一按钮时显示一个toast条，两秒后自动消失；如果两秒内再次点击按钮关闭当前toast条，重新显示toast条。 没有符合要求的用户，请重新筛选 [code="html"] 没有符合要求的用户...
2014-10-13 10:27:19
462
原创 阻止事件冒泡
[code="html"] 强仔；飞翔的板砖；香吉；乌索普... 天气不错，赶快来签到吧~~惊喜等着你哦，是什么呢？你猜猜看哈... [/code]js阻止事件冒泡[code="javascript"] function clicktr(){ alert("这是tr事件"); }...
2014-09-30 09:27:17
109
原创 阻止事件冒泡
[code="html"] 强仔；飞翔的板砖；香吉；乌索普... 天气不错，赶快来签到吧~~惊喜等着你哦，是什么呢？你猜猜看哈... [/code]js阻止事件冒泡[code="javascript"] function clicktr(){ alert("这是tr事件"); }...
2014-09-30 09:25:48
93
原创 移除DOM元素
下面是移除DOM元素的几种方法：[code="html"] Hello how are you? Call remove() on paragraphs[/code]（1）.empty()从DOM中移除集合中匹配元素的所有子节点。 [code="js"]$("p").empty()[/code]会移除Hello和you?但节点不会被删...
2014-09-09 08:07:51
1112
原创 今天做了一个网页上的搜索框
在搜索框中输入内容时，符合条件的内容会在下拉框中显示，如果没有符合条件的内容会提示没有符合条件的搜索。[code="html"] ...
2014-09-04 23:09:02
510
原创 jquery :not() Selector
今天工作用到一个jquery选择器，是选择没有子元素，有name属性，并且name不是column_ID的元素，下面是实现代码[code="javascript"]$('#basic-info').find('thead tr th:not(:empty)[name!=column_ID][name]')[/code]:empty选择没有子元素的元素:not(:empty)...
2014-09-02 23:59:49
140
原创 js中断延时的方法
js里可以用setTimeout（function（｛｝），5000）来设置延时5秒后执行一个function，有时需要中断延时该怎么做呢？clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout，由 setTimeout() 返回的 ID 值标识要取消的延迟执行代码块。下面是一个网上的小例子：[code="html"]var c=0...
2014-08-27 09:55:40
999
原创 元素float:right 后右对齐换行的原因及其解决
今天遇到一个html的问题[code="haml"].tag.tag_success.tag_x %span tag.display_name %a(href="javascript:void(0)" style= "float:right;") [/code]给a元素添加float: right 它会脱离队伍，跳到下一行。...
2014-08-14 23:17:48
410
原创 在Ajax回调函数中请求以window.open()的方式请求新页面会被拦截
项目中的应用场景是点击用户姓名，如果用户存在打开新窗口展示用户详情页面，如果用户在详情页面被删除，再次点用户姓名弹框提示此用户已被删除；代码写好后测试时发现打开新页面请求被浏览器拦截。代码如下：[code="javascript"] handle_show_customer_info: function(customer_id){ $.ajax({...
2014-08-13 09:13:16
787
原创 js 点击按钮关闭当前页面的
开发时遇到点击按钮关闭当前页面的问题，虽然解决了但还是有点问题，谁能帮助解答一下（1）我的需求是点击按钮以后，数据发到后台存储，然后关闭当前页面，所以我只能在ajax成功回调的函数里执行关闭操作[code="javascripe"] $.ajax({ url: '/customer_management/customers/destroy', ...
2014-08-12 09:03:36
1221
原创 hidden visible display 的区别
这三种方法都可用于网页上某个元素的隐藏，但三者存在区别。hidden:在 HTML 表单中 <input type="hidden"> 标签每出现一次，一个 Hidden 对象就会被创建。这个不可见的表单元素的value属性保存了一个要提交给Web服务器的任意字符串。如果要提交并非用户直接输入的数据，就是用这种类型的元素。 display的用法： <b...
2014-02-10 11:14:56
198
原创 Ruby on Rails中的validates验证
今天重构活动通时代码时学习了一下Ruby on Rails中的validates验证机制，validates验证机制是rails自带的，虽然存在局限性，但用起来还是比我们自己写验证要简单许多，下面就简单学习一下吧（1）用validates对User模型的name属性进行存在性验证：打开app/models/user.rb，添加如下代码[code="Ruby"]class User ...
2014-01-27 16:49:37
563
原创 两种方法实现定时刷新页面
在做实现定时刷新页面的功能时，发现了两种实现方法：（1）一种方法是用Html的方法实现[code="html"][/code]意思是每隔3秒钟后刷新[code="html"][/code]意思是隔3秒钟后刷新,并且跳转到指定url的页面（2）另一种是用js代码实现[code="javascripe"] function myrefresh() { windo...
2014-01-27 15:25:56
902
原创 Rails 分页显示之will_paginate
分页显示是在Ruby on Rails中是一个常用功能,实现方式有很多种,rails也内建了对分页的支持,但是这里需要添加分页组件。1.安装will_paginate （1）在gemfile文件中添加 gem "will_paginate"然后执行[code="Shell"]$ bundle install [/code]2.controller中添加如下方法[code="...
2014-01-14 18:25:49
153
原创 ruby on rails 数据库sqlite3的初始应用
ruby 2.0.0以上版本rails 4.0.0以上版本1.首先新建一个数据源： （1）打开rubymine，点击右侧database出现database对话框 右击对话框空白处，new->Data Source ，然后按照要求填写Data Source Properties（2）设置JDBC driver filesJDBC driver files：Xerial ...
2014-01-06 18:02:41
228
原创 正确安装 Ruby, Rails 运行环境
这个安装过程的前提是rvm已经安装好了1.查看rvm版本[code="Shell"]$ rvm -v[/code]rvm 1.23.10 (master) by Wayne E. Seguin , Michal Papis [https://rvm.io/]2.用 rvm 安装 Ruby 环境[code="Shell"]$ rvm install 2.0.0[/code]...
2014-01-06 17:08:08
126
原创 Rails中render和redirect_to页面显示的用法
今天写代码的时候遇到页面跳转的问题，所以查了render 和redirect_to的异同及用法，render 和redirect_to 都是执行页面跳转，并且写在这两个方法后面的语句仍然会被执行。1.render：简单的页面渲染，可以指定渲染的页面或布局文件，但是不会发出请求，只根据函数参数渲染页面，不会执行action函数，不会重新加载服务器中的数据。render的用法如下：...
2014-01-01 14:34:10
557
原创 party_bid三种数据结构
写完party_bid三种数据结构有几天了，这是第一次接触测试代码，对测试驱动开发有了一点理解，今天来总结一下我对这三种数据结构优势劣势的认识：1.第一种数据结构：[code="javaScripe"]activities = [ { name: "first activity", sign_ups:[], ...
2013-12-31 21:25:12
155
原创 在github上用命令行创建一个新的储存库
将写好的代码传到github上时，需要先创建一个新的储存库，步骤如下：1.[code="Shell"]touch README.md[/code]创建名为README.md的文件2.[code="Shell"]git init[/code]git初始化3.[code="Shell"]git add README.md[/code]把README.md的文件加到git上4...
2013-12-18 18:12:03
746
原创 重构用到的函数（二）
为了减少循环嵌套，在重构时我们需要用到Underscore函数库下的一些函数：_.find(list,iterator,[context]):遍历list，返回第一个通过iterator迭代器真值检测的元素值，如果没有值传递给测试迭代器将返回undefined。如果找到匹配的元素，函数会立即返回，不会遍历整个list。初始的循环：[code="js"]for (var i = 0; i...
2013-12-18 16:28:22
105
原创 重构用到的函数（一）
[code="js"]for(var i =0; i if(bid_array[i].bid_status=="bid_starting"){ return "bid_starting"; }return "!bid_starting";} [/code]可以用Underscore函数库下的_.some(list,[iterator],[context]...
2013-12-18 16:20:01
80
原创 party_bid移动应用开发项目——（四）竞价分析
（1）跳转页面自动弹出的信息提示框——模态框[code="js"]%div(class="modal hide fade in" style="display:block;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true")[/code][code=&qu
2013-12-18 16:05:15
106
原创 party_bid移动应用开发项目——（三）组织竞价
组织竞价是party_bid移动应用开发项目要完成的第三部分功能，这部分要完成的功能主要是活动报名结束以后，对该活动开始竞价；每次竞价开始后，已经对该活动报过名的人可以发送短信“JJ+价格“到18601126251进行出价；如果短信格式正确并未出过价，会回发短信提示“恭喜！您已出价成功！”否则提示“重复报名！” 该部分功能主要可以分成数据存储，短信处理及视图显示三部分功能模...
2013-12-18 16:03:20
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人