随笔分类 -  web前端

上一页 1 2

html5 + CSS3 + JS
jQuery学习之对象获取进阶
摘要:$("Element[id]")获得所有带有ID属性的元素$("Element[attribute=KwooShung]")获得所有某个属性为KwooShung的元素$("Element[attribute!=KwooShung]")获得所有某个属性不为KwooShung的元素,我想如果学过C#和java的人都明白"!"在程序中表示非$("Element[attribute^=Kwoo]")获得所有某个属性值是以Kwoo开头的元素$("Element[attribute$=Kwoo]& 阅读全文

posted @ 2012-05-28 09:24 leohxj 阅读(278) 评论(0) 推荐(0)

jQuery学习之表单选择
摘要:$(:input)只能匹配Input元素类型为input button select textarea$(:text)匹配所有的单行文本框$(:password)匹配所有的密码框$(:radio)匹配所有的单选按钮$(:checkbox)匹配所有的复选框$(:submit)匹配所有的提交按钮$(:image)匹配所有的图像域,例如<input type="image" />$(:reset)匹配所有的重置按钮$(:button)匹配所有的按钮$(:file)匹配所有的文件上传域$(:hidden)匹配所有的不可见元素或者type为hidden的元素$(:enab 阅读全文

posted @ 2012-05-28 09:24 leohxj 阅读(174) 评论(0) 推荐(0)

jQuery学习之对象的选择
摘要:$("*")表示获取所有的对象$("#element")等同于document.getElementById("element");$(".abc")表示获得HTML中所有使用了abc这个样式的元素$("div")表示获得HTML中所有的div元素$("#a,.b,p")表示获得ID是a的元素和使用了类样式b的元素以及所有的p元素$("#a .b p")表示获得了ID是a的元素所包含的使用了类样式的b元素中的所有的p元素$("Element1 E 阅读全文

posted @ 2012-05-28 09:14 leohxj 阅读(2120) 评论(0) 推荐(0)

CSS之盒子模型
摘要:什么东西都学学吧,对自己又没坏处。要想用好div+css布局页面,那么盒子模型就必须得理解好。一些概念:W3CShool:http://www.w3school.com.cn/css/css_boxmodel.aspCSS盒子模型Falsh演示:http://redmelon.net/tstme/box_model/------------------------------实战------------------------------我使用firefox+firebug展示一下何为盒子模型:首先我创建一个基本的页面,只有body元素:<!DOCTYPE html><htm 阅读全文

posted @ 2012-05-25 16:22 leohxj 阅读(1984) 评论(0) 推荐(0)

HTML常用标签
摘要:HTML5 一般模版:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>42qu</title> <meta name="description" content="xxxx"> <meta name="keywords" content="xx xxx xxxx"> <!-- 可以继续写meta --> <link 阅读全文

posted @ 2012-05-25 14:23 leohxj 阅读(229) 评论(0) 推荐(0)

什么是web标准
摘要:标准这个东西很重要,它能够方便所有的开发者。但是标准的制定确很难,有很多方面需要考虑。W3C为互联网创造了标准:HTML,维基百科解释:http://zh.wikipedia.org/wiki/HTML随着不断的发展,我们迎来了HTML 5, 维基百科解释:http://zh.wikipedia.org/wiki/HTML5未来是属于移动互联网的时代,我们从传统的PC时代跨入了手机时代,未来还可能会进入XX时代。要使各个浏览器统一起来,还是比较困难的事情,但是能基本统一,就为开发者创造了福利。--------------------我理解的标准------------------------- 阅读全文

posted @ 2012-05-25 11:40 leohxj 阅读(216) 评论(0) 推荐(0)

关于Sublime Text 2 VIM模式
摘要:这个开启方式在Preferences:Settings - User中添加:"ignored_packages": [],------------------------基本操作----------------------------开启之后,主要方便了光标的移动,之前我还看到XX配置了vim按键。插入:i, a, o基本移动: hjkl单词移动:w, e, b行内移动: 0, ^, $视图模式: v复制,y ,yw, yy粘贴: p 阅读全文

posted @ 2012-05-23 16:25 leohxj 阅读(12453) 评论(2) 推荐(0)

如何开始学习 Node.js?
摘要:导读:本文译自 Stack Overflow 的同名问答贴“How do I get started with Node.js ”。求助者 Joneph O. 说:“有没有学习 Node.js 的好资源呢?教程、博客或书籍都可以。当然,我已经浏览查看 Node.js 的官方文档,但我不认为那是一个好的出发点。” 下面内容来自 yojimbo87 的回复,得票数最高。 Tutorials / 教程 ●Node.js guide ●Node tuts Videos / 视频 ●Introduction to Node.js with Ryan Dahl ●Node.js: Asynch... 阅读全文

posted @ 2012-05-22 21:45 leohxj 阅读(193) 评论(0) 推荐(0)

Web开发者不可不知的15条编码原则
摘要:HTML 已经走过了近 20 的发展历程。从 HTML4 到 XHTML,再到最近十分火热的 HTML5,它几乎见证了整个互联网的发展。但是,即便到现在,有很多基础的概念和原则依然需要开发者高度注意。下面,向大家介绍这些应该遵循的开发原则。 1、善用 DIV 来布局 当开发一个 Web 页面时,要考虑第一件事就是区分页面重点。将这些内容用 DIV 标签包含起来,页面的代码会呈现出整洁、缩进良好的风格。<div id="header"></div> <div id="body-container"> <div id 阅读全文

posted @ 2012-05-19 12:36 leohxj 阅读(188) 评论(0) 推荐(0)

网易邮箱前端技术分享之javascript编码规范(二)类规范
摘要:上一篇文章介绍了网易邮箱前端javascript编码规范的第一部分,关于变量和函数的编码规范,本篇文章将继续介绍网易邮箱制定的javascript类编码规范。网易邮箱页面在window只允许定义三种变量——1:全局变量;2:常量;3:类。任何业务逻辑都需要通过类方法或者示例方法实现。前两种变量在之前文章中已经介绍,在此不再累述,接下来详细介绍类定义和使用的规范。定义类是通过一个闭包完成的: 1: (function(){ 2: //第一步:引入存在的类。引入support类 3: var Support = window.Support; 4: 5: //$是网易邮箱... 阅读全文

posted @ 2012-05-19 12:34 leohxj 阅读(223) 评论(0) 推荐(0)

网易邮箱前端Javascript编码规范:基础规范
摘要:网易邮箱是国内最早使用 ajax 技术的邮箱。早在 2004 年就推出了基于 ajax 引擎的极速风格邮箱,到 2012 年极速风格已经发展到第五版。最近两年 HTML5+CSS3 以及移动终端技术方兴未艾,网易邮箱也紧跟技术发展趋势推出了 iphone,ipad 适配版的邮箱。在这么多年开发邮箱 webmail 过程中,邮箱前端团队积累了不少心得体会,我们开发了很多基础 js 库,实现了大量前端效果组件,开发了成熟的 opoa 框架以及 api 组件,在此向大家做一些分享。今天想先和大家聊聊 javascript 的编码规范。 总所周知,javascript 是一种语法极其灵活的语言。ja. 阅读全文

posted @ 2012-05-19 12:34 leohxj 阅读(349) 评论(0) 推荐(0)

Zen Coding 展开缩写
摘要:最近转头vim阵营了。突然看到了Sublime Text 2是多平台的, 马上下载一个。参考:http://ruby-china.org/topics/3107配置调试了一下。打算用它来写html + css + JS.有一个很有用的插件:Zen Coding, 方便编写。展开缩写功能: 使用tab展开缩写。Element例如:divElement#id例如:div#contentElement.class例如:div.header,也可以联合其他使用,如: div#content.column.widthElement>N例如:div>p,表示父子元素Element+N例如:di 阅读全文

posted @ 2012-05-16 09:36 leohxj 阅读(439) 评论(0) 推荐(0)

jQuery学习笔记(W3School)
摘要:$(document.ready(function(){---});为了防止文档在完全加载(就绪)之前运行 jQuery 代码.jQuery 选择器具体的有:jQuery 元素选择器,jQuery 属性选择器, jQuery CSS 选择器选择器参考手册:http://www.w3school.com.cn/jquery/jquery_ref_selectors.aspjQuery事件事件处理程序指的是当 HTML 中发生某些事件时所调用的方法.事件参考手册:http://www.w3school.com.cn/jquery/jquery_ref_events.aspjQuery动画效果隐藏和 阅读全文

posted @ 2012-05-11 00:54 leohxj 阅读(653) 评论(0) 推荐(0)

CSS基础和相关文章
摘要:div+css教程:http://www.html-5.cn/div-css/jishu/2天驾驭div+css(全新发布2.0版本) 阅读全文

posted @ 2012-05-09 09:17 leohxj 阅读(114) 评论(0) 推荐(0)

HTML5一些文章
摘要:入门基础:http://www.html5china.com/course/list_3_1.htmlHTML Reference:http://dev.w3.org/html5/html-author/基本的框架:<!DOCTYPE html><html><head> <title>XXX</title> <link rel="stylesheet" href="...." /> <meta name="xx" content="xx" 阅读全文

posted @ 2012-05-09 08:59 leohxj 阅读(183) 评论(0) 推荐(0)

上一页 1 2

导航