自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 js事件机制2

一.js的事件捕获和事件冒泡机制在js中先要执行事件捕获然后再执行事件冒泡同时,事件捕获是由父节点逐渐向子节点传播,而事件冒泡是由子节点逐渐向父节点传播. <script type="text/javascript"> var p = document.getElementById('p'), c = docume...

2015-08-14 11:06:54 159

原创 js事件机制

1.事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。2.目标元素: 任何一个事件的目标元素都是最开始的那个元素,并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上,等待一个事件从它的子级元素里冒泡上来,并且...

2015-08-14 10:18:00 200

原创 web前端职业规划

一. 在开始规划职业之前,应该充分认识自己从事的行业,结合自己的价值观,树立合理目标,持之以恒每个人在不同的人生阶段有不同的追求,但是这些都是来自于自己的价值观,既你实现了什么样的价值会获取最大的愉悦,所以首先要充分的认识自己的价值观。 那我举个例子,我比较不甘于做一个平凡的人,我希望能创造一些能改变一些事物的东西,所以在前面的10多年里,分不同的阶段我都在给自己定一些目标,做一些不...

2015-07-14 09:17:30 12659 3

原创 ubuntu截屏方法

有时候,ubuntu 需要截图,下面有几种方法 1  ubuntu 12.04中设置快捷键 设置 按下Ctrl+Alt +A 来实现区域截图(qq的方式,本人比较喜欢)依次打开 系统设置 > 键盘 > 快捷键 > 自定义快捷键 > +,在  名称  输入 screenshot(喜欢的名字就好) ,  命令  输入 gnome-screenshot -a...

2015-06-03 08:05:11 189

原创 rails环境配置

假设1、你已经安装了某软件,如curl针对这种,解决方法:手动安装软件,命令:$ apt-get install 包名字,假设2、你能链接上国外的rvm、gem源服务器,国内现状,大家懂得。所以,必须用替代的国内源服务器。你在下边安装过程中,若是出现了服务器积极拒绝,80%的可能行是被墙了。或者被你公司、家所在网络屏蔽掉了若是出现了速度很慢,半天不动的现象,恭喜你,你得换源地...

2015-06-02 22:25:33 204

原创 淘宝镜像

大家学习除了自己开发外,你也需要和别人一块开发,用到别人的工程,但下载后是需要配置环境的,那该怎么做呢?     配环境大家都知道:Ruby代码  bundle install      但是下载的很慢所以大家就可以换成:Ruby代码  https://ruby.taobao.org/     具体怎么换呢?更换本地的gem...

2015-06-02 22:23:35 103

原创 rails 数据库操作

数据库元被影射成对象 (object-relational mapping (ORM)层) Ruby代码  table<=>class  row<=>object  column<=>object attribute  class和table的命名对应关系实例: Ruby代码  Order<=&gt...

2015-05-27 09:17:58 118

原创 常用命令集锦

sudo mysql -uroot -p 进入mysql数据可rackup faye.ru -s thin -E production 启动faye通道rails s -p 3003bundle exec rake assets:precompile RAILS_ENV=production 编译项目命令bundle exec rake assets:precompile pro...

2015-04-07 22:37:04 85

原创 rails respon_to

通过上一讲,我们已经对REST on Rails的基本框架有所了解,但是它是如何实现根据客户端的请求类型来返回不同类型的资源表示的呢?这就是我们这一讲所要讲的,秘密就在于respond_to。 首先让我们来看看我们在上一讲中生成的airports控制器的代码: class AirportsController < ApplicationController  def i...

2015-04-07 22:31:54 200

原创 自己写的rails登录界面

rails g controller users newrails g model user email:string password_hash:string password_salt:stringrake db:migraterails dbconsolerails g controller sessions newGemfile...

2015-04-07 20:52:32 241

原创 device登录认证插件2

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://kinda22.blog.51cto.com/2969503/1587991在一个Rails项目中安装:1234567891011121314#在Gemfile中添加,目前版本3.4....

