![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
林元.~
大家一起加油
展开
-
浏览器的本地存储:localStorage,sessionStorage
区别localStorage只要不清除浏览器本地缓存,那么数据会一直存在。sessionStorage:关闭浏览器后数据自动清除APIgetItem:得到数据setItem:存储数据removeItem:删除某条数据clear:清空缓存原创 2021-12-01 14:37:53 · 307 阅读 · 0 评论 -
JavaScriptwindow对象之定时器
JavaScript在浏览器中是单线程执行的。定时器就是允许JavaScript在间隔一定时间后执行相应代码。一次性的定时器:setTimeout( () = > {alert('你好!')},延迟的毫秒数)接受两个参数,一个参数就是要延时执行的代码,第二个参数就是要延迟的毫秒数。代表的是延迟多长事件执行什么代码。JavaScript是单线程执行,所以为了方便调度,当我们给某一段代码添加了定时器,代表的是在多少时间后将这段代码添加到执行队列中,若前一个任务没有执行完那么则会等待原创 2021-08-05 10:11:51 · 284 阅读 · 0 评论 -
JavaScript中节点获取,节点的属性,如何操作节点
任何 HTML 或 XML 文档都可以用 DOM 表示为一个由节点构成的层级结构。 一般来说在HTML中文档的节点分为三种:1、元素节点 通过querySelector获取的节点就是元素节点2、属性节点 通过getAttribute获取到的节点就是属性节点3、文本节点 我们通过innerText获取到的就是文本节点 节点属性:nodeType节点类型nodeN...原创 2021-08-04 21:29:33 · 3094 阅读 · 0 评论 -
JavaScript的时间对象的相关方法
时间对象的相关方法日期时间Date作用=>处理日期时间创建日期时间对象=>构造函数=> var date0bj = new Date( )=> new Date()没有参数->当前时间=> new Date( ‘2020-12-1 14:20:10’ )=> new Date( ‘2020-12-1’)=> new Date(2020,12,1) 日期时间格式化 Thu Jul 29原创 2021-07-31 16:24:24 · 120 阅读 · 0 评论 -
在前端静态页面开发中常遇见的一些问题及解决办法
1、如何使用HTML和CSS解决单行文本溢出显示省略号: ①为文字所在的盒子设置宽度 width:**px; ②让多行文字不换行显示 white-space:nowrap; ③设置溢出隐藏 overflow:hidden; ④文本多余部分显示省略号text-overflow:ellipsis;2、如何触发文档中的BFC(关于BFC是什么请看以前的投稿) ①浮动能够触发B...原创 2021-07-19 22:35:16 · 794 阅读 · 0 评论 -
使用CSS3实现一个正方体相册
CSS3中提出了过渡,3D模型和动画的概念今天我们使用CSS3来制作一个六棱柱的相册下面是效果预览:https://www.bilibili.com/video/BV1Rb4y1k73C?share_source=copy_web关于代码:首先,我们先写出六个面,然后普分别给这六个面放相册需要的图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-07-19 20:33:03 · 215 阅读 · 0 评论 -
一个六边形的循环相册
今天使用HTML和CSS制作了一个六边形循环的相框具体效果可查看视频:https://www.bilibili.com/video/BV1DB4y1N7Lk/具体代码如下:HTML代码:使用时注意css的引入路径。其中的相关图片我放在文章的最后。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-U原创 2021-07-13 19:55:29 · 81 阅读 · 0 评论 -
关于CSS中的定位问题
关于定位:将一个元素放在指定的位置。position:定位方式;坐标:left:*px | right:*px;top:*px | bottom:*px;1、静态定位:position:static; (元素的默认定位,也叫静态定位)2、固定定位:position:fixed;(元素的固定定位,是以浏览器窗口为参照 (常见小广告,回到顶部等;))设置了固定定位后该元素会脱离文档流将某一个广告定位到屏幕正中央,只需要设置left:50%;和top:50%;.原创 2021-07-12 20:43:38 · 293 阅读 · 0 评论 -
关于常用到的css3选择器和属性
关于各个浏览器内核以及CSS3兼容浏览器: 内核 前缀谷歌 旧webkit 新blink -webkit-火狐 gecko -moz-IE ...原创 2021-07-12 20:38:13 · 53 阅读 · 0 评论 -
关于表单(form)
表单相关:form表单:设置提交数据的地址和方式按钮:按钮的三个属性:submit提交按钮、reset重置按钮、button普通按钮<button type='submit | reset | button'>按钮上显示的文字</button><input type=' submit | reset / button ' value='按钮上显示的文字'>input的其他type属性值语法:<input type='tex原创 2021-07-05 17:10:31 · 330 阅读 · 0 评论 -
关于BFC的理解
BFC的名字:BFC名字叫做块级格式化上下文。 是W3C CSS 2.1 规范中引入的一个概念。 在普通流中我们设置的盒子会参与一种格式化上下文,而块级盒参与块级格式化上下文,这也就是我们所说的BFC。对于BFC的李姐(#doge): BFC决定了元素与其他元素的关系和相互作用。简单理解BFC就是一块独立出来的特殊区域,在这个独立的区域中它规定这个区域里的内容与区域外部的所有内容毫不相干,互不影响。...原创 2021-07-05 17:04:56 · 147 阅读 · 0 评论 -
关于清除浮动的方法
清除浮动的方式:(清除浮动是清除浮动所带来的影响) ①、给浮动元素的父元素设置overflow:hidden; ②、给浮动元素的最后面设置一个空个兄弟盒子,给该盒子设置一个clear类,并给他设置一个样式:clear:both; 默认规定格式 ③、给浮动元素的父元素添加一个类clearfix,然后设置如下样式: ...原创 2021-07-01 19:40:55 · 55 阅读 · 0 评论 -
css中关于单行文本溢出部分用省略号显示
关于单行文本溢出使用省略号显示主要分为四个步骤:1、设置宽度:width:**px;2、强制该文本不换行:white-space:nowrap;3、溢出隐藏:overflow:hidden;4、文本溢出显示为省略号:text-overflow:ellipsis;...原创 2021-06-30 20:02:17 · 1873 阅读 · 0 评论