- 博客(44)
- 收藏
- 关注
RSS订阅原创 arguments的使用
当我们不确定有多少个参数传递的时候 , 可以用arguments来获取 , 在JavaScript中 , arguments实际上 它是当前函数的一个内置对象 , 所有函数都内置了一个arguments对象, arguments对象中储存了传递的所有 实参. arguments展示形式是一个伪数组 , 因此可以进行遍历 , 伪数组具有以下特点: 具有length属性 按索引方式存储数据 不具有数组的push , pop等方式 ...
2021-12-22 15:26:25
468
原创 常见的JavaScript练习题
// 创建一个电脑对象 , 该对象要有颜色 , 重量 , 品牌 , 型号 ,可以看电影 , 听音乐 , 打游戏 ,敲代码 function Jsj(color , zl , pp , xh) { this.color=color this.zl = zl this.pp = pp this.xh = xh this.gn = function(gn2) {...
2021-12-22 15:25:33
3021
3
原创 js遍历对象
// 遍历对象 var obj = { name : "蔡虚昆", age :18, sex : "或男或女", fn : function() { console.log("唱 , 跳 , rap , 鸡你太美") } } console.log(obj.name) ...
2021-12-22 15:23:04
218
原创 new关键字执行过程
// new 关键字执行过程 // 1.new 构造函数可以在内存中创建了一个空的对象 // 2.this 就会指向过程创建的空对象 // 3.执行构造函数里面的代码 给这个空对象添加属性和方法 // 4.返回这个对象(所以构造函数里面不需要return) function Star (uname , age , sex ) { this.name = uname; ...
2021-12-22 15:22:25
367
原创 构造函数和对象的区别
// 构造函数和对象 // 构造函数,如Stars() , 抽象了对象的公共部分 ,封装到了函数里面,它泛指某一大类(class ) // 创建对象,如new Stars(),特指某一个 ,通过new关键字创建对象的过程我们也称为对象实例化 // 如:汽车设计图(构造函数) // 一台真宝马(对象实例) // 构造函数和对像 // 1.构造函数 明星 泛指的某一大类 它类似于 Java 语言里面的...
2021-12-13 21:19:48
846
1
原创 构造函数创建对象
/*创建对象的三种方式 2.3利用构造函数的创建对象 构造函数:是一种特殊的函数 , 主要用来初始化对象, 即为对象称为变量赋初始值, 它总与new 运算符一起 使用.我们可以把对象中一些公告的属性和方法抽取抽取出来, 然后封装到这个函数里面 */ // 利用构造函数创建对 // 我们需要创建四大天王的对象 相同的属性 : 名字 年龄 性别 ...
2021-12-13 21:19:01
1370
原创 我们为什么需要构造函数
// 利用构造函数创建对象 // 我们为什么需要使用构造函数 // 就是因为我们前面两种创建对象的方式一次只能创建一个对象 var ldh = { uname : "刘德华", age : 55, sing: function() { console.log("冰雨") } } ...
2021-12-13 21:17:51
1705
原创 利用new Object创建对象
// 2.2利用new Object创建对象 // 跟我们前面学的nwe Array()原理一致 // var obj = new Object();//创建了一个空的对象 // obj.uname = "张三丰"; // obj.age = 18;; // obj.sex = "男 "; // obj.sayHi = function () { // consol...
2021-12-13 21:17:18
2613
原创 变量属性函数方法的区别
// 创建对象的三种方式 // 变量 , 属性 , 函数 , 方法总结 // 变量和属性的相同的 它们都是用来存储数据的 var num = 10 ; var obj = { age : 18 } console.log(obj.age) // console.log(age) // 变量 单独声明并赋值 使用的时候直接写变量名 单独...
2021-12-11 22:32:58
174
原创 利用对象字面量创建对象
// 2.创建对象的三种方式 // 在JavaScript中, 现阶段外面可以采用三种方式创建对象(object): // 利用字面量创建对象 // 利用 nwe object创建对象 // 利用构造函数创建对象 // 2.1利用字面量创建对象 // 对象字面量 : 就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法 // 利用对象字面量创建对象{} ...
2021-12-11 22:32:30
941
原创 什么是对象以及为什么需要对象
// 1.对象 // 1.1什么是对象? // 现实生活中 : 万物皆可对象 , 对象是一个具体的事物 , 看得见摸得着的实物. // 例如 , 一本书 , 一辆汽车 , 一个人可以是对象,一个数据库 ,一张网页 , 一个 // 远程服务器的连接也可以是 "对象" // 在JavaScript中 , 对象是一组无序的相关属性和方法集合 , 所有的事物都是对象, 例如字符串 , 数值 ,数组 // ...
2021-12-11 22:31:51
813
原创 CSS属性-元素类型
块级 , 行内级元素■ 根据元素的显示(能不能在同一很显示) 类型 , HTML元素可以主要分为2大类□块级元素(block-level elements)√独占一行√比如div , p , pre ,h1~h6 , ul , ol , li , dl , dt , dd ,table , form , article , aside , footer , header,Hgroup , main , nav , section , blockquote , hr等□行内级元素(
2021-12-11 22:19:09
221
原创 Checkbox的使用注意
■属于同一种类型的checkbox , name值要保持一致去除input的tab建选中效果■或者将tabindex属性值设置为-1
2021-12-11 22:17:43
197
原创 Input和label
■label元素一般跟input配合使用 , 用来表示input的标题■label可以跟某个input绑定 , 点击label就可以激活对应的input■也可以使用以下写法
2021-12-11 22:16:29
1258
原创 按钮-button元素
按钮■普通按钮(type=button) : 使用value属性设置按钮文字■重置按钮(type=reset) : 重置它所属form的所有表单元素(包括input , textarea , select)■提交按钮(type = submit) : 提交它所属form的表单数据给服务器(包括input , textarea , select)按钮-button元素■使用button元素也能实现按钮 , 功能效果跟input一样...
2021-12-11 22:15:56
367
原创 Input的常用属性
■type:input的类型□text:文本输入框(明文输入)□password:文本输入框(密文输入)□radio:单选框□checkbox:复选框□button:按钮□reset:重置□submit:提交表单数据给服务器□file:文件上传
2021-12-08 15:57:14
2013
原创 表格-table的基本使用
表格常用元素■table□表格■tr->table row□表格中的行■td->table define□行中的单元格Tr , th , td的常用属性细线表格的实现块元素的快速居中为 ,margin :0 atuo;如果是margin: 100px atuo; 的话就会往网页的正中央靠□合并单元格的边框其他元素■tbody□ 表格的主题...
2021-12-08 15:56:34
161
原创 列表相关的css属性
■列表相关的常见css属性有4个:list-style-type , list-style-image , list-style-position, list-style□它们都可以继承 , 所以设置给ol , ul元素 , 默认也会应用到li元素listi-style-type:设置li元素前面标记的样式□disc(实心圆) , circle(空心圆) . square(实心方块)□decimal(阿拉伯数字) , lower-roman(小写罗马数字) , upper-roman(大写
2021-12-08 15:55:34
143
原创 Emmet语法
emmet-生产子代和兄弟元素Emmet语法>(子代)和+(兄弟)元素*(多个)和^(上一级)()(分组)属性(id属性 , class属性 , 普通属性)$(数字){}(内容)隐式标签隐式标签(讲完table回头看)...
2021-12-08 15:53:37
38
原创 否定伪类和伪元素
否定伪类(negation pseudo-class)■:not()的格式是:not(x)□x是一个简单选择器√元素选择器 , 通用选择器 , 属性选择器 , 类选择器 , id选择器 伪类(除否定伪类)伪元素(pseudo-elements)■常用的伪元素□:first-line , ::first-line□:first-letter , ::first-letter□:before ::before□:after , ::afte..
2021-12-08 15:52:14
164
原创 伪类(pseudo-classes)
■常见的伪类有 □动态伪类(dynamic pseudo-classes) □结构伪类(structural pseudo-classes)√:link、visited、：hover、：active、：focus √:nth-child()、:nth-last-child()、:nth-of-type()、:nth-last-of-type()□目标伪类（target pseudo-classes） √...
2021-12-07 09:51:24
362
原创 交集和并集选择器的使用
相邻兄弟选择器(adjacent sibling combinator)■div元素后面紧挨着p元素(且div、p元素必须是兄弟关系)全体兄弟选择器（general sibling combinator）■div元素后面的p元素（且div、p元素必须是兄弟关系）选择器组-交集选择器选择器组-并集选择器选择器-交集、并集选择器对比...
2021-12-07 09:50:24
318
原创 后代选择器和子选择器
后代选择器(descendant combinator)■div元素里面的span元素(包括直接、间接子元素)后代选择器子选择器(child combinators)■div元素里面的直接span子元素(不包括间接子元素)
2021-12-07 09:49:31
305
原创 属性选择器的使用
属性选择器-[attr|=val]■title属性值恰好等于one或者 以单词one开头且后面紧跟着连字符-的元素一般是用在lang属性上面属性选择器-[attr~=val]属性选择器-[attr$=val]
2021-12-07 09:48:36
503
原创 HTML和CSS的编写准测
■在编写HTML和css代码过程中,要遵守一个准则□结构,样式分离■因此,不要使用HTML元素的属性来给元素添加样式,比如body的bgcolor,img的width\height等□以下是不建议的写法■css的一个很大作用是取代之前的font元素...
2021-12-04 14:26:29
48
原创 元素选择器(type selectors)
■所有的div元素■或者叫”标签选择器”■class值有one的元素Class注意点■一个元素可以有很多个class值,每一个class之间空格隔开■class值如果由多个单词组成,单词之间可以用中划线,下划线_连接,也可以使用驼峰标识■最好不要用标签名作为class值驼峰标识小驼峰:第一个单词的首字母小写,后面遇到一个单词字母就大写 Html class小驼峰 Js 函数名字大驼峰:所有的单词...
2021-12-04 14:25:26
2351
原创 CSS选择器(select)
■开发中经常需要找到特定的网页元素进行 ■什么是css选择器设置样式 □按照一定的规则选出符合的元素,为之添加css样式■思考:如何找到特定的那个元素?■ 选择器的种类繁多,大概可以这么归类□ 通用选择器(universal selector)□ 元素选择器(type selectors)□ 类选择器(class selectors)□ id选择器(id selectors)□ 属性选择...
2021-12-04 14:24:38
3745
原创 CSS基本使用
Css样式的书写格式■css提供了各种各样、丰富多彩的css样式，书写格式如下所示Color：red■冒号：左边是样式名，冒号：右边是样式值如何将css样式应用到元素上■css提供了3种方法,可以将css样式应用到元素上□内联样式(inline style)□文档样式表(document style sheet). 内嵌样式表(embed style sheet)□外部样式表(external style sheet)内联样式(inli..
2021-12-04 14:23:23
273
原创 初识CSS
■什么是css□css的作用是:可以给网页中的每一个元素设置样式(“化妆” 排版布局),让网页更加精美□完全没有使用css的网页:基本就是一堆从上到下,从左到右挨在一起的文字和图片□css的全称是cascading style sheets,层叠样式表CSS简史■css1->css2->css->2.1->css2.2■css3:是css2.x以后对某一些css模块进行升级更新后的称呼,比如css color module level 3.
2021-12-04 14:19:21
42
原创 HTML5 布局标签
div: 布局标签 html5新增布局标签:带有含义的div<div style=”border: 1px solid red; width:500px;height:200px;”>aaa<div> div布局语义标签1.方便seo 搜索引擎好识别2.有利于程序员解读代码<header style=”border: 1px solid red; width:500px;height:200px >头部标签</header>...
2021-12-04 09:00:00
785
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人