玲儿灵

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

09 2014 档案

摘要:POST 还是 GET?浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理。共有两种方法:POST 方法和 GET 方法。如果采用 POST 方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与 action 属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就... 阅读全文
posted @ 2014-09-30 14:41 玲儿灵 阅读(208) 评论(0) 推荐(0) 编辑

摘要:1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,... 阅读全文
posted @ 2014-09-29 17:05 玲儿灵 阅读(190) 评论(0) 推荐(0) 编辑

摘要:这个简易的验证库,应该能完成90%的基本验证,包括失去焦点时的验证,以及点击提交按钮时的验证。后端的那我就无能为办了,只能是谁用就谁自个儿去写了:)。先上一段调用的代码吧,JS代码说少也不少了,就不直接贴出来了,文章后面上附件,还包括一个我之前自己写的一个仿人人网的插件的JS文件。 1 2 3 ... 阅读全文
posted @ 2014-09-29 16:37 玲儿灵 阅读(334) 评论(0) 推荐(0) 编辑

摘要:运用Iframe和script可以实现简单的异步加载:调用页面如下: iframeD.htm:是字符串就可以了iframeD.htmscriptD.js:是可以运行的js代码$("#result").html("Scripts/scriptD.js"); 阅读全文
posted @ 2014-09-29 16:22 玲儿灵 阅读(355) 评论(0) 推荐(0) 编辑

摘要:编写一个例子:从服务器取回一个Hello Ajax字符串。HTML: js:定义Ajax函数,异步获取数据1、声明一个XMLHttpRequest对象2、对XMLHttpRequest对象实例化3、调用XMLHttpRequest对象的open(),设置服务器的URL和请求的方... 阅读全文
posted @ 2014-09-29 16:21 玲儿灵 阅读(229) 评论(0) 推荐(0) 编辑

摘要:浏览器检索网页,先从URL开始,使用DNS确定IP地址,再用基于TCP和HTTP协议连接到服务器,请求相关的内容,得到相应,浏览器解析并呈现到屏幕上。服务器响应后,浏览器响应不会同时全部到达,会陆续到达,有时候之间还会有时间间隔。页面解析和新的资源请求浏览器等待数据包时,会解析得到包,并寻找可用新的... 阅读全文
posted @ 2014-09-29 15:58 玲儿灵 阅读(541) 评论(0) 推荐(0) 编辑

