前端
文章平均质量分 60
q1575290554
这家伙很帅,什么都没写
展开
-
表单基本操作
表单是什么?form-----DOM树表单的目的提交信息原创 2022-06-29 07:28:19 · 71 阅读 · 0 评论 -
jQuery选择器、事件、DOM节点和CSS操作
javaScript和jQuery的关系?jQuery库,里面存在大量的JavaScript函数公式:$(selector).action()文档工具站:http://jquery.cuishifeng.cn/鼠标事件、键盘事件,其他事件节点文本操作CSS的操作元素的显示和隐藏,:本质display:none娱乐测试...原创 2022-06-29 07:27:43 · 88 阅读 · 0 评论 -
DOM对象
DOM:文档对象模型浏览器网页就是一个Dom树形结构!要操作一个Dom节点,就必须要先获得这个Dom节点这是原生代码,之后尽量都使用jQuery();3、删除节点删除节点的步骤:先获取父节点,再通过父节点删除自己注意:删除多个节点的时候,children是在时刻变化的,删除节点的时候一定要注意。我们获得了某个Dom节点,假设这个dom节点是空的,我们通过innerHTML就可以增加一个元素了,但是这个Dom节点已经存在元素了,我们就不能这么干了!会产生覆盖......原创 2022-06-29 07:29:21 · 140 阅读 · 0 评论 -
JavaScript面向对象
原型继承在javascript中,需要大家转换一下思维方式!class关键字,是在ES6引入的1、定义一个类、属性、方法2、继承原创 2022-06-29 07:29:46 · 147 阅读 · 0 评论 -
内部对象(Date、JSON、AJAX)
标准对象2、JSONJSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。在javascript中,一切皆为对象,任何js支持的类型都可以用JSON表示...原创 2022-06-28 10:07:58 · 93 阅读 · 0 评论 -
JavaScript流程控制(if、for、while、forEach、数组遍历)
JavaScript中的流程控制语句案例原创 2022-06-28 10:06:50 · 231 阅读 · 0 评论 -
ES6新特性Map、Set和iterator
Set、Map结构和Iterator迭代器原创 2022-06-28 10:05:09 · 100 阅读 · 0 评论 -
JavaScript数组
Array可以包含任意的数据类型1、长度注意:假如给arr.lennth赋值,数组大小就会发生变化~,如果赋值过小,元素就会丢失通过元素获得下标索引字符串的""1""和数字 1 是不同的截取Array的一部分,返回的一个新数组,类似于String中substring5、unshift(),shift()6、排序sort()7、元素反转reverse()8、concat()注意:concat()并没有修改数组,只是会返回一个新的数组打印拼接数组,使用特定的字符串连接数组:存储数据(如何原创 2022-06-28 10:02:35 · 87 阅读 · 0 评论 -
Javascript字符串
正常字符串我们使用 单引号,或者双引号包裹注意转义字符 \字符串可多行编写模板字符串原创 2022-06-28 10:01:08 · 139 阅读 · 0 评论 -
JavaScript对象
若干个键值对Js中对象,{…}表示一个对象,建制对描述属性xxx:xxx,多个属性之间用逗号隔开,最后一个属性不加逗号JavaScript中的所有的键都是字符串,值是任意对象!1、对象赋值2、使用一个不存在的对象属性,不会报错!undefined3、动态的删减属性,通过delete删除对象的属性4、动态的添加,直接给新的属性添加值即可5、判断属性值是否在这个对象中!xxx in xxx6、判断一个属性是否是这个对象自身拥有的hasOwnProperty()...原创 2022-06-28 10:00:21 · 120 阅读 · 0 评论 -
CSS简介
Cascading Style Sheet 层叠级联样式表CSS:表现(美化网页)字体、颜色、边距、高度、宽度、背景图片、页面定位、网页浮动…CSS1.0:CSS2.0:DIV(块)+ CSS,HTML与CSS结构分离的思想,网页变得简单,SEOCSS2.1:浮动定位CSS3.0:圆角,阴影,动画…(浏览器兼容~)基本入门CSS的优势:1、内容和表现分离2、网页结构表现统一,可以实现复用3、样式十分的丰富4、建议使用独立于html的css文件5、利用SEO,容易被搜索引擎收录!...原创 2022-06-28 09:59:32 · 104 阅读 · 0 评论 -
JavaScript的严格检查模式
前提:IDEA设置为ECMAScript 6语法。‘use strict’:严格检查模式,用来预防JS的随意性导致的问题。比如:直接 i=1;这样定义成了全局变量,有时会出问题。写代码时,写在script和/script中的第一行。局部变量,建议不用i = 1;去定义,而采用let i =1;定义。...原创 2022-06-28 09:58:15 · 207 阅读 · 0 评论 -
CSS选择器简介及应用
作用:选择页面上的某一个或某一类元素1、标签选择器:选择一类标签 标签{}2、类选择器 class:选择所有class属性一致的标签,跨标签 .类名{}3、Id 选择器:全局唯一 #id名称{}优先级:id选择器 > class选择器 > 标签选择器结构伪类选择器伪类:条件...原创 2022-06-28 09:56:44 · 186 阅读 · 0 评论 -
JavaScript简介
在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果,于是叫Brendan Eich这哥们在两周之内设计出了JavaScript语言。你没看错,这哥们只用了10天时间。为什么起名叫JavaScript?原因是当时Java语言非常红火,所以网景公司希望借Java的名气来推广,但事实上JavaScript除了语法上有点像Java,其他部分基本上没啥关系。因为网景开发了JavaScript,一年后原创 2022-06-28 09:53:15 · 77 阅读 · 0 评论 -
相对定位练习
使用div和a标签布局页面,练习相对定位原创 2022-06-27 07:44:02 · 416 阅读 · 0 评论 -
相对定位、绝对定位、固定定位和z-index
相对定位:position: relative;相对于原来的位置,进行指定的偏移,相对定位的话,他仍然在标准文档流中,原来的位置会被保留。2、绝对定位定位:基于xxx定位。上下左右1、没有父级元素定位的前提下,相对于浏览器定位2、假设父级元素存在定位,我们通常会相对于父级元素进行偏移3、在父级元素范围内相对于父级或浏览器的位置,进行指定的偏移,相对定位的话,他仍然在标准文档流中,原来的位置不会被保留。3、固定定位 fixed4、z-indexz-index:默认时0,最高无限:999...原创 2022-06-27 07:38:24 · 178 阅读 · 0 评论 -
QQ会员导航条
QQ会员导航条html原创 2022-06-27 07:37:09 · 348 阅读 · 0 评论 -
浮动display和float
块级元素:独占一行 h1-h6 p div 列表…行内元素:不独占一行 span a img strong3、float1、左右浮动 float4、父级边框塌陷问题(以float为例)增加父级元素的高度增加一个空的div标签,设置属性父级元素增加属性父类增加一个伪类小结:**浮动元后面增加空div简单,代码中尽量避免空div设置父元素的高度简单,元素假设有了固定的高度,就会被限制overflow简单,下拉的一些场景避免使用父类添加一个伪类:after写法稍微复杂一原创 2022-06-27 07:34:35 · 967 阅读 · 0 评论 -
盒子模型简介及应用
margin:外边距padding:内边距border:边框盒子的计算方式:你这个元素到底多大?margin + border + padding + 内容宽度原创 2022-06-27 07:30:25 · 320 阅读 · 0 评论 -
美化网页元素
1、有效的传递网页信息2、美化网页,页面漂亮,才能吸引用户3、凸显页面的主题4、提高用户的体验span标签:重点要突出的字,使用span套起来2、字体样式3、文本样式1、颜色:color,rgb,rgba2、文本对齐方式:text-align: center;3、首行缩进:text-indext: 2em;4、**行高:**line-height: 100px; 单行文字上下居中!line-height = height5、下划线:text-decoration: ;6、文本图片水平对齐:verti原创 2022-06-27 07:29:34 · 277 阅读 · 0 评论 -
JavaScript数据类型
数据类型可以是:数值,文本,图形,音频,视频1、小数和整数JavaScript 不区分小数和整数,Number2、浮点数尽量避免使用浮点数进行运算,存在精度问题!null 和 undefined‘abc’ 、“abc”true,false6、比较运算符这是一个JS的缺陷,坚持不要使用 == 比较须知:Java的数组必须是相同类型的对象,JS中不需要这样取数字下标:如果越界了,就会 报undefined8、对象对象是大括号,数组是中括号...原创 2022-06-27 07:28:28 · 697 阅读 · 0 评论 -
表单简介及应用
按钮、多选框、文本框、单选框、列表框文本域、文件域、搜索框滑块、简单验证原创 2022-06-27 07:27:33 · 1017 阅读 · 0 评论 -
页面结构分析和iframe内联框架
页面结构分析和iframe内联框架原创 2022-06-27 07:25:38 · 102 阅读 · 0 评论 -
块级、行内、媒体元素
每个块级元素通常都会独占一行或者是多行,可以对其单独设置高度,宽度以及对齐等属性。块级元素的特点:行内元素(内联元素):不占有独立的区域,仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度,高度以及对齐等属性。行内元素的特点:注意:行内块级元素行内块级元素的特点:块转行内:display-inline;行内转块:display:block;块,行内元素转换为行内块:display:inline-block......原创 2022-06-27 07:24:01 · 371 阅读 · 0 评论 -
网页基本标签
网页基本标签、图像标签、列表和表格标签、超链接标签原创 2022-06-25 15:58:04 · 230 阅读 · 0 评论 -
JavaScript的引入和基本语法
内部引入和外部引入原创 2022-06-25 15:52:32 · 88 阅读 · 0 评论 -
HTML简介
优点:a.多设备,跨平台b.即时更新c.提高可用性和改善用户体验d.替代flash和silverlighte.涉及到网站的抓取和索引的时候,对于SEO很友好。缺点:a.安全:存在安全问题,像之前firefox4的web socket和透明代理的实现存在严重的安全危险,同时web socket,web storage这样的功能很容易被黑客利用,来盗取用户的信息和资料。b.完善性:许多特性,各浏览器支持程度不一样c.性能:某些平台上的引擎问题导致HTML5性能低下d.浏览器兼容性低:最大缺点原创 2022-06-25 15:43:27 · 90 阅读 · 0 评论 -
01——JavaScript函数
JavaScript函数原创 2022-06-25 15:48:10 · 75 阅读 · 0 评论