前端HTML CSS JavaScript jquery
Java前端讲义,跟着脚印一步一步来
辉猪子
❤ 菜鸡阿辉,初学java
❤ 在座的都是大佬,就我是萌新
❤ 还请多多关照
展开
-
前端css——盒模型(总结)
盒模型概念和组成盒子模型是CSS的基石,指定标签如何显示以及元素间相互关系;页面上的每个元素都被当成一个矩形盒子,占据一定的页面空间,这个盒子由内容(content)、内边距(补白,填充,padding)、边框(border)和外边界(margin)组成;1) padding内填充padding区域在border与content之间;背景色和背景图像会覆盖padding和content组成的区域;2)padding的使用方法padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的原创 2020-08-28 23:51:37 · 830 阅读 · 0 评论 -
jquery的选择器大全
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作基础语法是:$(selector).action()美元符号 $ 定义 jQuery选择符(selector)“查询”和“查找” HTML 元素jQuery 的 action() 执行对元素的操作1.$(“#demo”): 选择 id为demo的第一个元素$("#demo").action() //有多个只选择第一个2.$(“.item”) : 选择所有class为item的元素$(".item").ac原创 2020-08-24 22:34:29 · 315 阅读 · 0 评论 -
jquery设置css样式、style属性 示例(超强解析)
jQuery一、CSS1、css(name)2、css(properties)3、css(name,value)二、位置1、offset()2、position()3、scrollTop()4、scrollTop(val)5、scrollLeft()6、scrollLeft(val)三、尺寸1、height()2、height(val)3、width()4、width(val)5、innerHeight()6、innerWidth()7、outerHeight(options)8、outerHeight(o原创 2020-08-24 11:45:34 · 1427 阅读 · 0 评论 -
jquery中的$符号、#符号的详谈
就这些么$定义jQuery#表示标签的idjQuery 语法jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作基础语法是:$(selector).action()美元符号 $ 定义 jQuery选择符(selector)“查询”和“查找” HTML 元素jQuery 的 action() 执行对元素的操作示例$(this).hide() - 隐藏当前元素$(“p”).hide() - 隐藏所有段落$(".test").hide() - 隐藏所有 class=“原创 2020-08-23 23:41:24 · 2371 阅读 · 0 评论 -
初步简单了解一下jquery
简介*概念框架分类**JQuery对象和JS对象区别与转换*概念jQuery是一个快速、简洁的JavaScript框架,简化JS开发是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互框架JavaScript框架:本原创 2020-08-23 23:32:03 · 258 阅读 · 0 评论 -
前端JavaScript——浏览器对象之location对象
完整的URL地址:https://editor.csdn.net/md?articleId=108160875http :–>使用的协议,protocoleditor.csdn.net -->域名,hostnamemd–>pathname?articleId=108160875–>url的参数search<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2020-08-21 23:15:42 · 983 阅读 · 0 评论 -
前端JavaScript——内置函数之Date日期对象
注意:在js中没有日期的格式化方法(如果要格式化日期,那么需要自己写一个方法)调用下面的格式化日期函数来格式化当前日期还可以创建自己指定的日期<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>日期对象</title> <script> //获取当前日期 var nowd原创 2020-08-20 22:37:01 · 730 阅读 · 0 评论 -
史上最完整的正则表达式,有这篇就够了
对于正则表达式,我们或许会经常使用,但是又很难记住这篇博客,我将介绍下简单的正则表达式语法,然后总结前端开发中常用的正则表达式大全前端常用正则表达式语法在JavaScript中,可以使用RegExp()内置函数创建正则表达式对象。正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符 如: var expression = / pattern / flags; 其中模式(pattern)部分可以使任何简单或者复杂的正则表达式如字符类,限制符,分组等,每个正则表达式可以带有一个或者多个标志(fla翻译 2020-08-19 23:59:09 · 581 阅读 · 0 评论 -
前端JavaScript——内置对象之字符串对象
1、创建字符串的两种方式:var str1="aa";//str1是一个字符串类型 var str2=new String("aa");//str2是一个object类型2、“”比较值 区别于“=”比较值和数据类型3、查看数据类型 typeof4、.length获取字符串长度5、截取字符串(两种方式)subString比较常用//截取字符串两个方法 substr() , subString/** substr(p1,p2)* p1:开始位置* p2:截取长度*原创 2020-08-19 23:39:42 · 345 阅读 · 0 评论 -
前端JavaScript——json对象(重点掌握)
1.json的定义:JSON全称是JavaScript Object Notation,是一种轻量级的数据交换格式json对象:1、下面这种格式一般用于数据的传输2、格式:以{}括起来3、json对象属性的定义:—— 属性名:属性值; 属性和属性之间用“,”逗号隔开4、json对象的调用:直接【对象名称.属性名】就可以调用到属性值2.JSON的语法规则:1)数据以名称/值对的形式保存,如:{“key”: “value”}。JSON的值value 可以使数字、字符串、null、tru原创 2020-08-19 23:14:10 · 1554 阅读 · 0 评论 -
函数JavaScript——函数
函数的声明定义有两种方式:1、function fun1(){}2、var fun2 =function(){}3、{}中的内容:函数体(函数被调用时所执行的代码块)4、()中的是函数的参数,在js中,函数的参数不需要指定数据类型,他可以接受任何的数据类型,参数的定义也不需要var关键字5、js中没有函数重载一说,函数的调用只与函数名称有关; 在调用的时候,也可以不用传递参数6、返回值:js的返回值不需要定义; 如果需要有返回值,那么直接使用return语句返回即可7、js的函数都是需要有原创 2020-08-19 22:25:43 · 233 阅读 · 0 评论 -
前端JavaScript——js声明定义数组及常用操作
数组的声明:1、在js中,数组的声明不需要指定其长度2、在js中,数组可以存放不同类型的数据(一般要求数据中采访同类型的数据)js定义数组:空数组一般常用这种形式,数组元素的定义使用[] var arr=[]; var arr1=[9,5,2,7];还有一种声明形式; var arr=new array();对象数组 var arr2=[{Name:"小牧童",Age:12},{Name:"小蜗牛",Age:9}];访问数组:数组元素的访问(同样使用下标进行访问)比原创 2020-08-18 22:05:54 · 11577 阅读 · 0 评论 -
前端JavaScript——变量的作用域问题
变量的作用域:1、在方法之外声明的变量,是为全局变量,在整个页面都可以使用(类似于Java中成员变量)2、在方法内部声明的变量,为局部变量,作用域在方法内,(声明之后才可以使用)3、在代码块中声明的变量,为局部变量,但是出了代码块,还可以使用——与Java中有区别...原创 2020-08-18 19:19:05 · 450 阅读 · 0 评论 -
前端css——css三大布局模型
在网页中,标签有三种布局模型:1、流动模型(Flow)2、浮动模型(Float)3、层模型(Layer)1、绝对定位(position:absolute)2、相对定位(position:relative)3、固定定位(position:fixed)1、流动模型(Flow)流动(Flow)是默认的网页布局模式,也就是说网页在默认状态下的html网页元素都是根据流动模型来分布内容的流动布局模型具有2个比较典型的特征(就是html的三种元素的布局特征):第一点,块状元素都会在所处的包含元素内自上而下按顺序原创 2020-08-18 16:51:19 · 629 阅读 · 6 评论 -
前端JavaScript——运算符(全集)
变量的作用域:1、在方法外声明的变量,就是全局变量,在整个页面中都可以使用2、在原创 2020-08-18 11:59:03 · 2008 阅读 · 0 评论 -
前端css——css选择器(完整用心总结)
选择器常用的选择器元素选择器id选择器类选择器选择器分组(并集选择器)通配选择器复合选择器(交集选择器)后代元素选择器伪类选择器伪元素选择器属性选择器:兄弟元素选择器否定伪类选择器否定伪类:常用的选择器元素选择器作用:通过元素选择器,可以选择页面中所有指定元素语法:.标签名{}如: .p{ }id选择器使用方法:通过元素的id属性值选中唯一的一个元素语法:#id的属性值{ }类选择器先介绍一个属性class。我们可以为元素设置class属性,class属性和id属性类似,只不过cla原创 2020-08-17 22:49:49 · 643 阅读 · 1 评论 -
前端JavaScript——五种数据类型和变量的声明
js语言五种数据类型:js的变量声明五种数据类型:1、undefined (没有对变量进行初始化)2、blooean类型(true/false)(0/1)3、number类型,所有的数字都是number类型4、String类型,在js中单引号和双引号都是String类型(没有字符类型)5、object类型,除了上面4中都是object类型注意:可以用typeof运算符来返回数据的数据类型js的变量声明1、可以将js代码嵌入到html文件中,并在<script></scr原创 2020-08-17 20:20:56 · 2060 阅读 · 0 评论 -
前端HTML——三大元素之块元素 内联块元素 和内联元素
块元素div就是一个块元素,所谓的块元素就是会独占一行的元素,无论它的内容有多少都会独占一行p h1 h2…都是块元素div这个标签没有任何语义,就是一个纯粹的块元素并且不会为它里面的元素设置任何的默认样式块元素主要用来对页面进行布局内联元素span就是一个内联元素(行内元素)所谓的行内元素,指的是只占自身大小的元素,不会占用一行常见的内联元素:a img iframe spanspan没有任何的语义,专门用来选中文字,然后为文字设置样式内联元素主要用来用来选中文字,然原创 2020-08-16 20:35:53 · 733 阅读 · 0 评论 -
前端css——css的语法
css的语法:选择器 声明块选择器:通过选择器可以选中页面中指定的元素并且将声明块中的样式应用到选择器对应的元素上声明块:声明块紧跟在选择器的后面,使用一堆{}括起来声明块中实际上是一对一对的名值对这一组一组的名值对我们称为声明多个声明之间用“;”分号隔开声明的样式名和样式值之间使用“:”冒号来连接style中不能出现html的内容!!css的注释,作用和html注释类似,只不过它必须编写在style标签中,或者是css文件中css注释用/* 内容 */ html原创 2020-08-16 16:46:55 · 295 阅读 · 0 评论 -
前端css——引入css三大样式之 外部css文件样式、内部样式与内联样式
style标签内联样式内部样式内联样式可以将css样式编写到元素的style属性中将内联样式直接编写到style属性中,这种样式我们称为内联样式内联样式只对当前的元素中的内容起作用,内联样式不可复用内联样式属于结果与表现耦合,不方便后期的维护,不推荐使用《元素也就是标签》<!-- 可以将css样式编写到元素的style属性中 将内联样式直接编写到style属性中,这种样式我们称为内联样式 内联样式只对原创 2020-08-16 15:50:43 · 1325 阅读 · 1 评论 -
前端HTML------课堂笔记 (一)
原创 2020-08-13 20:49:49 · 264 阅读 · 0 评论 -
前端HTML——(一看就会了的)超链接
a标签属性hreftargetcenter标签使用超链接可以让我们从一个页面跳转到另一个页面href使用a标签来来创建一个超链接属性:href:指向链接跳转的目的地址,可以写一个相对路径 也可以写一个完整路径br换行,想换几行就打几个targeta标签中的target属性可以用来指定打开连接的位置可选值:_self: 表示在当前窗口中打开(默认值)_blank: 在新的窗口中打开连接可以设置一个内联框架属性值,链接会在指定的内联框架中打开center标签center标签中的原创 2020-08-16 01:34:09 · 1064 阅读 · 0 评论 -
前端HTML——有意思的内联框架
在现实开发中不推荐使用内联框架,因为内联框架中的内容不会被搜索引擎所检索(公司内部到用的挺多的)使用内联框架可以引入一个外部页面使用iframe来创建一个内联框架属性:src: 指向一个外部页面的路经,可以使用相对路径width:设定宽height:设定高name: 可以为内联框架指定一个name属性...原创 2020-08-16 00:34:50 · 342 阅读 · 0 评论 -
前端HTML——meta标签应用和图片样式的拓展
meta标签1.可以设置字符集-->meta charset="UTF-8"/>2.还可以用来设置网页的关键字–>meta name=“keywords” content=“HTMl5.JavaScript,前端”/>3. 还可以用来指定网页的描述搜索引擎在检索页面时,会同时检索页面中的关键字和描述,但这两个值影响页面在搜索引擎中的排名–>meta name=“description” content=“刚刚发布了HTML5信息”/>原创 2020-08-15 17:44:48 · 1804 阅读 · 0 评论