民间程序猿-优快云博客

原创 Web前端从入门到放弃(css3选择器的总结)

Web前端从入门到放弃(css3选择器的总结)一、基本选择器选择器类型功能描述 * 通配选择器选择文档中所有的html元素 E 元素选择器选择指定的类型的html元素 id ID选择器选择指定ID属性值为“id”的任意类型的元素 .class 类选择器选择指定的class属性值为“class”的任意类型的任意多元素 sele

2016-11-16 16:09:56 1130

原创 Web前端从入门到放弃(jq选择器的归纳总结)

jq选择器的归纳总结一、什么是jq jq就是人家把js的函数封装好的一个库。二、为什么要用jq1、简化了js的复杂操作2、无需在去关心兼容性问题（最爽的一点）3、提供了大量的使用方法三、jq的选择器1、基本选择器#id通过元素的 id 属性中给定的值$("#myDiv");element 指向 DOM 节点的标签名$("div")

2016-11-01 16:58:37 617

原创 js面向对象

js面向对象一、什么是对象对象可以看成一个属性的集合。对像一般有属性和方法构成，方法的实质是函数，而属性的实质是变量。二、什么是面向对象面向对象可以理解为不需要去了解对像的内部结构，就可以使用它。像我们的date 对像的方法可以获取和设置时间，但我们并不了解其内部原理。三、面向对象（抽风机）抽象：抽取核心信息封装：不考虑内部实现，重点会使用就行。继承：继承父类的功能

2016-10-20 18:49:19 440

原创 AJAX的作用与编写

AJAX的作用与编写一、AJAX是什么AJAX = Asynchronous JavaScript and XML（异步的JavaScript和XML）。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量的数据交换，使网页实现异步更新。（不用加载整个网页就能实现部分更新）二、传统更新方式与AJAX的区别传统的开发模式：用户的每一次操

2016-10-17 17:04:18 909

原创 Web前端从入门到放弃（js数组基础和数组方法的各种使用）

js数组基础和数组方法的各种使用一、数组数组是可以存放很多元素的数据类型（装东西的）二、定义数组1、简单类型定义数组var arr = [1,2,3]/*数组中元素分隔用逗号*/2、构造函数法Var arr = new Array( 1, 2); 三、数组的索引数组中元素所占的位置编号。

2016-10-12 19:37:14 844

原创 Web前端从入门到放弃（js鼠标拖拽特效）

js鼠标拖拽特效我们来实现用鼠标点击一个盒子并可以在浏览器窗口下拖拽原理：利用鼠标点击盒子，然后通过鼠标坐标减去盒子在浏览器的坐标从而得到鼠标在盒子上的disX和disY的值，在利用onmousemove事件，把鼠标移到的位置的坐标的值减去鼠标在盒子上的disX和disY的值赋给盒子的left和right,最后利用onmouseup事件将onmousemove事件给“关了”

2016-10-12 19:03:14 2443

原创 Web前端从入门到放弃（js事件的绑定）

js事件的绑定为什么要用事件绑定？原因：例如：当页面写了两个弹窗，但结果在页面只弹出最后一个，如果要让两个弹窗都弹出来就得用到事件的绑定。在JavaScript中事件绑定使用 attachEvent，但是这是IE浏览器使用的，而谷歌和火狐以及其它浏览器不支持，他们使用 addEventListener。IE方式的事件绑定latta

2016-10-12 16:22:39 875

原创 Web前端从入门到放弃（js函数声明和调用、有参函数和无参函数、有返回值）

js函数声明和调用、有参函数和无参函数、有返回值一、js函数声明和调用1、js函数声明：方法一：关键字函数名、形参根具体据情况写（形参可不写）function 函数名(形参){ 函数体}方法二：直接量var fn = function 函数名(形参){ 函数体}方法三：构造函数法

2016-10-12 15:52:56 1080

原创 Web前端从入门到放弃(js全局变量、局部变量、闭包)

js全局变量、局部变量、闭包一、js全局变量在方法外部声明的变量声明方式1：var test;var test = 5;需注意的是该句不能包含在function内，否则是局部变量。这是第一种方式声明全局变量。声明方式2：test = 5;没有使用var，直接给标识符test赋值，这样会隐式的声明了全局变量test。即使该语句是在一个function内，当

2016-10-11 21:55:14 1906

原创 Web前端从入门到放弃（js数据类型、变量命名规范）

js数据类型、变量命名规范一、js数据类型1、基本数据类型String——字符串Number——数字a.该类型的表示方法有两种形式，第一种是整数，第二种为浮点数。b.整数可以通过十进制，八进制，十六进制的字面值来表示（10进制的值 = parseInt(变量，进制) ）Boolean——布尔a.布尔类型有两个值：true falseb

2016-10-11 17:21:59 729

原创 Web前端从入门到放弃（js事件的分类和介绍）

js事件的分类和介绍一、一般的js事件（红色为常用的）1、鼠标事件：onclick —— 鼠标点击时触发此事件ondblclick—— 鼠标双击时触发此事件onmouseover—— 当鼠标移动到某对象范围的上方时触发此事件onmouseout —— 当鼠标离开某对象范围时触发此事件onmousemove——鼠标移动时触发此事

2016-10-11 15:09:54 1803

原创 Web前端从入门到放弃（固定顶部菜单）

固定顶部菜单当鼠标滚动到200px时，出现固定在顶部的菜单 *{ margin: 0; padding: 0; border: none; } #box{ width: 950px; height: 4135px; background: #9BD7F8; margin: 0 auto;

2016-10-10 19:21:48 2577

Du_Ke_Can的博客