2015-04-07 20:51:08 198

原创 rails 富文本编辑器

Kindeditor是国产的所见即所得javascript富文本编辑器, 访问 http://www.kindsoft.net 获取更多信息. rails_kindeditor可以帮助你的rails程序集成kindeditor,包括了图片和附件上传功能,文件按照类型、日期进行存储。注意: rails_kindeditor ~> v0.3.0 仅支持Rails3.1+!当然,包括Ra...

2015-04-07 20:47:47 214

原创 ubuntu常用命令快捷键

rake db:rollback一.设置启动的.sh文件编辑eclipse.desktop并保存。简单的配置示例:Java代码  [Desktop Entry]  Version=1.0  Name=eclipse  Exec=/home/su/eclipse/eclipse  Terminal=false  Icon=/home/su/eclipse/ico...

2015-03-26 20:03:53 339

原创 css特殊属性标签2

1.text-decoration: none;取消a标签下面的下划线2.对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除。在CSS中写入代码。找到相关性的CSS,在。.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在...

2015-03-26 19:58:41 104

原创 device登录认证插件

Authentication: 使用 Devise devise是一套使用者認證(Authentication)套件,是Rails社群中最廣為使用的一套。 編輯 Gemfile 加上   gem 'devise'輸入bundle install安裝此套件輸入rails g devise:install產生devise設定檔編輯 config/environme...

2015-03-26 19:55:45 303

原创 css特殊属性标签

background:transparent;消除默认背景色outline: none;消除边框1.CSS 背景属性(Background)background在一个声明中设置所有的背景属性。background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-ima...

2015-03-26 19:54:00 196

原创 rails数据传递技巧

本文分析了 Rails 3 的 MVC 架构,探讨总结了 Rails 3 的控制器与视图、控制器与模型、视图与布局以及多个视图之间的数据传输方法和技巧。Rails 3 简介Ruby on Rails 是一个 Ruby 实现、采用 MVC 模式的开源 Web 应用开发框架,能够提供 Web 应用的全套解决方案。它的“习惯约定优于配置”的设计哲理,使得 Web 开发人员能够从繁琐的配置中解...

2015-03-26 19:06:59 573

原创 ubuntu 配置nginx

安装环境:linux数据库:sqlite3我ruby和rails的版本Java代码  ruby 2.0.0p247 (2013-06-27 revision 41674) [x86_64-linux]   Java代码  Rails 4.1.1   1.让你的项目在production上能够跑起来Java代码...

2015-03-11 17:09:38 112

原创 haml语法

引言Haml 是一种简洁优美的模板语言,可以应用于Ruby on Rails、 PHP等Web开发平台,可以大大缩减模板代码,减少冗余,提高可读性。并且Haml是一种完备的模板语言,没有牺牲当前模板语言的任何特性。Haml由 Hampton Catlin发明并且开发了Ruby on Rails上的实现。本文将以Ruby on Rails中的Haml实现为例,帮助你了解Haml的基本语法和常用特性...

2015-02-26 12:54:47 1323

原创 js 正则表达式来检查是否是链接

