![](https://img-blog.csdnimg.cn/88c017d5b092466ba66c12aa98940662.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端前端前端前端前端
咸鱼桨
这一年,我想起了我的账号。。
展开
-
咸鱼前端—js 定时器
咸鱼前端—js 定时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> #box{ position:absolute; } #bo...原创 2020-04-09 16:28:27 · 174 阅读 · 0 评论 -
咸鱼前端—js location对象
咸鱼前端—js location对象Location 对象URLLocation 对象属性Location 对象方法Location 对象location对象是window对象下的一个属性,时候的时候可以省略window对象location可以获取或者设置浏览器地址栏的URLURL统一资源定位符 (Uniform Resource Locator, URL)URL的组成scheme:...原创 2020-04-08 21:40:42 · 468 阅读 · 0 评论 -
咸鱼前端—js 事件捕获/冒泡
咸鱼前端—js 事件捕获/冒泡事件冒泡阻止事件冒泡事件阶段事件冒泡事件冒泡:多个元素嵌套,有层次关系,这些元素注册了相同的事件。里面的元素的事件出发后,外面的元素的该事件也自动触发。例如:<!DOCTYPE html><html><head> <title>冒泡车测试</title> <style typ...原创 2020-03-22 18:48:38 · 255 阅读 · 0 评论 -
咸鱼前端—js 事件
咸鱼前端—js 事件事件事件三要素事件的基本使用绑定事件监听函数元素绑定/解绑事件兼容代码事件事件:触发-响应机制Event接口表示在DOM中发生的任何事件,一些是用户生成的(例如鼠标或键盘事件),而其他由API生成。事件三要素事件源:触发(被)事件的元素事件类型:事件的触发方式(例如鼠标点击或键盘点击)事件处理程序:事件触发后要执行的代码(函数形式)事件的基本使用var...原创 2020-03-22 18:26:03 · 247 阅读 · 0 评论 -
咸鱼前端—js 全选功能
咸鱼前端—js 全选功能效果:(全选,全部取消,下方4个按钮全选则上面自动勾选)代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { paddi...原创 2020-03-13 17:11:04 · 292 阅读 · 0 评论 -
咸鱼前端—js 节点兼容代码
咸鱼前端—js 节点兼容代码获取父级元素中的第一个子元素获取父级元素中的最后一个子元素获取某个元素的前一个兄弟元素获取某个元素的后一个兄弟元素获取某个元素的所有兄弟元素获取父级元素中的第一个子元素/** * @param element 父级元素 * @returns {*} 父级元素中的子级元素 */function getFirstElement(element) { if...原创 2020-03-12 21:09:45 · 153 阅读 · 1 评论 -
咸鱼前端—js tab切换案例
咸鱼前端—js tab切换案例tab切换案例:点击标签显示对应内容效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { ...原创 2020-03-12 14:52:28 · 257 阅读 · 0 评论 -
咸鱼前端—js 相册
咸鱼前端—js 相册<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>轨迹相册</title> <style type="text/css"> body { f...原创 2020-03-10 22:09:50 · 411 阅读 · 0 评论 -
咸鱼前端—js 排他
咸鱼前端—js 排他排他通俗一点解释,就是监听成立后,所有相关的样式全部清除,在把选中的那个填上样式。比如导航栏效果:当鼠标经过某个栏目时。所有栏目样式全部重置。然后在你鼠标经过的那个标签中加入样式。代码如下HMTL代码<div class="tag" > <ul> <li><a href="">首页</a>...原创 2020-03-09 15:13:31 · 257 阅读 · 0 评论 -
咸鱼前端—js 获取元素
咸鱼前端—js 获取元素根据id获取元素根据标签名获取元素根据name获取元素根据类名获取元素根据选择器获取元素我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,才进行后续操作根据id获取元素var div = document.getElementById('main'); //ID的名字console.log(div);// 获取到的数据类型 HT...原创 2020-03-09 13:57:06 · 486 阅读 · 1 评论 -
咸鱼前端—js String对象
咸鱼前端—js String对象语法字符串的不可变性(值不能变)转义字符字符串的常用属性:String全局对象是一个用于字符串或一个字符数组的构造函数。说明字符串可以看成是字符组成的数组,但是js中没有字符类型在js中字符串可以使用单引号也可以使用双引号因为字符串可以看成是数组,所以,可以通过for循环进行遍历语法字符串字面量采取以下形式:'string text' "str...原创 2020-03-05 14:44:21 · 158 阅读 · 0 评论 -
咸鱼前端—js 创建对象
咸鱼前端—js 创建对象对象直接量通过new创建对象Object.create()自定义构造函数创建对象可以通过对象直接量,关键字new和(ECMA5中的)Object.create()函数来创建对象对象直接量对象直接量是由若干名/值对组成的映射表,名/值对中间用冒号分割,名/值对之间用逗号分割。整个映射表用花括号括起来var a = {} //没有任何属性的...原创 2020-03-03 19:08:48 · 454 阅读 · 0 评论 -
咸鱼前端—js 作用域及作用域链
咸鱼前端—js 作用域及作用域链JS 作用域全局变量隐式全局变量局部变量JS 作用域链JS 作用域在 JS 中, 对象和函数同样也是变量。在 JS 中, 作用域为可访问变量,对象,函数的集合。JS 函数作用域: 作用域在函数内修改。全局作用域:全局变量的使用范围局部作用域:局部变量的使用范围全局变量全局变量有 全局作用域: 网页中所有脚本和函数均可使用。声明的变量是使用va...原创 2020-03-01 12:37:57 · 283 阅读 · 0 评论 -
咸鱼前端—js 函数
咸鱼前端—js 函数函数的定义函数的调用作为函数作为方法作为构造函数通过它们的call()和apply()方法间接调用函数的形参和实参返回值函数:把一些重复的代码封装起来,以供需要时调用函数的定义函数定义:使用function关键字来定义,它可以用在函数定义表达式或者函数声明语句里,在两种形式中,函数定义都是从function关键字开始,气候跟随这些组成部分:函数名称标识一对圆括号...原创 2020-02-27 13:43:57 · 191 阅读 · 0 评论 -
咸鱼前端—js 数组案例
咸鱼前端—js 数组案例数组的常见案例案例1:求元素的和案例2:求元素的平均值案例3:求元素中的最大值案例4:求元素的最小值案例5:倒序遍历数组案例6:数组拼接显示拼接后的字符串案例7:去掉数组中重复的数据,把其他的数据放在一个新的数组中案例8:反转数组---把数组中的数据的位置调换案例9: 冒泡排序数组的常见案例案例1:求元素的和 var arr = [1, 2, 3, 4, 5, ...原创 2020-02-26 15:49:39 · 283 阅读 · 0 评论 -
咸鱼前端— js变量调换
js变量调换原创 2020-02-24 13:50:22 · 186 阅读 · 0 评论 -
咸鱼前端—HTML路径
咸鱼前端—HTML标签整理2路径路径原创 2019-07-11 10:40:04 · 849 阅读 · 0 评论 -
咸鱼前端—js变量
咸鱼前端—js 变量什么是变量如何使用变量变量的命名规则和规范变量是用于存储信息的"容器"。什么是变量什么是变量变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据为什么要使用变量使用变量可以方便的获取或者修改内存中的数据如何使用变量var声明变量 var age;变量的赋值 var age; age = 18;同时声明多个...原创 2019-08-17 13:58:01 · 188 阅读 · 0 评论 -
咸鱼前端—js 数据类型
咸鱼前端—js 数据类型数据类型简单数据类型Number、String、Boolean、Undefined、Null数据类型说明Number 类型数值的固定值的表示法String类型字符串字面量BooleanUndefinedNullNumber类型数值字面量:数值的固定值的表示法110 1024 60.5进制十...原创 2019-08-17 16:30:40 · 181 阅读 · 0 评论 -
咸鱼前端—js 对象
咸鱼前端—js 对象原创 2019-08-26 11:08:17 · 179 阅读 · 0 评论 -
咸鱼前端—js 对象的使用
咸鱼前端—js 对象的使用原创 2019-08-26 11:39:20 · 279 阅读 · 0 评论 -
咸鱼前端—js BOM
咸鱼前端—js BOM原创 2019-09-03 14:59:00 · 158 阅读 · 0 评论 -
咸鱼前端—js DOM
咸鱼前端—js DOMDOM的概念获取元素事件属性操作非表单元素的属性表单元素属性自定义属性操作样式操作类名操作创建元素的三种方式DOM的概念文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。DOM又称为文档树模型文...原创 2019-09-03 20:25:42 · 177 阅读 · 3 评论 -
咸鱼前端—js简介
咸鱼前端—js简介JavaScript应用场景JavaScript和HTML、CSS的区别JavaScript的组成JavaScript的书写位置JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript应用场景JavaScript 发展到现在几乎无所不能。网页特效服务端开...原创 2019-08-17 13:27:08 · 479 阅读 · 0 评论 -
咸鱼前端—全屏滚动插件
咸鱼前端—全屏滚动插件使用原创 2019-08-12 16:28:17 · 564 阅读 · 0 评论 -
咸鱼前端—轮播切割
咸鱼前端—轮播切割原创 2019-08-12 10:19:22 · 173 阅读 · 0 评论 -
咸鱼前端—CSS定位
咸鱼前端—CSS常用属性5定位(position)叠放次序(z-index)元素的显示与隐藏定位(position)这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。元素的定位属性主要包括定位模式和边偏移两部分。1、边偏移属性描述top顶端偏移量...原创 2019-07-16 11:39:40 · 292 阅读 · 0 评论 -
咸鱼前端—CSS字体&外观
咸鱼前端—CSS常用属性1字体样式属性font-size:字号大小font-family:字体font-weight:字体粗细font-style:字体风格CSS外观属性color:文本颜色line-height:行间距text-align:水平对齐方式text-decoration 文本的装饰字体样式属性font-size:字号大小font-size属性用于设置字号,该属性的值可以使用相对...原创 2019-07-16 11:21:44 · 647 阅读 · 0 评论 -
咸鱼前端—CSS浮动
咸鱼前端—CSS常用属性4浮动(float)浮动特性布局流程浮动(float)元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。在CSS中,通过float属性来定义浮动,其基本语法格式如下:选择器{float:属性值;}属性值描述left元素向左浮动right元素向右浮动none元素不浮动(默认值)浮动...原创 2019-07-16 11:27:56 · 1850 阅读 · 0 评论 -
咸鱼前端—CSS盒子模型
咸鱼前端—CSS常用属性3盒子模型背景颜色(color)盒子模型其实,CSS就三个大模块: 盒子模型 、 浮动 、 定位,其余的都是细节。要求这三部分,无论如何也要学的非常精通。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。背景颜色(color)...原创 2019-07-16 11:33:18 · 1861 阅读 · 0 评论 -
咸鱼前端—CSS背景
咸鱼前端—CSS常用属性2背景背景颜色(color)背景图片(image)背景平铺(repeat)背景位置(position)背景附着背景简写背景透明(CSS3)背景CSS 可以添加背景颜色和背景图片,以及来进行图片设置。背景颜色(color)background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如...原创 2019-07-16 11:25:59 · 312 阅读 · 0 评论 -
咸鱼前端—CSS选择器
咸鱼前端—CSS选择器选择器标签选择器(元素选择器)类选择器多类名选择器id选择器通配符选择器选择器要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一任务的样式规则部分被称为选择器(选择符)。如上图所以,要把里面的小黄人分为2组,怎么分?(单眼一组,双眼一组。 搞定)选择器就是选择标签用的标签选择器(元素选择器)标签选择器是指用HTML标签名称作为...原创 2019-07-16 11:17:54 · 255 阅读 · 0 评论 -
咸鱼前端—CSS初识
咸鱼前端—CSScss是啥引入样式原创 2019-07-15 10:52:44 · 232 阅读 · 0 评论 -
咸鱼前端—html常用标签
咸鱼前端—html常用标签HTML常用标签HTML常用标签HTML标签有很多,这里我整理常用的标签,后面有些较少用的,可以查下手册就可以了。排版标签排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。标题标签单词缩写: head 头部. 标题 title 文档标题为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题...原创 2019-07-04 11:21:41 · 1624 阅读 · 0 评论 -
咸鱼前端—html初识
正当咸鱼王 前端入门教程整理中。原创 2019-07-03 16:30:09 · 410 阅读 · 0 评论 -
咸鱼前端—CSS高级技巧
咸鱼前端—CSS常用属性原创 2019-07-16 12:01:41 · 239 阅读 · 0 评论 -
咸鱼前端—CSS常用属性
咸鱼前端—CSS常用属性常用属性原创 2019-07-16 13:12:58 · 258 阅读 · 0 评论 -
咸鱼前端—input控件
咸鱼前端-input控件原创 2019-07-12 09:55:35 · 753 阅读 · 0 评论 -
咸鱼前端—js 数组
咸鱼前端—js 数组数组的概念数组的定义获取数组元素数组中新增元素数组的概念所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表,可以在数组中存放任意的数据,并且数组的长度可以动态的调整。通过数组字面量创建数组// 创建一个空数组var arr1 = []; // 创建一个包含3个数值的数组,多个数组项...原创 2019-08-20 15:08:41 · 155 阅读 · 0 评论 -
咸鱼前端—全屏滚动案例
咸鱼前端—全屏滚动案例 仿360全屏滚动案例原创 2019-08-14 16:09:55 · 455 阅读 · 0 评论