
结构性学前端
文章平均质量分 87
Java_Eastlin
JAVA-Eastlin:请留下你的赞,证明你来过
展开
-
快速编写前端代码
前端代码速写简称式速写(在VS编辑器中)不同编辑器的速写常用代码也不一样例子1fz60font-size:60px;2!与!!!!<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><...原创 2022-03-20 11:30:00 · 546 阅读 · 0 评论 -
9表单校验(JS、H5)
#表单校验(JS、H5)为什么需要进行表单验证?列出String对象和表单验证有关的成员$(":input")能匹配页面中的哪些元素?如何表示一个正则表达式的开头和结尾?课件1表单选择器2验证表单内容3使用String对象验证邮箱4字符串验证5验证休闲网登录页面6文本框内容的验证7休闲网注册页面的验证8校验提示特效9表单验证事件和方法..原创 2022-03-19 11:30:00 · 1107 阅读 · 0 评论 -
8使用jQuery操作 DOM
#使用jQuery操作DOMDOM操作分为哪些类型?jQuery中如何添加和移除类样式?append()和appendTo()有什么区别?如何获取元素的所有同辈节点?简述remove( )方法与empty( )方法的异同简述parent( )方法与parents( )方法的异同课件1DOM操作分类DOM操作分为三类:DOM Core:任何一种支持DOM的编程语言都可以使用它,如getElementById()HTML-DOM:用于处理HTML文档,如docu.原创 2022-03-18 11:30:00 · 370 阅读 · 0 评论 -
7jQuery中的事件$即jQuery
#jQuery中的事件课件jQuery事件是对JavaScript事件的封装,常用事件分类1基础事件鼠标事件键盘事件window事件表单事件2复合事件鼠标光标悬停鼠标连续点击hover( )方法toggle( )方法3绑定事件与移除事件绑定事件移除事件4jQuery动画效果jQuery提供了很多动画效果控制元素显示与隐藏改变元素的透明度原创 2022-03-17 11:30:00 · 1199 阅读 · 1 评论 -
6JS库-前端框架(库)-jQuery选择器
#jQuery选择器请列举出在CSS中学习过的选择器的类型jQuery选择器的优势有哪些?jQuery选择器包括哪几大类?通过位置选取元素的jQuery选择器有哪些?课件1jQuery选择器2jQuery选择器分类jQuery选择器功能强大,种类也很多,分类如下通过CSS选择器选取元素基本选择器层次选择器属性选择器通过过滤选择器选择元素基本过滤选择器原创 2022-03-16 11:30:00 · 1132 阅读 · 0 评论 -
5JS库-前端框架(库)-初识jQuery
前端框架(库)#初识jQueryjQuery由美国人John Resig于2006年创建jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装它的设计思想是write less,do more课件1jQuery能做什么访问和操作DOM元素控制页面样式对页面事件进行处理扩展新的jQuery插件与Ajax技术完美结合jQuery能做的JavaScript也都能做,但使用jQuery能大幅提高开发原创 2022-03-15 11:30:00 · 1469 阅读 · 0 评论 -
4JavaScript对象及初识面向对象
#JavaScript对象及初识面向对象课件1对象是什么2创建对象自定义对象内置对象3构造函数和原型对象如何解决使用同一个接口不需要创建很多对象,减少产生大量的重复代码?构造函数使用构造函数创建新实例调用构函数的4个步骤创建一个新对象将构造函数的作用域赋给新对象(this就指向了这个新对象)执行构造函数中的代码返回新对象constructor属性instanceof操作符原创 2022-03-14 11:30:00 · 243 阅读 · 0 评论 -
3JavaScript操作DOM对象
#JavaScript操作DOM对象课件1操作DOM2节点和节点关系3访问节点使用getElement系列方法访问指定节点getElementById()、getElementsByName()、getElementsByTagName()根据层次关系访问节点节点信息4操作节点操作节点的属性创建和插入节点删除和替换节点5操作节点样式StyleclassName获原创 2022-03-13 11:30:00 · 650 阅读 · 0 评论 -
2JS-操作BOM对象
#JavaScript操作BOM对象BOM:浏览器对象模型(Browser Object Model)window对象常用的方法有哪些?并举例说明其用法访问页面中带有ID的元素使用什么方法?定时函数有几种,其作用分别是什么?如何在页面上实现前进、后退?课件1BOM模型BOM可实现功能弹出新的浏览器窗口移动、关闭浏览器窗口以及调整窗口的大小页面的前进、后退2Window对象常用属性常用方法confirm()方法原创 2022-03-12 13:30:00 · 314 阅读 · 0 评论 -
1-JS基础核心语法、应用
#JavaScript基础课件1基本结构、原理内嵌导入2核心语法变量数据类型运算符(运算关键字)typeof检测变量的返回值typeof运算符返回值如下undefined:变量被声明后,但未被赋值string:用单引号或双引号来声明的字符串boolean:true或falsenumber:整数或浮点数object:javascript中的对象、数组和nullString对象数组原创 2022-03-11 11:30:00 · 279 阅读 · 0 评论 -
0JS-JavaScript基本认识,与Java联系,版本ES5与ES6
JS`0作用1内部2外部Java与JavaScriptJS写库ES5与ES6例如:var(ES5),let(ES6增加)块级代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible...原创 2022-03-10 11:30:00 · 286 阅读 · 0 评论 -
8H5样式控制CSS-定位网页元素
#利用CSS3制作网页动画使用CSS3中2D变形分别可以操作元素的哪些效果?要使用CSS3过渡,有哪些触发方式?使用CSS3动画属性实现动画的步骤是什么?CSS3过渡和CSS3动画制作的动画有什么区别?上课记录transform-origin:left;改变旋转中心课件1CSS3变形2-12CSS3变形2-23-2D位移4一个方向上的偏移5-2D缩放6-2D倾斜7-2D旋转小结rotat.原创 2022-03-09 11:30:00 · 261 阅读 · 0 评论 -
7H5样式控制CSS-定位网页元素
#定位网页元素在CSS中position属性值absolute表示什么定位?在CSS中使用什么方式可以设置网页元素的透明度?在网页中z-index对没有设置定位的网页元素有效吗?描述3种定位分别在网页中的使用场景上课记录opacity透明度课件0定位1position属性2static:默认值,没有定位3relative:相对定位相对定位元素的规律:设置相对定位的盒子会相对它原来的位置,通过指定偏移,到达新的位置设置原创 2022-03-08 11:30:00 · 357 阅读 · 0 评论 -
正则表达式
来自菜鸟教程 - 学的不仅是技术,更是梦想!菜鸟教程(www.runoob.com)提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python,Java,Ruby,C,PHP , MySQL等各种编程语言的基础知识。 同时本站中也提供了大量的在线实例,通过实例,您可以更好的学习编程。..https://www.runoob.com/基础知识正则表达式修饰符修饰符可以在全局搜索中不区分大小写: 修饰符 描述 i .原创 2022-03-07 11:30:00 · 942 阅读 · 1 评论 -
6H5样式控制CSS-浮动
#浮动-------------------------------------------------简述块元素和行内元素的概念及特性了解浮动在网页中的应用,left和right的区别?使用clear属性清除浮动时,属性值left、right和both有什么区别?解决父级边框塌陷的4种方法分别是什么,各自的使用场景是什么?上课记录课件1布局2标准文档流3display转变4浮动float5清除浮动..原创 2022-03-06 11:30:00 · 431 阅读 · 0 评论 -
5-H5样式控制CSS-盒子模型
#盒子模型上课·记录·疑问错误在高宽指内容即网页元素的。左。。。Input none;去点击后出现的输入框input{outline:none;}重置csslh32Pl.Block?课件1边框说明表2圆角边框3盒子阴影总结代码1边框样式w宽度b边框w、b:宽 线 颜色...原创 2022-03-05 10:25:46 · 1021 阅读 · 0 评论 -
4H5样式控制CSS1-美化网页元素
#CSS美化网页元素在某一段文本中突出显示某几个字,以粗体、红色、大字号显示,通常使用(<span> )标签在CSS中,设置文本行高使用(line-height)属性在CSS中设置背景颜色为透明的值为(transparent)设置文本字体加粗的属性是什么?去掉列表项前标记符号的CSS属性是什么?描述使用font属性设置字体类型、风格、大小、粗细的样式顺序1<span>标签1属性表1font-family2font-size原创 2022-03-04 11:30:00 · 1598 阅读 · 1 评论 -
3-H5样式控制CSS1
#初识CSS1.CSS的优势内容与表现分离网页的表现统一,容易修改丰富的样式,使得页面布局更加灵活减少网页的代码量,增加网页的浏览速度,节省网络带宽运用独立于页面的CSS,有利于网页被搜索引擎收录2基本语法1样式2区别链接式与导入式的区别<link/>标签属于XHTML,@import是属于CSS2.1使用<link/>链接的CSS文件先加载到网页当中,再进行编译显示使用@import导入的C原创 2022-03-03 11:30:00 · 597 阅读 · 0 评论 -
1前端学习-h5
1.<!DOCTYPEhtml>告诉浏览器使用什么规范1.定义:DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器;2.作用: 声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。document.compatMode:BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。ps:..原创 2022-03-01 11:30:00 · 537 阅读 · 0 评论 -
2前端学习-h5body下
1表单<form></form>总结1<input/>1设初始值type-text、value<P>姓氏:<inputname="lname"value="张"type="text"/></P><P>2单选type-r...原创 2022-03-02 10:22:50 · 790 阅读 · 0 评论