- 博客(40)
- 收藏
- 关注
RSS订阅原创 js事件机制２
一．js的事件捕获和事件冒泡机制 在js中先要执行事件捕获然后再执行事件冒泡 同时，事件捕获是由父节点逐渐向子节点传播，而事件冒泡是由子节点逐渐向父节点传播． <script type="text/javascript"> var p = document.getElementById('p'), c = docume...
2015-08-14 11:06:54
239
原创 js事件机制
1.事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。 2.目标元素: 任何一个事件的目标元素都是最开始的那个元素，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且...
2015-08-14 10:18:00
277
原创 web前端职业规划
一. 在开始规划职业之前，应该充分认识自己从事的行业，结合自己的价值观，树立合理目标，持之以恒 每个人在不同的人生阶段有不同的追求，但是这些都是来自于自己的价值观，既你实现了什么样的价值会获取最大的愉悦，所以首先要充分的认识自己的价值观。 那我举个例子，我比较不甘于做一个平凡的人，我希望能创造一些能改变一些事物的东西，所以在前面的10多年里，分不同的阶段我都在给自己定一些目标，做一些不...
2015-07-14 09:17:30
14028
3
原创 ubuntu截屏方法
有时候，ubuntu 需要截图，下面有几种方法 1 ubuntu 12.04中设置快捷键 设置 按下Ctrl+Alt +A 来实现区域截图(qq的方式，本人比较喜欢) 依次打开 系统设置 > 键盘 > 快捷键 > 自定义快捷键 > +，在 名称 输入 screenshot(喜欢的名字就好） , 命令 输入 gnome-screenshot -a...
2015-06-03 08:05:11
371
原创 rails环境配置
假设1、你已经安装了某软件，如curl 针对这种，解决方法：手动安装软件，命令：$ apt-get install 包名字， 假设2、你能链接上国外的rvm、gem源服务器，国内现状，大家懂得。所以，必须用替代的国内源服务器。 你在下边安装过程中， 若是出现了服务器积极拒绝，80%的可能行是被墙了。或者被你公司、家所在网络屏蔽掉了 若是出现了速度很慢，半天不动的现象，恭喜你，你得换源地...
2015-06-02 22:25:33
303
原创 淘宝镜像
大家学习除了自己开发外，你也需要和别人一块开发，用到别人的工程，但下载后是需要配置环境的，那该怎么做呢？ 配环境大家都知道： Ruby代码 bundle install 但是下载的很慢所以大家就可以换成： Ruby代码 https://ruby.taobao.org/ 具体怎么换呢？更换本地的gem...
2015-06-02 22:23:35
191
原创 rails 数据库操作
数据库元被影射成对象 (object-relational mapping (ORM)层) Ruby代码 table<=>class row<=>object column<=>object attribute class和table的命名对应关系实例： Ruby代码 Order<=>...
2015-05-27 09:17:58
205
原创 常用命令集锦
sudo mysql -uroot -p 进入mysql数据可 rackup faye.ru -s thin -E production 启动faye通道 rails s -p 3003 bundle exec rake assets:precompile RAILS_ENV=production 编译项目命令 bundle exec rake assets:precompile pro...
2015-04-07 22:37:04
134
原创 rails respon_to
通过上一讲，我们已经对REST on Rails的基本框架有所了解，但是它是如何实现根据客户端的请求类型来返回不同类型的资源表示的呢？这就是我们这一讲所要讲的，秘密就在于respond_to。 首先让我们来看看我们在上一讲中生成的airports控制器的代码： class AirportsController < ApplicationController def i...
2015-04-07 22:31:54
291
原创 自己写的rails登录界面
rails g controller users new rails g model user email:string password_hash:string password_salt:string rake db:migrate rails dbconsole rails g controller sessions new Gemfile ...
2015-04-07 20:52:32
321
原创 device登录认证插件2
原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://kinda22.blog.51cto.com/2969503/1587991 在一个Rails项目中安装： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 #在Gemfile中添加,目前版本3.4....
2015-04-07 20:51:08
280
原创 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
315
原创 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
522
原创 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
191
原创 device登录认证插件
Authentication: 使用 Devise devise是一套使用者認證(Authentication)套件，是Rails社群中最廣為使用的一套。 編輯 Gemfile 加上 gem 'devise' 輸入bundle install安裝此套件 輸入rails g devise:install產生devise設定檔 編輯 config/environme...
2015-03-26 19:55:45
412
原创 css特殊属性标签
background:transparent;消除默认背景色 outline: none;消除边框 1.CSS 背景属性（Background） background 在一个声明中设置所有的背景属性。 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 background-color 设置元素的背景颜色。 background-ima...
2015-03-26 19:54:00
253
原创 rails数据传递技巧
本文分析了 Rails 3 的 MVC 架构，探讨总结了 Rails 3 的控制器与视图、控制器与模型、视图与布局以及多个视图之间的数据传输方法和技巧。 Rails 3 简介 Ruby on Rails 是一个 Ruby 实现、采用 MVC 模式的开源 Web 应用开发框架，能够提供 Web 应用的全套解决方案。它的“习惯约定优于配置”的设计哲理，使得 Web 开发人员能够从繁琐的配置中解...
2015-03-26 19:06:59
697
原创 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
202
原创 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
1456
原创 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
3750
原创 ubuntu系统备份
在 使用Ubuntu之前，相信很多人都有过使用Windows系统的经历。如果你备份过Windows系统，那么你一定记忆犹新：首先需要找到一个备份工 具(通常都是私有软件)，然后重启电脑进入备份工具提供的软件环境，在这里备份或者恢复Windows系统。Norton Ghost是备份Windows系统时经常使用的备份工具。 在备份Windows系统的时候你可能想过，我能不能把整个C盘都放到一个ZI...
2015-02-01 00:42:48
125
原创 ruby on rails 环境配置
最近开始学习ROR,在一开始配置环境的时候就出了很多的问题.首先说一下关于版本的问题,现在的最新版本是rails4.0,它和以前的版本差别还是很大的.首先在安装rvm的时候,如果安装不成功的话,终端会提醒你使用命令行apt-get 来安装,最好不要这么来安装,这样安装的版本很可能就是2.3版本的,和最新的4.0差别很大. 接下来说一下具体的安装流程. 首先要安装rvm RVM 脚本需要先安...
2015-01-30 20:12:30
225
原创 倒计时小程序 setTimeout传递参数
var startTime = new Date(); //获得当前的时间 startTime.setFullYear(2016, 5, 27); //调用设置年份 startTime.setHours(23); //调用设置指定的时间的小时字段 startTime.setMinutes(59); //调用设置指定时间的分钟字段 startTime.setSecon...
2015-01-21 10:33:22
1618
原创 非常简单的Python HTTP服务
如果你急需一个简单的Web Server，但你又不想去下载并安装那些复杂的HTTP服务程序，比如：Apache，ISS等。那么， Python 可能帮助你。使用Python可以完成一个简单的内建 HTTP 服务器。于是，你可以把你的目录和文件都以HTTP的方式展示出来。佻只需要干一件事情，那就是安装一个Python。 实际上来说，这是一个可以用来共享文件的非常有用的方式。实现一个微型的HTTP...
2015-01-20 16:40:30
130
原创 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
604
原创 jquery与AJAX
今天做的项目客户要求从服务器获取数据，通过客户给的链接来调用接口。我以前没有接触过这方面的内容，今天刚刚接触，正好总结一下。 下面这是用jquery AJAX获取数据的方法。 function LoadProduct() { $.ajax({ type: "GET", url: "http://dev.745698.com/debug.py/...
2015-01-19 21:09:37
130
原创 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
117
原创 ubuntu系统安装
在安装ubuntu系统以前都是在win7下的操作，所以刚刚听到linux时觉得很陌生，很遥远。在我来到公司之前，硕哥就告诉我先要自己安装一下环境，也就是ubuntu系统。虽然安装的过程中遇到很多的困难，但是收获还是不小的，所以在这里我把自己在安装的过程中遇到的难点和大家分享一下，希望可以帮助到大家。 首先，要做一个启动盘，也就是将安装系统所需要用到的包，放到u盘里，网上有很多制作系统盘的工具...
2015-01-17 21:44:54
201
json学习
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的方法做下总结。 在JSON中，有两种结构：对象和数组。 1. 一个对象以...
2015-01-11 09:45:00
95
本地存储locals
html5的一个非常cool的功能，就是web storage，类似于之前的cookie，不过与之不同的是，web storage 拥有本地5兆的容量可以存储，而cookie却只有4K，这是完全不能比的优势。 webstrange又分为：localstorage，sessionstorage和本地数据库。 接下来我就来一一介绍： 1、localstorage localstorage 的...
2015-01-09 22:07:00
351
值得分析的代码
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
108
关于用jquery做pos机的总结
jquery是我接触的第一个javascript库，我看来jquery不仅仅是对javascript的原生函数的封装，其更为主要的作用是使对页面DOM元素的操作。 在jquery封装的函数中，我在做pos机的过程中用到的最多的应该是对数组的操作，相信我们平时所比较常用的也是这些函数。 1. $.each(array, callback) 遍历 这个函数与for循环相似，其中第一个参数是要进行...
2015-01-03 22:33:00
293
原创 形成自己的一套代码书写规范
刚开始写代码的时候，感觉只要是把功能完成也就可以了。 但是，最近接触的多了，就感到代码书写的规范性的必要了，不止是使代码看起来更加整齐，使人感到舒服，还有就是要使自己以及他人能够通过我们自己的命名，来知晓某一段函数所实现的功能。所以，我在网上找了一些比较适合自己，也比较常见的命名方式，来时刻提醒自己代码的规范性。 类的命名 类的名字必须由大写字母开头而单词中的其他字母均为...
2014-12-27 11:12:15
254
原创 git 安装与配置
其实git的安装与配置方法在网上有很多，我主要想说的就是我在安装和配置的过程中所遇到的问题和解决方法。 一、其中关于项目的提交者 在开始我们进行了全局变量的配置 git config --globle user.name "......." git config --globlr user.email ....... 在这个过程中就设置了提交者 二、关于我们所提交的文件 这里其实是...
2014-12-25 22:30:36
127
原创 自己觉得比较好的网站
其实一直以来都想把自己学到的东东整理一下，但是却又不知从和整起，今天终于下定决心，要整理一些东西，首先是自己在学习过程中的自己觉得比较好的一些网站，博客，以及月姐推荐给我的。 http://pollyanna.iteye.com/blog/2094698 //ubuntu 系统环境安装http://open-edu.github.io/workshop/tdd-workshop.html...
2014-12-24 22:13:48
115
原创 js的测试驱动开发
测试驱动开发Test-Driven Development，简称TDD，顾名思义，用测试来驱动程序的开发。虽然只是用这种方式才编写了一个猜数字的小程序，但是这种思想的有点确实是显而易见的。 一、测试驱动开发的基本思想 测试驱动开发的基本思想就是在开发功能代码之前，先编写测试代码，然后只编写使测试通过的功能代码，从而以测试来驱动整个开发过程的进行。这有助于编写简洁可用和高质量的代码，有很高的灵...
2014-12-22 21:13:23
258
原创 用jquery来做pos机的一些感悟
最近才刚刚开始接触jquery，就来谈一谈我的一些理解。我觉得jquery就是一些js的函数进行了封装，然后我们在引入了jquery的架构后，可以对函数进行调用，我不知道自己理解的对不对，希望在以后的学习中继续加深理解吧。 在我这几天的接触看来，jquery中功能最为强大且灵活的应该是$符号了，它可以是我们更加方便的选择html的元素，并且对其进行操作。 例如下面的这个例子： <ht...
2014-12-21 22:39:54
322
原创 回调函数
回调函数的理解 回调函数是作为参数传递给另一个函数的函数，例如下面的这个例子。再看这个例子的时候，使我对回调函数有了更深的理解。 var function_1=function(callback) { console.log("do something."); (callback && typeof(callback) === "function") &&am...
2014-12-20 22:13:21
120
原创 js面向对象编程
一、js的面向对象 其实js的面向对象不如说是基于对象的，与其他的面向对象编程的语言如java、C#不同。在js里面并没有class， 而是用构造函数的方式来实现的。并且再其内部使用this来将变量绑定到实例上。 二、关于js的原型 Javascript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。 在一般情况下...
2014-12-19 21:17:07
237
原创 关于对js的this的几点理解
一、四种不同模式小调用的指向 1.函数调用模式的时候，this指向window 2.方法调用模式的时候，this指向方法所在的对象 3.构造函数模式的时候，this指向新生成的实例 4.apply/call调用模式的时候，this指向apply/call方法中的第一个参数 其中用到最多的应该是2和3了，在js基于对象的编程中这两项应该是最常用的 二、apply和...
2014-12-18 21:16:12
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人