流浪的我
- 浏览: 33916 次
- 性别:
-
最新评论
-
流浪的我：
嘻嘻，多谢你提的建议。
web前端基础 什么是对象 -
任清宇：
代码 改成 ruby 代码 不是java
Rails中validates及各种用法 -
任清宇：
太少了 再弄多点
web前端基础 什么是对象 -
chenyue1：
刘伟同学，写的很好，我一定会分享给大家的
做一个好的程序员
文章列表
web前端 响应式网页设计
- 博客分类：
- html
响应式网页设计
响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。
三步实现响应式网页
第一步：Meta标签
大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。在&
基于Web前端技术是有HTML静态语言向现在的JaveScript、Ajax、ExtJs、JQuery等框架的发展。鉴于自己对处理Web前端开发过程中由于对HTML没有深入的了解而带来的一些欠缺。因此发点时间来学习回顾下HTML语言。
什么是HTML?
HTML是用来描述网页的一种语言。同时它是超文本标记语言(Hyper Text Markup Language)，仅仅是一种标记语言而不是编程语言。那什么是标记语言呢？标记语言就是一套标记标签。也就是说HTML使用标记标签来描述网页。
HTML标签
HTML标记标签通常被称为HTML标签(H ...
JQuery中$.ajax()方法参数详解
- 博客分类：
- jqurey
JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。
type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和
delete也可以使用，但仅部分浏览器支持。
timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设
置。
async：要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。
如果需要发送同步请 ...
一 Ajax究竟是什么? Ajax让web开发者创建交互式的网站，功能比缓慢的、静态的网站更像桌面应用。 Gmail 和 Google Maps 是两种最常见的Ajax应用范例。多种方法让Ajax可以在浏览器中直接放置交互，取代浏览器不得不频繁联系web服务器获取信息的状况。 当访问一个Ajax站点，浏览器象通常那样装载HTML页面。然后，Ajax使用 JavaScript 进行交互。当一个站点访问者请求更多的信息时－－例如，装载一个地图－－JavaScript产生请求。 JavaScript不是向web站点发送一个请求，而是使用API调用XMLHttpRequest 把数据从后台转到前台。( ...
web前端基础 什么是对象
- 博客分类：
- Ruby
英文 Object ，计算机业界现在已经习惯翻译为“对象”；口语化一些，中文的意思就是“事物”。
“事物”这个词有点抽象，你当然可以具体到人，或是具体到交通工具。人可以再具体一些，学生？工人？如果是学生，叫什么名字？
每个事物都有一些特点，人有身高，体重，在程序中我们称之为属性；还可以有一些行为，人要吃饭，睡觉，在程序中我们称之为方法。
学生是人，自然有身高，体重，自然要吃饭，睡觉。如果你把人看作一类事物，把学生看作一类事物；那么，人是父类型，学生是子类型。子类型从父类型自然得到属性、方法，我们称之为继承。
...
Rails中validates及各种用法
- 博客分类：
- Ruby
Rails中validates及各种用法
首先是不为空validates :name,presence:{message:'blank is not allowed'}
唯一性：validates :name,uniqueness:{message:'already exist!',case_sensitive: false}#case_sensitive区分大小写
长度：validates :name,length:{in: 6..20,message:'must in 6-20 byte'}
格式：val ...
Ruby中的关键字如下：
模块定义：module
类定义： class
方法定义：def，undef
检查类型：defined?
条件语句：if，then，else，elsif，case，when，unless
循环语句：for，in，while，until，next，break，do，redo，retry，yield
逻辑判断：not，and，or
逻辑值： true，false
空值： nil
异常处理：rescu ...
安装Ruby on rails
对于新入门的开发者而言，如何正确的在ubuntu下安装Ruby on Rails 的运行环境可能会是一个问题，本页面将详细介绍如何解决这一问题：
步骤0 安装系统需要的包，在lnux终端输入下面命令
$ sudo apt-get install -y build-essential openssl curl libcurl3-dev libreadline6 libreadline6-dev git zlib1g zlib1g-dev libssl-dev lib ...
CSS 背景属性（Background）
属性
描述
CSS
background
在一个声明中设置所有的背景属性。
1
background-attachment
窗口的显现与隐藏，opacity
- 博客分类：
- 知识总结
1.窗口的显现与隐藏
通常在我们做页面的时候可能会遇到这样的一个问题，点击按钮要跳出一个窗口。下面是本人对这个问题的处理方式。
1)点击显现按钮弹出窗口，点击隐藏按钮窗口隐藏
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide ...
html中一些常用标签
- 博客分类：
- html
1. form标签：主要用于提交页面用户输入的数据，当我们点击当前from中的submit按钮的时候，form就会将其中的所有的用户输入的数据，提交到url指定的地方--------- 2. Input标签：提供一个输入视图，可供用户输入数据 其中有一个属性type属性，此值有10种，每一种type都对应着一种不同的视图效果，提供的输入方式也不一样 3.<input type="button" value="普通按钮"/>：本身不具备value属性改变按钮上的文字，可通过脚本语言赋予功能； 4.<input type="che ...
为避免命名冲突，命名规则如下：
1.公共组件因为高度重用，命名从简，不要加前缀。
2.各栏目的相应代码，需要加前缀，前缀为工程师姓名拼音的首字母，如：奥迪前缀为“od_”，分隔符为下划线“_”,如：“od_imgList”。
3.模块组件化，组件中的class或id名采用骆驼命名法和下划线相结合的方式，单词之间的分隔靠大写字母分开，从属关系靠下划线分隔，如下所示。
html:
<ul class="textList">
<li class="textList_firstItem">1)xxxxxx>< ...
自我的一些感想，怎么做一个好的程序员。
1、逻辑能力强，这也是解决问题的关键。
2、分析能力。可以很好的解决复杂问题。
3、事情做得专业的前提是能关注到细节
4、技术要做到精益求精编程语言那么多，多语言的程序 ...
web Storage
- 博客分类：
- 数据的存储
Web Storage 有两种形式：localStorage (本地存储) 和 sessionStorage (会话存储)。 与 cookie 相似，都是使用键值对来对数据进行存储和读取。这里对 cookie 与 Web Storage 进行了比较： cookie：容量 4kb，支持各种浏览器，但是每次请求浏览器都会把本机存的 cookies 发送到服务器 Web Storage:1) 存储空间更大2) 数据则仅仅是存在本地，不与服务器发生任何交互3) 独立的存储空间而 localStorage 与 sessionStorage 的区别： localStorage：即使浏览器 ...