当我们要检测某一段字符串中是否包含链接的时候,根据一般的方法是检测是否包含某段字符串.下面是我总结的一个检测链接的方法function to_link(txtContent) { var check_www='w{3}'+'[^\\s]*'; var check_http='(https|http|ftp|rtsp|mms)://'+'[^\\...

2015-02-04 21:30:51 3542

原创 ubuntu系统备份

在 使用Ubuntu之前,相信很多人都有过使用Windows系统的经历。如果你备份过Windows系统,那么你一定记忆犹新:首先需要找到一个备份工 具(通常都是私有软件),然后重启电脑进入备份工具提供的软件环境,在这里备份或者恢复Windows系统。Norton Ghost是备份Windows系统时经常使用的备份工具。在备份Windows系统的时候你可能想过,我能不能把整个C盘都放到一个ZI...

2015-02-01 00:42:48 67

原创 ruby on rails 环境配置

最近开始学习ROR,在一开始配置环境的时候就出了很多的问题.首先说一下关于版本的问题,现在的最新版本是rails4.0,它和以前的版本差别还是很大的.首先在安装rvm的时候,如果安装不成功的话,终端会提醒你使用命令行apt-get 来安装,最好不要这么来安装,这样安装的版本很可能就是2.3版本的,和最新的4.0差别很大.接下来说一下具体的安装流程.首先要安装rvmRVM 脚本需要先安...

2015-01-30 20:12:30 94

原创 倒计时小程序 setTimeout传递参数

 var startTime = new Date();//获得当前的时间startTime.setFullYear(2016, 5, 27);//调用设置年份startTime.setHours(23);//调用设置指定的时间的小时字段startTime.setMinutes(59);//调用设置指定时间的分钟字段startTime.setSecon...

2015-01-21 10:33:22 1500

原创 非常简单的Python HTTP服务

如果你急需一个简单的Web Server,但你又不想去下载并安装那些复杂的HTTP服务程序,比如:Apache,ISS等。那么, Python 可能帮助你。使用Python可以完成一个简单的内建 HTTP 服务器。于是,你可以把你的目录和文件都以HTTP的方式展示出来。佻只需要干一件事情,那就是安装一个Python。实际上来说,这是一个可以用来共享文件的非常有用的方式。实现一个微型的HTTP...

2015-01-20 16:40:30 80

原创 html 适应手机

在用HTML5开发手机应用或手机网页时,head部分总会有如下一段代码,这段代码到底什么意思呢。在网上,大家会得到很多答案。我从网上搜集了部分介绍,整理一下,以留备用。 <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,us...

2015-01-20 14:00:52 502

原创 jquery与AJAX

今天做的项目客户要求从服务器获取数据,通过客户给的链接来调用接口。我以前没有接触过这方面的内容,今天刚刚接触,正好总结一下。下面这是用jquery  AJAX获取数据的方法。function LoadProduct(){ $.ajax({ type: "GET", url: "http://dev.745698.com/debug.py/...

2015-01-19 21:09:37 69

原创 ubuntu 环境配置

安装skype下载skype安装包。双击安装或使用终端安装。其中可能出现这个     依赖关系不满足 lib32stdc输入一下命令即可第一步: echo "deb http://ppa.launchpad.net/jason-scheunemann/ppa/ubuntu `lsb_release -cs` main" | sudo tee -a /etc/apt/sou...

2015-01-18 10:40:53 75

原创 ubuntu系统安装

在安装ubuntu系统以前都是在win7下的操作,所以刚刚听到linux时觉得很陌生,很遥远。在我来到公司之前,硕哥就告诉我先要自己安装一下环境,也就是ubuntu系统。虽然安装的过程中遇到很多的困难,但是收获还是不小的,所以在这里我把自己在安装的过程中遇到的难点和大家分享一下,希望可以帮助到大家。首先,要做一个启动盘,也就是将安装系统所需要用到的包,放到u盘里,网上有很多制作系统盘的工具...

2015-01-17 21:44:54 128

json学习

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。本文主要是对JS操作JSON的方法做下总结。  在JSON中,有两种结构:对象和数组。  1. 一个对象以...

2015-01-11 09:45:00 57

本地存储locals

html5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有4K,这是完全不能比的优势。 webstrange又分为:localstorage,sessionstorage和本地数据库。 接下来我就来一一介绍:1、localstoragelocalstorage 的...

2015-01-09 22:07:00 294

值得分析的代码

varoutput='',item,tidyList={},i;for(i=0;i<arr.length;i++){item=arr[i];if(!tidyList[item.barcode]){tidyList[item.barcode]=item;}item=tidyList[item.barcode];...

2015-01-06 15:49:00 66

关于用jquery做pos机的总结

jquery是我接触的第一个javascript库,我看来jquery不仅仅是对javascript的原生函数的封装,其更为主要的作用是使对页面DOM元素的操作。在jquery封装的函数中,我在做pos机的过程中用到的最多的应该是对数组的操作,相信我们平时所比较常用的也是这些函数。1. $.each(array, callback) 遍历这个函数与for循环相似,其中第一个参数是要进行...

2015-01-03 22:33:00 226

原创 形成自己的一套代码书写规范

刚开始写代码的时候,感觉只要是把功能完成也就可以了。但是,最近接触的多了,就感到代码书写的规范性的必要了,不止是使代码看起来更加整齐,使人感到舒服,还有就是要使自己以及他人能够通过我们自己的命名,来知晓某一段函数所实现的功能。所以,我在网上找了一些比较适合自己,也比较常见的命名方式,来时刻提醒自己代码的规范性。类的命名          类的名字必须由大写字母开头而单词中的其他字母均为...

2014-12-27 11:12:15 177

原创 git 安装与配置

其实git的安装与配置方法在网上有很多,我主要想说的就是我在安装和配置的过程中所遇到的问题和解决方法。一、其中关于项目的提交者在开始我们进行了全局变量的配置git config --globle user.name "......."git config --globlr user.email .......在这个过程中就设置了提交者二、关于我们所提交的文件这里其实是...

2014-12-25 22:30:36 76

原创 自己觉得比较好的网站

其实一直以来都想把自己学到的东东整理一下,但是却又不知从和整起,今天终于下定决心,要整理一些东西,首先是自己在学习过程中的自己觉得比较好的一些网站,博客,以及月姐推荐给我的。http://pollyanna.iteye.com/blog/2094698   //ubuntu 系统环境安装http://open-edu.github.io/workshop/tdd-workshop.html...

2014-12-24 22:13:48 63

原创 js的测试驱动开发

测试驱动开发Test-Driven Development,简称TDD,顾名思义,用测试来驱动程序的开发。虽然只是用这种方式才编写了一个猜数字的小程序,但是这种思想的有点确实是显而易见的。一、测试驱动开发的基本思想测试驱动开发的基本思想就是在开发功能代码之前,先编写测试代码,然后只编写使测试通过的功能代码,从而以测试来驱动整个开发过程的进行。这有助于编写简洁可用和高质量的代码,有很高的灵...

2014-12-22 21:13:23 169

原创 用jquery来做pos机的一些感悟

最近才刚刚开始接触jquery,就来谈一谈我的一些理解。我觉得jquery就是一些js的函数进行了封装,然后我们在引入了jquery的架构后,可以对函数进行调用,我不知道自己理解的对不对,希望在以后的学习中继续加深理解吧。在我这几天的接触看来,jquery中功能最为强大且灵活的应该是$符号了,它可以是我们更加方便的选择html的元素,并且对其进行操作。例如下面的这个例子:<ht...

2014-12-21 22:39:54 241

原创 回调函数

回调函数的理解回调函数是作为参数传递给另一个函数的函数,例如下面的这个例子。再看这个例子的时候,使我对回调函数有了更深的理解。var function_1=function(callback){console.log("do something.");(callback && typeof(callback) === "function") &&am...

2014-12-20 22:13:21 65

原创 js面向对象编程

一、js的面向对象其实js的面向对象不如说是基于对象的,与其他的面向对象编程的语言如java、C#不同。在js里面并没有class,而是用构造函数的方式来实现的。并且再其内部使用this来将变量绑定到实例上。二、关于js的原型Javascript规定,每一个构造函数都有一个prototype属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。在一般情况下...

2014-12-19 21:17:07 193

原创 关于对js的this的几点理解

一、四种不同模式小调用的指向1.函数调用模式的时候,this指向window2.方法调用模式的时候,this指向方法所在的对象3.构造函数模式的时候,this指向新生成的实例4.apply/call调用模式的时候,this指向apply/call方法中的第一个参数其中用到最多的应该是2和3了,在js基于对象的编程中这两项应该是最常用的二、apply和...

2014-12-18 21:16:12 73

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除