2013年6月4日

变量原理深入讲解
摘要： javascript是一种解释执行的语言语言分解释执行和编译执行人用直观的编程语言来写程序-------------计算机语言010011100举例理解：英文 中国人张三(不会英文)1、把英文报刊翻译成中文报刊，然后再看(翻译完后，多了一份中文版)2、找一个同声翻译，一边看英语，随时翻译出中文方式1：第一次运行的时候要多等一会儿，因为要等报纸翻译完毕但是一旦翻译完毕后，以后再运行就能直接运行方式2：每次运行的时候都要翻译所以：编译执行，hello.c VC翻译--->hello.exe(二进制可窒息感文件)解释执行，hello.php/hello.js------->php解释引擎 阅读全文
posted @ 2013-06-04 18:39 阿土白白 阅读(296) 评论(0) 推荐(0) 编辑
 
js操作DOM的原理
摘要： js如何操作DOM？浏览器有html源码渲染的功能，把html源码在内存里形成一个DOM对象，也有一个javascript的解释器/执行器/引擎，我们在html里写一个js代码，js代码被引擎所执行，而执行的结果，就是对DOM的操作，而对DOM操作的结果，就是我们常看到的特效，比如图片漂浮、文字变色。1、javascript语言本身的语法2、DOM对象3、BOM模型即browser浏览器模型浏览器是“宿主”。但js的宿主不限于浏览器，也可能是服务器端，如比较流行的服务器端js框架 阅读全文
posted @ 2013-06-04 18:06 阿土白白 阅读(303) 评论(0) 推荐(0) 编辑
 
 

2013年4月17日

七七八八的记录
摘要： 1、可以只固定高度，宽度设为100%;2、当浮动会影响样式显示时，可以加一句：<div style="clear:both"></div>;3、使用一个id=container的div把页面内容包括在里面，并且设为margin:auto;4、按钮通常做成a标签加背景,a要转换成块状元素；5、<img />标签要定宽度和高度，因为不确定后台照片传的是什么样的6、大篇段落不能定高 阅读全文
posted @ 2013-04-17 18:19 阿土白白 阅读(108) 评论(0) 推荐(0) 编辑
 
jQuery选择器总结(转)
摘要： jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass") 阅读全文
posted @ 2013-04-17 17:56 阿土白白 阅读(132) 评论(0) 推荐(0) 编辑
 
 

2013年3月22日

做网页的思路
摘要： tips:html文件乱码的排查查看meta信息中，charset所设置的字符集与文件本身的编码是否一致。(charset设置的字符集是告诉浏览器要用什么编码，当然只有文件本身是这种编码类型才行)写一个网页的工作流程：1、划块，首先分析网页的效果图，分析如何分块分块的原则：从上到下，从左到右，从大到小2、布局盒子模型块状元素可以看成一个硬盒子，盒子的属性：width height padding border margin backgroundbackground：体现的范围width*height+padding盒子有哪些特点：默认情况下，盒子独占一行盒子有宽有高盒子可以设置外边距，即盒子与 阅读全文
posted @ 2013-03-22 15:40 阿土白白 阅读(249) 评论(0) 推荐(0) 编辑
 
表单默认值
摘要： 如何给表单项加默认值？答：对于text文本框、password密码框，直接加value=“xxx”对于textarea大块文本域，<textarea name="introduce">这是默认值</textarea>对于单选radio和多选checkbox，加一个属性，checked="checked"对于select下拉框，option选项加selected="selected"就能默认选中对于文件类型不能设默认值 阅读全文
posted @ 2013-03-22 14:11 阿土白白 阅读(241) 评论(0) 推荐(0) 编辑
 
表单项
摘要： <body> <h2>注册表单</h2> <form method="post"> <p> 用户名：<input type="text" name="username" value="请输入用户名" />&nbsp; <input type="button" value="检测用户名" onclick="checkuser();"/> </p> < 阅读全文
posted @ 2013-03-22 13:54 阿土白白 阅读(129) 评论(0) 推荐(0) 编辑
 
form表单
摘要： 表单的action methodaction代表要提交到的地址method代表表单提交的方法(即表单数据如何发送)method两种方法get和post的区别1、get提交 直接把数据体现在地址栏上，不够安全post是不改变地址栏，直接发送数据，因此注册这样的场合，适合用post提交2、get提交因为数据在地址栏上，因此能够提交的数据大小受限(一般来说受浏览器和服务器的具体限制)，一般来说能够提交2K以内的数据post提交理论上没有规定上限值3、get无法上传文件类型，例如上传图片，只是把名称上传了post可以上传文件类型 阅读全文
posted @ 2013-03-22 13:01 阿土白白 阅读(133) 评论(0) 推荐(0) 编辑
 
框架集
摘要： 框架集是一个网页框架嵌套多个网页1、最外层的框架页面，doctype声明要用frameset声明，不用strict<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2、frameset页面，不能有body标签具体用法拆成2行为例： <frameset rows="150px,*"> <frame src=" 阅读全文
posted @ 2013-03-22 12:09 阿土白白 阅读(132) 评论(0) 推荐(0) 编辑
 
bug调试
摘要： bug的几种常见原因1、doctype没声明，带来的ie浏览器盒模型解析Bug解决：进行xhtml正确声明，如strict声明2、各种浏览器对各种标签的初始值不同带来的Bug解决：进行css初始化3、自身书写不规范带来的Bug4、浏览器的解析bug带来的盒模型Bug 进行严格的doctype声明ie6有双倍margin bug 是指浮动方向上的margin值会加倍，例如：某元素float:left;margin-left的值是10px，那么页面上会解析为20px;同时，float:right;margin-right也会加倍 设置漂浮元素的_display:inline;(将元素设置为内联元素 阅读全文
posted @ 2013-03-22 10:54 阿土白白 阅读(112) 评论(0) 推荐(0) 编辑