- 博客(23)
- 资源 (3)
- 收藏
- 关注
原创 Js 基础学习之--模拟加入购物车
Js 基础学习之--模拟加入购物车 购物车 *{margin:0; padding: 0; font-size: 14px; font-family: 微软雅黑;} ul li{list-style:none;} .clear{clear: left;} #products{ width: 1100px; margin: 10px auto; }
2016-07-27 20:47:47 901
原创 Js基础学习之-- 利用GET方法实现ajax请求
Js基础学习之-- 利用GET方法实现ajax请求 1.创建XMLHttpRequset对象,兼容IE6 function createXHR(){ if(window.XMLHttpRequest){ return new XMLHttpRequest(); } else{ return new ActiveXObject("Microsoft.X
2016-07-27 20:21:32 2966
原创 Js基础学习之-- 利用正则表达式验证 模拟注册界面
注册界面要求:用户名只能是字母或者数字或者下划线,不能以数字开头,用户名长度在6到20之间密码两次验证必须一致,用户名密码不能为空。 模拟注册 *{margin:0; padding:0; font-size:14px; font-famliy:"微软雅黑"; font-style:normal; } body{backgr
2016-07-27 19:38:54 4279
原创 js基础学习之--DOM总结
DOM总结JavaScript组成部分以及关系图 DOM概念 : DOM是文档对象模型(Document Object Model)的简称,它的基本思想是把结构化文档(比如HTML和XML)解析成一系列的节点(对象),再由这些节点组成一个树状结构(DOM Tree)。所有的节点和最终的树状结构,都有规范的对外接口,以达到使用编程语言操作文档的目的(比如增删内容)。
2016-07-23 00:35:01 835
原创 js基础学习之--BOM基础知识总结
BOM总结 BOM 概念:BOM是浏览器对象模型,是Bowser Object Model 的简称,就是 浏览器 工具库 说明书! Window对象 Window 对象的角色:(a)javascript访问浏览器的窗口的一个接口(入口);(b)ECMAScript中的Global对象,全局对象。全局对象:就是顶层对象,顶层对象可以理解为CE
2016-07-23 00:14:37 556
原创 js基础学习之--关于 Cookie 的增删改查的封装函数
关于 Cookie 的增删改查的封装函数1. 设置(创建、修改) cookie 数据 参数1:键值 参数2:键名function setCookie(key,value){ document.cookie = key + "=" + encodeURIComponent(value); } 测试: setCo
2016-07-20 22:35:57 722
原创 js基础学习之--仿百度登录鼠标拖拽事件
仿百度登录鼠标拖拽事件 百度的登录窗口可以在可视的窗口内进行拖拽,当遇到边界时,进行边界的碰撞检测,当小于边界值时或者大于边界值时,会进行响应的判断。中间还用到了两个封装的函数,用于取窗口可视区宽度和高度。 拖拽 #container{ position: absolute; left: 0; top: 0; } .t
2016-07-20 00:50:25 649
原创 js 基础 ---实现放大镜的效果
js 基础 ---实现放大镜的效果能利用原生的js是非常重要的,所以对于仿照电商的商品放大图做出了这个放大镜的效果。在这个例子中,放大镜跟随着鼠标的移动而移动,大盒的图片移动方向与小盒子图片的移动方向是相反的,它们的放缩比例是相同的,具体的实现案例如下:第一种方法: 放大镜效果 body{position: relative;} *{ma
2016-07-19 00:08:08 9108
原创 Js基础学习之 -- DOM兼容 根据标签、类名获取节点函数封装
Js基础学习之 -- DOM兼容 根据标签、类名获取节点函数封装 1. 作用:所有类选择器名为cName的标签 参数:类选择器的名(class名) 返回值:所有类选择器名为cName的标签 function getClass(cName){ var arr = []; var all
2016-07-17 23:24:33 2785
原创 HTML基础学习之 --元素 定位
元素定位 一、 定位主要包括了以下四种方式: 1. static:默认值,无特殊定位,对象遵循HTML原则; 2. relative: 相对定位,对象不可层叠,将依据 right,top,left,bottom(相对定位)等属性在正常文档流中偏移位置。(相对自身、不脱离文档流) 3. absolute:绝对定位,将对象从文档流
2016-07-17 00:23:29 456
原创 HTML基础学习之 --网页的宽度、高度自适应
宽高自适应 我们在网页布局中经常要定义元素的宽高。但是我们如果定义宽高是一个定数时,当在不同的分辨率的电脑上打开的时候,往往会出现与屏幕不适应的情况,所以我们希望元素大小能根据窗口或子元素自动调整,这就是自适应。 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。 1. 宽度自适
2016-07-17 00:12:00 14556
原创 解决网页高度塌陷问题---浮动塌陷
浮动塌陷 第一种方法: 直接 给父元素的css样式中添加声明 overflow:hidden; 第二种方法: 在已经浮动元素的下方添加一个空的div,并给这个空的div添加声明css样式 .元素的类名{ clear:both; height:0;
2016-07-16 23:48:45 1524
原创 网站、网页的自身优化--(如何让网站被搜索引擎搜索到)
网页自身优化(如何让网站被搜索引擎搜索到) ★ 页面主题优化 实事求是的写下自己网站的名字,网站的名字要合理,最好包含网站的主要内容。★页面头部优化 页面头部指的是代码中部分,具体一点就是中的“Description(描述)”和“Keywords(关键字)”两部分: 1、“描述”部分应该用近乎描述的语言写下一段介绍你网站的文字,在这其中,你应该适当的对你网站
2016-07-16 23:14:48 5457
原创 CSS 样式的重置 --设计一款属于自己的重置样式
CSS样式的重置 关于CSS样式的重置没有什么规范,适合自己的才是最好的,我们需要的就是能够一次书写可以多次使用,尽量使我们的重置样式变得更加全面,能满足基本的网页编写,下面我们举几个例子:1.以新浪为例:html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend
2016-07-16 22:50:18 1329
原创 CSS 过滤器(filter)的种类及介绍
过滤器(filter)1.下划线属性过滤器 当在一个属性前面增加了一个下划线后,由于符合标准的浏览器不能识别带有下划线的属性而忽略了这个声明,但是在IE6及更低版本浏览器中会继续解析这个规则。 语法:选择符{_属性:属性值;} 2. !important关键字过滤器 它表示所附加的声明具有最高优先级的意思。但由于IE6及更低版本不能识别它,我们可以利用IE6的这个Bu
2016-07-16 18:12:16 7147
原创 IE6 常见的CSS解析Bug以及Hack
IE6常见CSS解析Bug及hack1. 图片间隙 1) div中的图片间隙(该bug出现在IE6及更低版本中) 描述:在div中插入图片时,图片会将div下方撑大三像素。 hack1: 将与写在一行上; hack2: 将 转为块状元素,给添加声明:display:block; 2) dt,li中图片间隙(IE6) hack: 将 转为块状元素,给
2016-07-16 17:54:04 542
原创 CSS Bug、CSS Hack 和 Filter的介绍
CSS Bug、CSS Hack和Filter1.CSS Bug: CSS样式在各浏览器中解析不一致的情况,或者说CSS样式在浏览器中不能正确显示的问题称为CSS Bug.2.CSS Hack: CSS中,Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法,因为它们都属于个人对CSS代码的非官方的修改,或非官方的补丁。有些人更喜欢使用patch(补丁)来描述这种行为。
2016-07-16 17:46:24 882
原创 js 关于BOM浏览器兼容问题 函数封装
1. 作用:获取可视区宽度(兼容所有浏览器) 返回值:获取可视区宽度function getWidth(){ if(window.innerWidth){ return window.innerWidth; } else{ if(document.compatMode == "CSS1Compat"){ return doc
2016-07-16 16:54:07 742
原创 Js 模拟注册界面 基础学习
注册界面:要求:用户名只能是字母或者数字或者下划线,不能以数字开头,用户名长度在6到20之间密码两次验证必须一致,用户名密码不能为空。 模拟注册 *{margin:0; padding:0; font-size:14px; font-famliy:"微软雅黑"; font-style:normal; } body{background:#F
2016-07-16 00:01:44 637
原创 js 学习基础 随机生成表格 颜色随机
随机生成表格:任意输入行数或列数, 生成对应表格;点击任意单元格, 将其数和背景颜色输出显示; DOM /*#box{ height:100px; width:100px; background:rgb(255,234,00); }*/ window.onload = function(){ var clos,rows
2016-07-15 23:33:19 1450
原创 Web 基础学习之 JS ,循环练习
1.判断闰年 var i;for(i=1980;i{if( i % 4 == 0 && i % 100 != 0 || i % 400 == 0)document.write( i + " ");}2.九九乘法表var i, j;for(i=0;i{for(j=1;j{document.write( i + "*"+ j
2016-07-08 21:30:26 4686
原创 Web 基础学习之 用 JS 实现网页版本 计算器
JS实现计算器计算器a{text-decoration:none;}ul,li{list-style:none;}*{margin:0; padding:0;}.box{ margin:30px auto;height:502px;width:400px;border:1px solid gray;box-shadow:7px
2016-07-05 21:24:14 646
原创 web前端基础学习入门篇(三)
CSS核心属性一、CSS属性组成和作用属性:属性值1)每个css样式都必须由两部分组成:选择符(Selector)和声明(Decleration)注:声明又包括属性(Properyt)和属性值(Value)2)css属性:属性是指定选择符具有的属性,他是css的核心,css2共有150多个属性;3)css属性值:属性值包括法定属性
2016-07-05 21:11:58 490
nodejs安装32位及64位
2016-09-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人