摘要:var icolor=0;var iNum=256;var iID=setInterval(setbgColor, 500);function setbgColor(){ body.background-color="#"+icolor*iNum*iNum*iNum+icolor*iN... 阅读全文
posted @ 2014-09-29 15:34 玲儿灵 阅读(492) 评论(0) 推荐(0) 编辑

摘要:1 2 3 4 JavaScript 5 29 58 59 60 a61 b62 63 64 </html 阅读全文
posted @ 2014-09-29 14:50 玲儿灵 阅读(366) 评论(0) 推荐(0) 编辑

摘要:文本格式化:1 This text is bold2 This text is strong3 This text is big4 This text is emphasized5 This text is italic6 This text is small7 This text contains... 阅读全文
posted @ 2014-09-28 17:39 玲儿灵 阅读(313) 评论(0) 推荐(0) 编辑

摘要:1 Knockout简介Knockout是一个轻量级的UI类库,通过应用MVVM模式使JavaScript前端UI简单化。Knockout是一个以数据模型(data model)为基础的能够帮助你创建富文本,响应显示和编辑用户界面的JavaScript类库。任何时候如果你的UI需要自动更新(比如:更... 阅读全文
posted @ 2014-09-28 14:24 玲儿灵 阅读(452) 评论(0) 推荐(0) 编辑

摘要:1 .car_li{display: block;float: left;padding: 10px 10px 50px 10px;background-color: #e8e8e8;cursor: pointer;}2 .car_li_cur{background-color: #436db3;}... 阅读全文
posted @ 2014-09-28 14:11 玲儿灵 阅读(210) 评论(0) 推荐(0) 编辑

摘要:1 2 3 4 1 .searchBlock{width: 800px;height:120px;position: absolute;top:50%;left: 50%;margin-top: -97px;margin-left: -400px;padding: 15px ... 阅读全文
posted @ 2014-09-28 11:22 玲儿灵 阅读(368) 评论(0) 推荐(0) 编辑

摘要:1 2 3 4 挑选爱车, 一分钟获得审批 5 6 7 8 9 等待电话回访,接受线下上门服务10 ... 阅读全文
posted @ 2014-09-28 11:16 玲儿灵 阅读(206) 评论(0) 推荐(0) 编辑

摘要:1 2 3 4 5 6 7 8 9 10 1 #center1{ width:100%;min-height:634px !important;position: relative; margin:0 auto;position: ... 阅读全文
posted @ 2014-09-28 11:10 玲儿灵 阅读(272) 评论(0) 推荐(0) 编辑

摘要:1 2 1 .image,.image_particulars{float: left;}2 .image{width: 300px;border: 1px solid silver;}3 .image_particulars{width: 300px;height: 300px;border: 1... 阅读全文
posted @ 2014-09-26 14:37 玲儿灵 阅读(215) 评论(0) 推荐(0) 编辑

摘要:html:1 css:1 .angle{2 width: 0px;3 height: 0px;4 border-bottom: 50px solid red;5 border-top: 50px solid transparent;6 border-left: 50px soli... 阅读全文
posted @ 2014-09-26 14:19 玲儿灵 阅读(174) 评论(0) 推荐(0) 编辑

摘要:1.clone(),clone(ture),节点复制,元素复制追加。2.siblings([expr]):取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。例如:$("div").siblings();$("div").siblings(".select... 阅读全文
posted @ 2014-09-23 15:26 玲儿灵 阅读(208) 评论(0) 推荐(0) 编辑

摘要:1.选择器:js: $('.car_img_con img')[0];var jsObj = document.getElementsByClassName('sel_index_block')[0];jsObj.html();TypeError: undefined is not a fun... 阅读全文
posted @ 2014-09-23 12:31 玲儿灵 阅读(2429) 评论(0) 推荐(0) 编辑

摘要:这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: do... 阅读全文
posted @ 2014-09-23 11:37 玲儿灵 阅读(449) 评论(0) 推荐(0) 编辑

摘要:由于Firefox和IE等浏览器之间对js解释的方式不一样,firefox下面获取鼠标位置不能够直接使用clientX来获取。网上说的一般都是触发mousemove事件才行。我这里有两段代码,思路都一样,就是风格不同。第一段代码是利用全局变量来获取实时鼠标的位置。varxPos;varyPos;wi... 阅读全文
posted @ 2014-09-23 10:41 玲儿灵 阅读(400) 评论(0) 推荐(0) 编辑

摘要:在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容(1)相对于屏幕如果是涉及到鼠标点击确定... 阅读全文
posted @ 2014-09-23 10:36 玲儿灵 阅读(3101) 评论(0) 推荐(0) 编辑

摘要:e.target 是目标对象,e.event是目标所发生的事件,event.srcElement捕获当前事件作用的对象1. 1 $(function(){ 2 $("li:has(ul)").click(function(e){ 3 if(this==e.target){ 4... 阅读全文
posted @ 2014-09-23 10:33 玲儿灵 阅读(546) 评论(0) 推荐(0) 编辑

摘要:e.target 是目标对象,e.event是目标所发生的事件,event.srcElement捕获当前事件作用的对象1. 1 $(function(){ 2 $("li:has(ul)").click(function(e){ 3 if(this==e.target){ 4... 阅读全文
posted @ 2014-09-23 10:33 玲儿灵 阅读(553) 评论(0) 推荐(0) 编辑

摘要:1、减少Jquery使用处理dom遍历和复杂的脚本场景时,jquery可能有很大的帮助,不过在处理简单的、直截了当的代码场景就会迟缓。尽可能的避免jquery对象创建,尤其在循环中。2、优化循环用被缓存的数组长度优化前for (var i = 0; i < arr.length; i++) { ... 阅读全文
posted @ 2014-09-23 09:48 玲儿灵 阅读(245) 评论(0) 推荐(0) 编辑

摘要:做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器... 阅读全文
posted @ 2014-09-19 13:56 玲儿灵 阅读(234) 评论(0) 推荐(0) 编辑

摘要:Node.JS 是资深 C 程序员 Ryan Dahl(http://four.livejournal.com/)的作品,依据 Google 著名的开源 JavaScript 引擎 V8 来进行二次开发的 Web I/O 服务器(http://nodejs.org/)。V8 本身是非常快的 Java... 阅读全文
posted @ 2014-09-19 13:52 玲儿灵 阅读(208) 评论(0) 推荐(0) 编辑

摘要:响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大,效率低下代码累赘,会... 阅读全文
posted @ 2014-09-18 16:06 玲儿灵 阅读(198) 评论(0) 推荐(0) 编辑

摘要:在任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等,所以定制一套完整的约定和规则显得尤为重要。第一节CSS样式文件的命名建立样式表文件时,分类编写样式到下列样式表文件中,并统一放在【CSS】文件... 阅读全文
posted @ 2014-09-18 15:13 玲儿灵 阅读(266) 评论(0) 推荐(0) 编辑

摘要:Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: 或者这样的形式: 不知道大家留意没有,其中两种方式引入CSS样式都有一个共同的属性“media”,而这个“media”就是用来指定特定的媒体类型,在HTML4和CSS2中充许你使用“m... 阅读全文
posted @ 2014-09-18 14:54 玲儿灵 阅读(208) 评论(0) 推荐(0) 编辑

摘要:css选择有十种方式:元素选择器、类选择器、ID选择器、选择器分组、属性选择器、子元素选择器、后代选择器、相邻兄弟元素选择器、伪元素、伪类。元素选择器。文档的元素就是最基本的选择器。如:html {color:black;}、note{font-family:Verdana, Arial;}(xml... 阅读全文
posted @ 2014-09-18 11:13 玲儿灵 阅读(265) 评论(0) 推荐(0) 编辑

摘要:设置元素的最大高度、最小高度、最大宽度、最小宽度,用max-height、min-height、max-width、min-width。visibility:设置元素是否可见。visible和hidden。filter:alpha(opacity=70);-moz-opacity:0.7;-webk... 阅读全文
posted @ 2014-09-18 09:08 玲儿灵 阅读(373) 评论(0) 推荐(0) 编辑

摘要:1.屏幕三部分自适应居中?(js没奏效)2.背景透明内容也透明? 阅读全文
posted @ 2014-09-13 15:46 玲儿灵 阅读(119) 评论(0) 推荐(0) 编辑

摘要:1.filter:alpha(opacity=70);-moz-opacity:0.7;-webkit-opacity: 0.7;-o-opacity: 0.7;-ms-opacity: 0.7;opacity: 0.7;2.注释在bootstrap里在文档流中时,要注意,在它前后的标签要与它紧贴,... 阅读全文
posted @ 2014-09-13 15:40 玲儿灵 阅读(146) 评论(0) 推荐(0) 编辑

摘要:1.不同浏览器默认边距不同,必须对body自定义:margin:0;padding:0;2.margin、padding属性值为%时,不是所有浏览器都支持;3.transparent属性,IE7之前不支持。4.-moz-border-radius:25px; /* Old Firefox */ -m... 阅读全文
posted @ 2014-09-11 18:01 玲儿灵 阅读(144) 评论(0) 推荐(0) 编辑

摘要:元素的背景是内容、内边距和边框区的背景。css中:width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。bootstrap中:width 和 height 指的是包含border、padding、element的框的总尺寸... 阅读全文
posted @ 2014-09-11 17:54 玲儿灵 阅读(231) 评论(0) 推荐(0) 编辑

摘要:1.css中一切元素皆为框。div、p、h1等为块框;span、strong等为行内框,(在文本中每一行会被自动默认为行框,行框和行内框是不一样的概念)。通过display可以改变框的类型,行内框通过display:block可以变为块框,块框通过display:inline-block可以变为行内... 阅读全文
posted @ 2014-09-11 11:27 玲儿灵 阅读(262) 评论(0) 推荐(0) 编辑

摘要:取值: [ [ ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize ... 阅读全文
posted @ 2014-09-10 12:35 玲儿灵 阅读(451) 评论(2) 推荐(0) 编辑