m0_46374969的博客

私信 关注
乘风破浪的程序媛
码龄1年

一个还在努力奋斗的小女孩 人生没有白走路,每一步都算数。

  • 36,813
    被访问量
  • 161
    原创文章
  • 37,367
    作者排名
  • 670
    粉丝数量
  • 于 2020-02-21 加入CSDN
获得成就
  • 获得376次点赞
  • 内容获得403次评论
  • 获得301次收藏
荣誉勋章
兴趣领域
  • #前端
    #ECMAScript 6#HTTPS#Flutter#React.js#TypeScript#小程序#Vue.js#XHTML#CSS#Node.js#WebPack#前端框架#JavaScript#面试
TA的专栏
  • 【JavaScript】
    65篇
  • 【Web practice】
    27篇
  • 【Life】
    3篇
  • 【MySQL】
    1篇
  • 【Interviewing】
    11篇
  • 【jQuery】
    1篇
  • 【PS】
    3篇
  • 【Computer Network】
    7篇
  • 【CSS】
    17篇
  • 【CET6】
    9篇
  • 【HTML】
    13篇
  • 【HTTP】
    2篇
  • 【C#】
    1篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

JavaScript学习(五十八)—作用域链

JavaScript学习(五十八)—作用域链一、作用域链在每个作用域中都有一个对象,这个对象被称为变量对象。变量对象的作用就是用来管理该作用域下面定义的变量和函数的,也就是在该作用域下面定义的变量和函数都可以被看做是变量对象的属性和方法。全局作用域下面的变量对象就是window对象。二、那么到底什么是作用域链?即在函数内部有一个属性[Scope]属性,该属性指向一个集合,这个集合保存的就是当前函数作用域下面变量对象的地址和它上级作用域变量对象的地址,我们把这个集合就称为作用域
原创
10阅读
1评论
1点赞
发布博客于 6 小时前

JavaScript学习(五十七)— arguments对象

JavaScript学习(五十七)— arguments对象arguments对象该对象是函数内部的一个属性,这个属性本身也是一个对象这个对象是用来管理函数被调用时传过来的实参的arguments在管理实参时也是用下标的形式来管理,实参,即通过arguments[下标]的形式来操作实参arguments对象 包含length属性和callee属性length属性:获取实参的个数callee属性:该属性指向arguments对象所在的函数练习1:练习2:
原创
6阅读
0评论
0点赞
发布博客于 7 小时前

HTML+CSS+JS实现十款好看的登录注册界面模板,赶紧收藏起来吧!

推荐十款好看的登录注册界面,赶紧收藏起来吧!界面一:简约版界面二界面三界面四界面五界面六界面七界面八界面九界面十
原创
14阅读
0评论
1点赞
发布博客于 8 小时前

JavaScript学习(五十六)—寄生式继承(临时构造器的使用)

JavaScript学习(五十六)—寄生式继承(临时构造器的使用)原型链的弊端:能够继承上级构造方法中的内容,也能够继承上级构造方法中的私有属性,但是对于私有属性无法进行初始化解决方法:使用寄生式继承(临时构造器)...
原创
12阅读
0评论
3点赞
发布博客于 13 小时前

JavaScript学习(五十五)—组合继承

JavaScript学习(五十五)—组合继承组合继承:就是借用构造方法继承和原型链继承的组合形式
原创
16阅读
1评论
2点赞
发布博客于 14 小时前

JavaScript学习(五十四)—原型链继承的概念以及原理和图解

JavaScript学习(五十四)—原型链继承的概念以及原理一、原型链所谓原型链就是指通过原型链继承,在原型之间建立起来的链式结构被称为原型链。当查找对象的某个属性时,会先从该对象的私有属性中查找,如果有则返回对应的值,如果有则沿着对象的_proto_到原型中查找,如果原型中也没有,则沿着原型链继续向上查找。当找到Object原型时,如果也依然没有要查找的属性, 则返回undefined,且停止查找,之所以会查找到Object的原型,是因为所有的构造方法在底层都会自动和Object建立继承关系,
原创
47阅读
0评论
2点赞
发布博客于 昨天

JavaScript学习(五十三)—借用构造方法继承

JavaScript学习(五十三)—借用构造方法继承一、借用构造方法的继承格式:function 构造方法1(形参1,形参2,形参3...){ 构造方法1.call(this,形参1,形参2,形参3...) this.属性名1=形参1; this.属性名2=形参2; .....}function 构造方法2(形参1,形参2,形参3...){ 构造方法2.call(this,形参1,形参2,形参3...) thi
原创
20阅读
1评论
1点赞
发布博客于 昨天

JavaScript学习(五十二)—继承、call方法和apply方法

JavaScript学习(五十二)—继承、call方法和apply方法学习内容一、继承二、call方法三、apply方法一、继承所谓继承就是两个构造方法建立起来的某种联系,通过某种联系,可以让下级构造方法创建出来的实例享用上级构造方法原型中的内容,或上级构造方法中对私有属性的绑定和初始化功能。JavaScript中没有专门用于继承的方法,如果要实现继承,可以采用如下的方法:借用构造方法继承、原型继承、组合继承二、call方法作用:扩展函数的作用域格式:函数.call(借用者
原创
27阅读
1评论
1点赞
发布博客于 昨天

谈恋爱就是创业?程序员必看的恋爱秘籍,赶紧get起来吧

谈恋爱就是创业?程序员必看的恋爱秘籍,赶紧get起来吧我注意到你的时候,你没注意到我我爱上你的时候,你注意到我我准备离开的时候,你爱上了我好险,你喜欢我的时候我还喜欢着你 高中、大学、毕业、工作,基本这四个阶段里。埋葬了大多数人的青春,要么没钱,要么爸妈不支持,要么隔得太远日渐疏远。不管出于怎样的理由,终究是把那个曾经想到就会掉眼泪的人变成了回忆。爱的轰轰烈烈,最后没挺得过来。有人说,哪有错的时间,都是 因为人没对,只要人对了,错的时间也能熬成正确的时间。不去批判这段话,但可以肯定的是,
原创
2488阅读
32评论
55点赞
发布博客于 2 天前

JavaScript学习(五十一)—实训题

JavaScript学习(五十一)—实训题实训1 定义一个长方形的构造函数(有参数,通过参数给属性赋值) 属性:长、宽 方法:面积、周长 通过这个构造方法创建3个对象,计算面积和周长实训2 定义创建等边三角形的构造函数 属性:边长、高度 方法:求面积和周长实训3 为字符串对象的原型添加方法reverse方法,功能是颠倒字符串的顺序实训4为字符串的原型添加方法sort,功能是对字串中的字符进行排序实训5...
原创
480阅读
2评论
9点赞
发布博客于 3 天前

JavaScript学习(五十)—hasOwnProperty属性和in关键字

JavaScript学习(五十)—hasOwnProperty属性和in关键字一、hasOwnproperty方法作用:判断属性是否为对象的私有属性格式:对象名称.hasOwnProperty返回值:true(是私有属性)、false(不是私有的,也可能表示没有这个属性)二、in关键字作用:判断对象是否包含某个属性,如果包含返回true,否则返回false格式:‘属性名称’ in 对象名称注意:只有对象可以访问到这个属性返回的结果就是true,即不论这个属性是私有
原创
21阅读
0评论
1点赞
发布博客于 3 天前

JavaScript学习(四十九)—构造方法、原型、对象图解

JavaScript学习(四十九)—构造方法、原型、对象图解
原创
20阅读
1评论
1点赞
发布博客于 3 天前

JavaScript学习(四十八)—原型对象的增删改查

在这里插入图片描述
原创
29阅读
0评论
0点赞
发布博客于 4 天前

JavaScript学习(四十七)—构造方法创建对象的不足

JavaScript学习(四十七)—构造方法创建对象的不足构造方法创建对象的不足如果将所有的属性和方法都封装到构造方法中,那么在创建对象时,每个对象身上都会有独立的一份构造方法中的属性和方法。如果属性的值或方法的功能是相同的,这样做很明显会造成内存资源的浪费,如果要解决这个问题,可以将相同的内容放在内存的公用空间——原型。...
原创
52阅读
4评论
3点赞
发布博客于 4 天前

JavaScript学习(四十六)—练习题

JavaScript学习(四十六)—练习题练习1练习2练习3练习4练习5
原创
46阅读
3评论
2点赞
发布博客于 5 天前

JavaScript学习(四十五)—练习题

JavaScript学习(四十五)—练习题习题1习题2:习题3
原创
17阅读
0评论
1点赞
发布博客于 5 天前

JavaScript学习(四十四)—in关键字的使用和for in循环遍历对象的属性

JavaScript学习(四十四)—in关键字的使用和for in循环遍历对象的属性一、in关键字的使用作用:判断某个属性是否属于对象格式:属性名称 in 对象名称 ;返回值:如果返回的结果为true,则表示该对象有这个属性,否则没有注意:in不仅可以用来判断对象的私有属性,还可以判断共有属性二、for in循环遍历对象的属性for(var 变量名称 in 对象名称 ){//变量名称表示对象的属性名 循环体;}...
原创
19阅读
0评论
1点赞
发布博客于 5 天前

JavaScript学习(四十三)—构造方法创建对象的图解和注意事项

JavaScript学习(四十三)—构造方法创建对象的图解和注意事项一、构造放法创建对象之所以用构造放法创建对象就是为了解决工厂模式不能识别对象类型的问题。构造放法也可以被称为构造器,他的本质也是一个函数,他能够创建具有同种属性且类型相同的对象。二、构造方法的定义 function 构造方法名称(形参1,形参2,形参3...){ this.属性名称1=形参1; this.属性名称2=形参2; this.属性名称3=形参3; ... this.属性
原创
15阅读
0评论
1点赞
发布博客于 5 天前

JavaScript学习(四十二)—利用工厂模式创建对象以及工厂模式创建对象的不足

JavaScript学习(四十二)—利用工厂模式创建对象以及工厂模式创建对象的不足一、利用工厂模式创建对象工厂模式是JavaScript中的一种设计模式,它的作用是批量创建具有同种属性的对象。格式如下: function 函数名称(形参1,形参2,形参3...){ var obj={}; obj.属性名称1=形参1 ; obj.属性名称2= 形参2; obj.属性名称3=形参3 ; .....
原创
47阅读
1评论
3点赞
发布博客于 6 天前

MySQL学习(一)—初识MySQL

MySQL学习(一)—MySQL的启动和停止害,不知不觉一个半月过去了,时间过得太快了,学校的MySQL已经上到第七周的课程来了,我才想起来要写总结,新学的知识三天不看就忘得差不多了,果然还是要多复习啊,加油,只要我不认怂,生活就没法撂倒我!...
原创
1128阅读
5评论
6点赞
发布博客于 5 天前

JavaScript学习(四十一)—字面量形式创建对象的注意事项和不足

JavaScript学习(四十一)—字面量形式创建对象的注意事项和不足一、字面量形式创建对象的注意事项如果对象没有名称则该对象称之为匿名对象、对象名保存对象在堆内存中的地址,通过该地址可以找到堆内存中的这个对象在大括号里面封装的是对象所具有的属性和方法,内容以键值对的形式保存。键值得是属性名称,值值得是属性值,键和值成对出现,键和值之间用冒号连接,键值对和键值对间用逗号分隔,值得注意的是最后一组键值对后面不加逗号。值可以是任意类型:可以是基本数据类型,也可以是引用数据类型。
原创
356阅读
14评论
5点赞
发布博客于 6 天前

JavaScript学习(四十)—字面量创建对象图解

JavaScript学习(三十九)—字面量创建对象图解通过上面的图解我们可以知道:数据在内存中存的地址永远都不相等的
原创
20阅读
0评论
2点赞
发布博客于 7 天前

JavaScript学习(三十九)—对象中内容的操作

JavaScript学习(三十九)—对象中内容的操作对象中内容的操作:增、删、改、查(一)、增:给对象添加属性或者方法(二)、查:获取属性的值或者调用方法1)方式1:对象名称.对象属性2)方式2:对象名称[‘属性名称’]3)区别:点语法后面不可以加变量,而中括号后面可以加变量4)注意:如果有该属性则返回其对应的值,如果没有则返回undefined <script> var car = { brand: '宝马',
原创
58阅读
3评论
3点赞
发布博客于 7 天前

JavaScript学习(三十八)—面向过程与面向对象

JavaScript学习(三十八)—面向过程与面向对象一、程序设计语言中的两大编程思想:面向对象、面向过程(一)、面向过程就是指完成某个需求的时候,先分析出完成该需求时所需要经历的步骤有哪些,然后按照步骤依次执行,最终实现我们想要的效果。这种编程思想就是面向过程,典型的面向过程的编程语言有C语言。(二)、面向对象就是在完成某个需求的时候,先分析完成该需求所需要涉及的对象有哪些,然后找出这些对象所具有的属性和方法,利用这些属性和方法帮助我们完成需求。这种编程思想就是面向对象。典型的面向对象的语
原创
200阅读
5评论
1点赞
发布博客于 7 天前

JavaScript学习(三十七)—实现右键自定义菜单的功能

JavaScript学习(三十七)—实现自定义菜单代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s
原创
36阅读
0评论
1点赞
发布博客于 7 天前

JavaScript学习(三十六)—移动的小球

JavaScript学习(三十六)—移动的小球代码
原创
142阅读
6评论
2点赞
发布博客于 7 天前

JavaScript学习(三十五)—拖动元素

JavaScript学习(三十五)—拖动元素代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal
原创
51阅读
1评论
2点赞
发布博客于 8 天前

JavaScript学习(三十四)—事件委托

JavaScript学习(三十四)—事件委托(一)、什么是事件委托?所谓的事件委托就是指将事件添加到祖先元素身上,依据事件冒泡的原理,然后利用事件对象的属性来操作后代元素。他解决了容器中后添加的内容也可以有事件的问题。(二)、事件冒泡(三)、事件委托...
原创
27阅读
1评论
1点赞
发布博客于 8 天前

JavaScript学习(三十二)— Keycode常用键位码对照表

JavaScript学习(三十二)— Keycode常用键位码对照表(一)、字母和数字键的键码值(keyCode)(二)、控制键键码值(keyCode)(三)、多媒体键码值(keyCode)
原创
38阅读
1评论
1点赞
发布博客于 10 天前

JavaScript学习(三十三)—事件对象常用的属性和方法

JavaScript学习(三十二)—事件对象常用的属性和方法(一)、type属性 <style> #box { width: 200px; height: 300px; background-color: red; } </style></head><body> <div id="box"> <
原创
57阅读
3评论
2点赞
发布博客于 10 天前

前端加密的常见场景和方法

前端加密的常见场景和方法首先,加密的目的,简而言之就是将明文转换为密文、甚至转换为其他的东西, 用来隐藏明文内容本身,防止其他人直接获取到敏感明文信息、或者提高其他 人获取到明文信息的难度。通常我们提到加密会想到密码加密、HTTPS等关键 词,这里从场景和方法分别提一些我的个人见解。场景-密码传输前端密码传输过程中如果不加密,在日志中就可以拿到用户的明文密码,对用 户安全不太负责。这种加密其实相对比较简单,可以使用PlanA-前端加密、后 端解密后计算密码字符串的 MD5/MD6 存入数据库;也
原创
68阅读
2评论
3点赞
发布博客于 11 天前

JavaScript学习(三十一)—在输入框中如何判断输入的是一个正确的网址

JavaScript学习(三十一)—在输入框中如何判断输入的是一个正确的网址function isUrl(url) { const a = document.createElement("a"); a.href = url; return ([/^(http|https):$/.test(a.protocol), a.host, a.pathname !== url, a.pathname !== `/${url}`].find(x
原创
68阅读
6评论
5点赞
发布博客于 11 天前

jQuery实现影院选座订座效果

jQuery实现影院选座订座效果效果如下:代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width; initial-scale=1.0"> <title>jQuery影院选座订座效果代码</title> <meta n
原创
125阅读
5评论
2点赞
发布博客于 11 天前

JavaScript学习(三十)—事件对象

JavaScript学习(三十)—事件对象大家好,我是小王,一个很喜欢Coding的小女孩。 很喜欢这句话:人数没有白走的路,每一步都算数,关注我,后期分享更多资源!事件对象:该对象记录了和事件相关的信息,也可以利用事件对象的属性或方法对事件的默认行为或事件流等问题进行处理。谷歌浏览器:事件对象是以实参的形式传递给事件函数,(IE8以及以前的版本的浏览器无法采用这种方式获取事件对象)。IE浏览器:利用window对象的event属性来获取事件对象。3、兼容方式如下:<body>
原创
28阅读
0评论
1点赞
发布博客于 11 天前

HTML+CSS+JS实现网页随机点名

HTML+CSS+JS实现网页随机点名大家好,我是小王,一个很喜欢Coding的小女孩。很喜欢这句话:人数没有白走的路,每一步都算数,关注我,后期分享更多资源!效果如下:部分代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>随机点名 </title> <style> * {
原创
29阅读
0评论
0点赞
发布博客于 11 天前

JavaScript学习(二十九)—JS常用的事件

JavaScript学习(二十九)—常用的事件一、页面相关事件onload事件:当页面中所有的标签都加载完成后厨房该事件,格式:window.onload<body> <script> window.onload = function() { var div = document.getElementById('box'); console.log(div); console.l
原创
43阅读
1评论
1点赞
发布博客于 12 天前

JavaScript学习(二十八)—事件冒泡和事件捕获

JavaScript学习(二十八)—事件冒泡和事件捕获一、什么是事件流?简单说,事件流就是指事件的执行顺序,他包含两种模式:事件冒泡、事件捕获。(一)、事件冒泡最常用的一种模式,就是指事件的执行顺序是从当前元素逐步扩展到祖先元素,直到扩展到根节点,即从小到大,从内到外。HTML事件处理程序和DOM0级处理程序都是事件冒泡。(二)、事件捕获就是指事件的执行顺序是从祖先元素到当前元素的扩展,即从根节点逐步扩展到当前节点,即从大到小,从外到内。<!DOCTYPE html>
原创
44阅读
1评论
1点赞
发布博客于 12 天前

JavaScript学习(二十七)—解决IE以及IE8之前的浏览器下面的添加事件或者删除事件

JavaScript学习(二十七)—解决IE以及IE8之前的浏览器下面的添加事件或者删除事件addEventListener和removeEventListener在IE8以及IE浏览器下面不支持,如果要在IE以及IE8之前的浏览器下面添加事件或者删除事件,可以使用以下方法:1)添加事件:attachEvent方法格式:元素节点.attachEvent(‘事件处理程序名称’,事件处理函数名称或匿名函数);如果事件打算被删除,这里的事件处理函数必须是函数名称注意:谷歌浏览器或者高版本的I
原创
24阅读
1评论
1点赞
发布博客于 12 天前

JavaScript学习(二十六)—事件处理程序的添加与删除

JavaScript学习(二十六)—事件处理程序的添加与删除一、什么是事件?所谓事件就是指用户或页面自身的某些行为,如点击鼠标,敲击键盘都是属于事件。二、事件处理程序当事件被触发时会引起某些程序的执行,这个程序就是事件处理程序。事件处理程序包含:事件处理名称和事件处理函数。事件处理程序名称: 事件处理程序名称由on+事件名称构成,如onclick。注意:所有的时间处理程序名称都是小写的。如:onreadystatechage事件处理函数:即当事件被触发时要执行的函数,
原创
48阅读
2评论
1点赞
发布博客于 12 天前

JavaScript学习(二十五)—实现无缝滚动

JavaScript学习(二十五)—实现无缝滚动大家好,我是小王,一个很喜欢Coding的小女孩。很喜欢这句话:人数没有白走的路,每一步都算数,关注我,后期分享更多资源!效果如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g
原创
100阅读
2评论
1点赞
发布博客于 13 天前

canvas实现抽奖插件—大转盘和九宫格

大家好,我是小王,一个很喜欢Coding但很笨的小女孩。 很喜欢这句话:人数没有白走的路,每一步都算数,关注我,后期分享更多资源!效果如下:部分代码如下(需要的源码小伙伴可以私信我):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale.
原创
173阅读
4评论
1点赞
发布博客于 13 天前

JavaScript实现中国地图圆点标注(二十四)

JavaScript实现中国地图圆点标注(二十四)大家好,我是小王,一个很喜欢Coding但很笨的小女孩。很喜欢这句话:人数没有白走的路,每一步都算数,关注我,后期分享更多资源!效果如下:部分代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
原创
161阅读
1评论
0点赞
发布博客于 13 天前

JavaScript学习(二十三)—scrollTop练习

JavaScript学习(二十三)—scrollTop练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
原创
85阅读
0评论
1点赞
发布博客于 14 天前

JavaScript学习(二十二)—动态创建表格

JavaScript学习(二十二)—动态创建表格效果如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init
原创
58阅读
1评论
0点赞
发布博客于 14 天前

JavaScript学习(二十一)—scrollTop属性和scrollLeft属性

<style> div { width: 300px; height: 300px; background-color: red; overflow: scroll; }</style><body> <div> 好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好学习好好
原创
28阅读
0评论
0点赞
发布博客于 14 天前

JavaScript学习(二十)—DOM中常用的属性

JavaScript学习(二十)—DOM中常用的属性1、clientWidth属性作用:获取元素或页面的可视的区域的宽度格式:节点.clientWidth2、clientHeight属性作用:获取元素或页面的可视的区域的高度格式:节点.clientHeight注意:clientWidth和clientHeight都受padding影响,不受border影响,受滚动条影响,不受margin影响<!DOCTYPE html><html lang="
原创
20阅读
0评论
0点赞
发布博客于 14 天前

JavaScript返回上一页并刷新的多种实现方法(十八)

JavaScript返回上一页并刷新的多种实现方法(十八)Javascript刷新页面的几种方法:history.go(0)location.reload()location=locationlocation.assign(location)document.execCommand(‘Refresh’)window.navigate(location)location.replace(location)document.URL=location.href
原创
102阅读
1评论
1点赞
发布博客于 15 天前

JavaScript学习(十九)—createElement方法、appendChild方法、insertBefore方法、insertAfter()方法

一、write方法1、作用:将信息输出到页面中2、格式:document.write(要输出的信息);3、注意:能够解析标签,但是不支持转义字符二、createElement方法1、作用:创建元素节点2、格式:document.createElement(“标签名称”);3、返回值:创建好的元素节点<body> <script> //创建一个节点 var div = document.createElement('div');
原创
24阅读
0评论
0点赞
发布博客于 14 天前

JS实现购物车全选、不选、反选的功能(十七)

JS实现购物车全选、不选、反选的功能(十七)这里没有使用购物车啦,不过原理都是一样的啦效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi
原创
1468阅读
7评论
7点赞
发布博客于 15 天前

JavaScript学习(十六)—实现购物车加减数量,计算总金额

JavaScript学习(十六)—实现购物车加减数量,计算总金额代码如下:<table border="2" cellspacing="0" solid width="500px" height="200px"> <tr> <td>产品名称</td> <td>产品单价</td> <td>产品数量</td> <td>总价<
原创
162阅读
3评论
1点赞
发布博客于 15 天前

JavaScript学习(十五)—内部样式与外部样式的修改与设置

JavaScript学习(十五)—内部样式与外部样式的修改与设置(一)、行内样式获取方式:元素节点.style.CSS属性名称;注意:如果CSS属性中包含"-",那么需要采用驼峰命名法,如div.style.fontSize设置样式:元素节点.style.CSS属性名称=属性值注意:如果元素身上已经有了CSS属性,那么表示修改,如果没有表示添加cssText属性作用:获取行内样式(指将style属性后面的所有的行内样式一字符串的形式返回),也可以用它来设置行内样式。获取
原创
1149阅读
4评论
3点赞
发布博客于 15 天前

JavaScript学习(十四)—元素节点关系和特殊节点

JavaScript学习(十四)—元素节点关系和特殊节点一、元素节点(1)、parentElement:获取某元素的父元素,它和parentNode的区别是parentElement获取到的值时父节点且是元素节点,如document.body.parentNode.parentNode 的结果为#document,而document.body.parentElement.parentElement的结果为null,就是因为获得的内容不是元素节点而是文档节点。 <ul>
原创
193阅读
0评论
2点赞
发布博客于 16 天前

JavaScript学习(十三)—节点关系

JavaScript学习(十三)—元素节点关系1、childNodes属性作用:该属性的作用是获取元素节点下面的所有的子节点,包含空白节点<body> <ul> <li>我是第1个li</li> <li>我是第2个li</li> <li>我是第3个li</li> <li>我是第4个li</li>
原创
135阅读
0评论
1点赞
发布博客于 16 天前

JavaScript学习(十二)—removeAttribute方法、hasAttribute方法、createAttribute方法以及setAttributeNode方法

(一)、removeAttribute方法作用:删除元素身上的特定属性格式:元素节点.removeAttribute(‘属性名称’);<div id="box" title="hello "></div><body> <script> //删除div 身上的title属性 var div = document.querySelector('#box'); div.removeAttr
原创
199阅读
5评论
7点赞
发布博客于 17 天前

JavaScript学习(十一)—selected属性、checked属性、class属性的操作

JavaScript学习(十一)—selected属性、checked属性、class属性的操作对于checked属性、selected属性,如果要表示选中状态,则将他们的值设置为true,如果要表示不选中状态,则将他们的值设置为false<body> <input type="checkbox">游泳 <input type="checkbox">爬山 <input type="checkbox">唱歌 <inp
原创
54阅读
0评论
1点赞
发布博客于 17 天前

JavaScript学习(十)—练习:实现日历

JavaScript学习(十)—练习:实现日历效果如下:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial
原创
91阅读
2评论
2点赞
发布博客于 17 天前

JavaScript学习(九)—练习:实现跳转页面

JavaScript学习(九)—练习:实现跳转页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
原创
32阅读
0评论
1点赞
发布博客于 17 天前

JavaScript学习(八)—属性节点和属性值的操作

JavaScript学习(八)—属性节点和属性值的操作方式一:利用元素节点的attributes属性来获取该元素身上所有的属性格式1:元素节点.attributes返回值:返回值为所有属性的节点形成的集合,可以使用下标来获取其中的某个属性的节点<body> <div id="box" class="sty" title="hello"></div> <script> var div = document
原创
114阅读
3评论
1点赞
发布博客于 17 天前

JavaScript学习(七)—元素节点的获取方式

元素节点的获取方式1、利用标签名获取var 变量名称= document.getElementsByTagName("标签名称");返回值:为由获取到的HTML标签形成的节点的集合<body> <div>我是第1个div</div> <div>我是第2个div</div> <div>我是第3个div</div> <div>我是第4个div</div>
原创
1399阅读
5评论
3点赞
发布博客于 18 天前

JavaScript学习(六)

location对象常用的属性一、location对象作用:location是window对象的一个属性,本身也是对象类型,它的作用是用来获取文档对象的相关信息,如文档的URL地址信息。二、location对象常用的属性:1)href属性作用:获取或设置窗口中的url地址信息获取格式:window.location.href更改的格式:window.location.href=新的地址信息;注意:在使用href属性修改url地址薪资时会产生浏览记录事例:点击按钮,跳转到百度页面<b
原创
379阅读
11评论
8点赞
发布博客于 19 天前

用JS实现一个随机点名系统(五)

用JS实现一个随机点名系统每次上课前10分钟,老师都会叫我们回答问题,奈何每次都是点学号,好像每次我都能中奖,我直接跟老师提议,老师,我用来JS来帮你写个随机点名的系统吧!这样就不会每次都抽到我了,哈哈哈哈哈先看效果:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
原创
217阅读
10评论
3点赞
发布博客于 20 天前

用PS为网迅安卓公司设计基于安卓平台的手机应用图标

用PS为网迅安卓公司设计基于安卓平台的手机应用图标要求如下:1)画布尺寸为1000×700px,分辨率为72 dpi,色彩模式为RGB模式。2)要求每个图标尺寸不超过300×300px,每个图标既统一又有变化,能够反应出不同图标所代表的不同功能。3)首页整体色调要清新淡雅。4)整个造型要体现专业、美观、规整、简洁的特点或观感。5)制作过程中尽量不要合并图层。6)文件保存格式为:软件源文件格式和JPG格式两种格式,两种格式文件名统一为“应用图标”。...
原创
42阅读
0评论
1点赞
发布博客于 21 天前

做了多年开发的你发现自己的水平一直上不去,一篇文章教你如何提高开发水平的方法

做了多年开发的你发现自己的水平一直上不去,一篇文章教你如何提高开发水平的方法如果你英文水平不高,这并不影响你成为一个普通程序员,程序更多是靠逻辑思维。如果做了多年开发的你发现自己的水平一直上不去,你可能要提高自己的英文水平了,英语就是你技术的瓶颈,对有些人可能是硬伤。一、概要英语对提升软件开发水平非常重要。总所周知,高水平的开发者英文都不差,官方API,专业英文资料、书籍没问题,代码质量也明显也高许多(比如说命名)。英语是世界上使用最广泛的语言之一,是欧盟、许多国际组织与英联邦国家的官方语言之
原创
105阅读
4评论
3点赞
发布博客于 21 天前

JavaScript学习 第四课(四)

JavaScript学习 第四课(四)学习内容一、JavaScript的构成二、浏览器对象模型(Browser Object Model)一、JavaScript的构成JS的构成:ECMAScript、BOM、DOMECMAScript:定义的JS的基本语法,如数组、函数、字符串。ES5、ES6、ES7BOM:浏览器对象模型,规定了浏览器以及浏览器里面内容的API,有兼容问题。、DOM:规定了操作页面内容的API,由w3c组织提出的。DOM和BOM的区别和联
原创
144阅读
3评论
2点赞
发布博客于 21 天前

JavaScript学习 第三课(三)

JavaScript学习 第三课(三)学习内容一、日期和时间对象二、日期和对象常用的方法三、修改日期和对象常用的方法四、将日期和时间转化为字符串一、日期和时间对象日期和时间对象:该对象的作用是用来操作日期和时间的。方式一: 方式一:var 日期和时间对象= new Data();//该方式返回的是系统当前的日期和时间;<script> var date = new Date(); console.log(date); c
原创
68阅读
3评论
2点赞
发布博客于 22 天前

零基础带你学习计算机网络复习—(五)

计算机网络复习—(五)学习内容一、数据链路层的概述二、封装成帧三、差错检测四、可靠传输的基本概念五、可靠传输的实现机制-停止等待协议六、可靠传输的实现机制-回退N帧协议七、可靠传输的实现机制-选择重传协议八、点对点协议PPP一、数据链路层的概述数据链路层在网络体系结构中所处的地位链路:就是从一个节点到相邻结点的一段物理线路,而中间没有任何其他的交换结点。数据链路:是指把实现通信协议的硬件和软件加到链路上,就构成了数据链路。数据链路层以帧为单位进行传输和处理数据。
原创
19阅读
0评论
0点赞
发布博客于 15 天前

JavaScript学习 第二课(二)

一、Math对象:该对象的作用是用来处理数学运算符的,该对象不需要手动创建,因为它是window对象的一个属性,当页面加载完毕后,后台就是自动创建Math对象,可以采用window.Math阿里使用。或者省略window对象,直接使用Math。二、Math的常用属性—PI1、作用:获取圆周率2、格式:Math.PI三、Math的常用方法1)、round 方法:作用:对数据进行四舍五入格式: Math.round(数据);返回值:返回数据的整数部分,即该方法在对数据进行四舍五入时是对小数
原创
2317阅读
11评论
5点赞
发布博客于 23 天前

零基础带你学习计算机网络—(四)

零基础带你学习计算机网络(四)学习内容一、物理层的基本概念二、传输媒体三、传输方式四、编码与调制五、信道的极限容量六、真题演练思维导图(一)、物理层的基本概念物理层考虑的是怎样才能在连接各种计算机的传输媒体上传输数据比特流。物理层为数据链路层屏蔽了各种传输媒体的差异,使得数据链路层只需要考虑如何完成本层协议和服务,而不必考虑网络具体的传输媒体是什么。(二)、传输媒体传输媒体分为:导引型传输媒体和非导引型传输媒体同轴电缆双绞线光纤光在光纤中传输的基本原
原创
88阅读
11评论
2点赞
发布博客于 24 天前

计算机网络—时延相关真题练习(三)

计算机网络—时延相关真题练习(三)知识回顾:第一题:第二题:第三题:第四题:第五题:第六题:
原创
113阅读
3评论
2点赞
发布博客于 24 天前

计算机网络—体系结构相关真题练习(二)

计算机网络—体系结构相关真题练习(二)1、解答:2、3、4、5、6、7、8、9、10、11、
原创
47阅读
4评论
2点赞
发布博客于 24 天前

计算机网络体系结构(一)

计算机网络体系结构(一)学习内容:一、常见的计算机网络体系结构二、计算机网络体系结构分层的必要性三、计算机网络体系结构分层思想举例四、计算机网络体系结构中的专用术语一、常见的计算机网络体系结构OSI体系结构(法律上的国际标准):TCP/IP体系结构(事实上的国际标准):原理体系结构(适用于教学):通过以上两张图我们可以发现TCP/IP 体系结构相当于OSI体系结构的物理层和数据链路层合并成为了网络接口层,并且去掉了会话层和表示层。另外,由于TCP/IP 在网络层使用的协议是IP
原创
41阅读
1评论
2点赞
发布博客于 25 天前

史上最全的前端十大经典算法,赶紧收藏起来吧

史上最全的前端十大经典算法,赶紧收藏起来吧人生没有白走的路,每一步都算数,大家好,我是小王,今天,给大家分享的内容是:前端十大算法,原创不易,希望大家多多支持!一、面试官为什么喜欢问算法,当面试官在面试数据结构和算法的时候,他真正面试你的是什么?化繁为简,直达问题本质的能力。很多面试题都披着或业务或时髦技术的外衣,而且一开始可能还没有给你充足的信息,那能不能通过独立思考,和面试官沟通获得必要的约束和前提,然后透过现象看本质,就是一个很重要的考察点。而算法本身,就是计算机领域内无数先哲牛人多年
原创
77阅读
3评论
6点赞
发布博客于 25 天前

手把手带你写米课官网

手把手带你写米课官网人生没有白走的路,每一步都算数,大家好,我是小王,今天,手把手教你写一个米课官网原创不易,希望大家多多支持! 需要源代码的评论区留言,或者加下面的QQ群。大家记得关注我哦!我会不定期的跟大家分享文章。点我进群     一起学习交流!(群里有许多的资料,需要的直接下载就可以了)QQ群:722384575 一、主要内容项目准备导航登录主体响应式二、学习目标三、项目准备下载图片下载iconfont初始化css文件..
原创
65阅读
1评论
1点赞
发布博客于 26 天前

JavaScript学习 第一课(一)

JavaScript学习 第一节 第一课学习内容一、什么是JavaScript二、如何引用JavaScript三、JavaScript使用时注意的事项四、JavaScript中的保留字与关键字五、JavaScript输出的方式六、JavaScript信息输出的注意事项七、JavaScript注释八、JavaScript中的常量九、JavaScript中的变量十、JavaScript中的标识符一、什么是JavaScript1995年,JavaScript 问世。当时,它的主要用途是代
原创
141阅读
1评论
2点赞
发布博客于 1 月前

手把手带你一起写迅雷官网

手把手带你一起写迅雷官网人生没有白走的路,每一步都算数,大家好,我是小王,今天,手把手教你写一个迅雷官网,原创不易,希望大家多多支持! 需要源代码的评论区留言,或者加下面的QQ群。大家记得关注我哦!我会不定期的跟大家分享文章。点我进群     一起学习交流!(群里有许多的学习资料,需要的直接下载就可以了)QQ群:722384575 一、主要内容点我进群...
原创
2191阅读
9评论
10点赞
发布博客于 1 月前

前端—每天5道面试题(8)

前端—每天5道面试题(8)每天背5道前端面试题,你会越来越优秀1、console.log 是同步还是异步? 如何实现 一个 console.log?console.log 内部实现的是 process.stdout,将输入的内容打印到 stdout,异步同步 取决于 stdout 连接的数据流的类型(需要写入的位置)以及不同的操作系统。文件:在 Windows 和 POSIX 上是同步的TTY(终端):在 Windows 上是异步的,在 POSIX 上是同步管道(和 socke
原创
53阅读
1评论
1点赞
发布博客于 1 月前

一篇文章教你学会实现模糊搜索结果的关键词高亮显示

一篇文章教你学会实现模糊搜索结果的关键词高亮显示话不多说,先看效果图:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
原创
1919阅读
11评论
3点赞
发布博客于 1 月前

前端—每天5道面试题(7)

前端—每天5道面试题(6)每天背5道前端面试题,你会越来越优秀1、webpack 中 loader 和 plugin 的区别是什么?loader:loader 是一个转换器,将 A 文件进行编译成 B 文件,属于单纯的文 件转换过程plugin:plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束 后,webpack打包的整个过程,它并不直接操作文件,而是基于事件机制工作, 会监听 webpack 打包过程中的某些节点,执行广泛的任务。2、介绍一
原创
39阅读
3评论
1点赞
发布博客于 1 月前

CSS3新增属性之圆角、盒阴影、字阴影

CSS3新增属性之圆角、盒阴影、字阴影人生没有白走的路,每一步都算数。一、圆角border-radius:; 取值px % border-radius: 50%; 画一个圆二、盒阴影box-shadow:水平方向偏移的位置 垂直方向偏移的位置 模糊度 阴影的尺寸 颜色 位置; 必须 必须 可选 可选 可选 可选 正负
原创
28阅读
1评论
0点赞
发布博客于 1 月前

前端—每天5道面试题(6)

前端—每天5道面试题(6)每天背5道前端面试题,希望我可以在远方的终点见到你1、谈谈JS 异步解决方案的发展历程以及优缺点。1、回调函数(callback) 优点:解决了同步的问题(只要有一个任务耗时很长,后面的任务都必须排队 等着,会拖延整个程序的执行。) 缺点:回调地狱,不能用 try catch 捕获错误,不能 return 。2、Promise 优点:解决了回调地狱的问题 缺点:无法取消 Promise ,错误需要通过回调函数来捕获 。3、Generator 特点:可以控制函数的执行
原创
18阅读
0评论
1点赞
发布博客于 1 月前

taobao-homepage-main.zip

HTML+CSS实现淘宝首页
zip
发布资源于 1 月前

模仿小米官网,用HTML+CSS+JS做了一个小米官网首页商城.rar

小米官网首页
rar
发布资源于 1 月前

浅谈Rem 及其转换原理

浅谈Rem 及其转换原理今天有小伙伴问了我Rem的转换原理,那我就写篇博客记录一下吧!rem 是 CSS3 新增的相对长度单位,是指相对于根元素 html 的 font-size 计算值 的大小。默认根元素的 font-size 都是 16px 的。如果想要设置 12px 的字体大小也就 是 12px/16px = 0.75rem。由于 px 是相对固定单位,字号大小直接被定死,无法随着浏览器进行缩 放。rem 直接相对于根元素 html,避开层级关系,移动端新型浏览器对其支持
原创
53阅读
0评论
0点赞
发布博客于 1 月前

一篇文章教你学会如何使用CSS中的雪碧图(CSS Sprite)

一篇文章教你学会如何使用CSS中的雪碧图(CSS Sprite)一、什么是雪碧图?雪碧图(CSS Sprite)又叫CSS精灵图,是一种网页图片应用处理方式,他允许你将一个页面设计到 所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,由从前的多次请求变为一次请求,客户端显示一张图片都会向服务器发送请求,所以图片请求越多,造成延迟的可能性就越大,当页面有许多字体图标时,推荐使用CSS Sprite 。想必大家都用过雪碧图吧,话不多说,看看雪碧图是啥玩意儿:看看金立官网的雪碧图:二、那
原创
85阅读
1评论
2点赞
发布博客于 1 月前

前端—每天5道面试题(5)

前端—每天5道面试题(5)每天背5道前端面试题,希望我可以在远方的终点见到你1、简述一下前端的性能优化问题(一)、页面内容方面通过文件合并、css 雪碧图、使用 base64 等方式来减少 HTTP 请求数, 避免过多的请求造成等待的情况。通过 DNS 缓存等机制来减少 DNS 的查询次数。通过设置缓存策略,对常用不变的资源进行缓存。通过延迟加载的方式,来减少页面首屏加载时需要请求的资源,延迟加载 的资源当用户需要访问时,再去请求加载。通过用户行为,对某些资源使用预加载的方式,来提高
原创
34阅读
2评论
0点赞
发布博客于 1 月前

六级词汇打卡(九)

六级词汇打卡(九)大二菜鸡六级 还没过 嘤嘤嘤六级虐我千万遍,我待六级如初恋
原创
27阅读
0评论
1点赞
发布博客于 1 月前

浅谈CSS3中的弹性布局

浅谈CSS3中的弹性布局现在的努力,只是为了实现小时候吹过的牛逼一、什么是弹性布局?Flex是Flexible Box的缩写,意为"弹性布局",他为盒模型提供了最大的灵活性。它即可以应用于容器中,也可以应用于行内元素。(以上说明结合微信开发者工具说明)2009年,W3C提出了一种新的方案—Flex布局,可以简便、完整、响应式地实现各种页面布局。他主要是用于移动端布局,对一个容器中的元素进行排列,对齐和分配空白空间。二、基本概念采用Flex布局的元素,称为Flex容器(flex conta
原创
40阅读
0评论
1点赞
发布博客于 1 月前

六级词汇打卡(八)

六级词汇打卡(八)大二菜鸡六级 还没过 嘤嘤嘤六级虐我千万遍,我待六级如初恋
原创
24阅读
0评论
1点赞
发布博客于 1 月前

前端—每天5道面试题(4)

前端—每天5道面试题(4)每天背5道前端面试题,希望我可以在远方的终点见到你1、写 React / Vue 项目时为什么要在列表组件中写 key, 其作用是什么?key 是给每一个 vnode 的唯一 id,可以依靠 key,更准确,更快的拿到 oldVnode 中对 应的 vnode 节点。2、介绍下 Set、Map、WeakSet 和 WeakMap 的区别?Set——对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。WeakSet——成员都是对象;成员都是弱引用,可
原创
127阅读
8评论
3点赞
发布博客于 1 月前

iconfont字体图标的使用方法

今天来谈谈iconfont字体图标的使用方法一、打开阿里巴巴矢量图官网阿里巴巴矢量图官网界面如下:二、选择登录:可以使用GitHub账号登录,用其他账号也可以这里我选择用GitHub账号登录三、搜索自己想要的图标:这里我输入的是购物车,显示结果如下:四、找到自己想要的图标,点击加入库五、点击购物车图标六、创建项目,当然也可以不创建,怎么方便怎么来嘛七、这里选择Unicode,点击下载本地八、将下载好的字体图标的压缩包解压,放到CSS文件夹中九、在HTML中引入iconfo
原创
60阅读
6评论
2点赞
发布博客于 1 月前

六级词汇打卡(七)

六级虐我千万遍,我待六级如初恋
原创
25阅读
0评论
0点赞
发布博客于 1 月前

前端—每天5道面试题(3)

前端—每天5道面试题(3)每天背5道前端面试题,希望我可以在远方的终点见到你1、JavaScript是一门什么样的语言,它有哪些特点?javaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。JavaScript兼容于ECMA标准,因此也称为ECMAScript。基本特点:是一种解释性脚本语言(代码不进行
原创
59阅读
0评论
0点赞
发布博客于 1 月前

六级词汇打卡(六)

六级词汇打卡(六)
原创
17阅读
0评论
0点赞
发布博客于 1 月前

前端—每天5道面试题(2)

前端—每天5道面试题(2)每天背5道前端面试题,希望我可以在远方的终点见到你1、你知道的网页制作会用到的图片格式有哪些?png-8,png-24,jpeg,gif,svg。但是上面的那些都不是面试官想要的最后答案。面试官希望听到是Webp。(是否有关注新技术,新鲜事物)科普一下Webp:WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并
原创
84阅读
4评论
2点赞
发布博客于 1 月前

前端—每天5道面试题(1)

前端—每天5道面试题(1)每天背5道前端面试题,希望我可以在远方的终点见到你1、说一下CSS模型CSS模型简介:就是用来装页面上的元素的矩形区域。CSS 中的盒子模型包括IE 盒子模型和标准的W3C盒子模型。box-sizing(有3个值哦): border-box, padding-box, content-box.标准盒子模型:IE盒模型:区别:从图中我们可以看出,这两种盒子模型最主要的区别就是width的包含范围,在标准的盒子模型中,width指content部分
原创
172阅读
4评论
3点赞
发布博客于 1 月前

今天来谈谈面试官最喜欢问JS中的闭包问题吧

今天来谈谈面试官最喜欢问JS中的闭包问题吧1、什么是闭包?闭包是指有权访问另外一个函数作用域中的变量的函数,闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。闭包就是函数的“堆栈”在函数返回后并不释放,我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。当在一个函数内定义另外一个函数就会产生闭包。2、为什么要用闭包匿名自执行函数:我们知道所有的变量,如果不加上var关键字,则默认的会添加到全局对象的属性上去,这样的临时变量加入全局对象有很多坏处,比如:别的函数可能误用这些变量
原创
45阅读
0评论
1点赞
发布博客于 1 月前

今天来总结一下CSS中有哪些定位

今天来总结一下CSS中有哪些定位1、固定定位:fixed元素的位置相对于浏览器窗口是固定位置,即使窗口是滚动的它也不会移动。Fixed 定位使元素的位置与文档流无关,因此不占据空间。Fixed 定位的元素和其他元素重叠。2、相对定位:relative如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。3、绝对定位absolute绝
原创
42阅读
0评论
3点赞
发布博客于 1 月前

CSS练习题

CSS练习题人们都说抖音记录美好生活,我说博客记录美好生活!随手练练CSS1、margin——控制网页元素的位置,页面效果如下:代码如下:<!doctype html><html><head><meta charset="utf-8"><title>控制网页元素的位置</title><link href="style/2-7.css" rel="stylesheet" type="text/css">
原创
52阅读
0评论
0点赞
发布博客于 1 月前

今天来谈谈CSS有哪些布局

今天来谈谈CSS有哪些布局六种布局方式总结:圣杯布局、双飞翼布局、Flex 布局、绝对定位布局、表格布局、网格布局。1、圣杯布局是指布局从上到下分为header、container、 footer, 然后container部分定为三栏布局。这种布局方式同样分为header、container、 footer。 圣杯布局的缺陷在于center 是在container 的padding中的,因此宽度小的时候会出现混乱。2、双飞翼布局给center部分包裹了一一个main 通过设置margin主动地把页面撑
原创
23阅读
0评论
0点赞
发布博客于 1 月前

今天来谈谈内容溢出和文字溢出的问题

今天来谈谈内容溢出和文字溢出问题1、内容溢出overflow:hidden|auto|scroll;overflow:hidden;表示溢出部分隐藏(自动找高,自动找到原位置)overflow:auto;自动,当内容溢出显示滚动条,当内容不溢出就没有滚动条overflow:scroll;溢不溢出都显示滚动条2、一行文字溢出省略号显示:一行文字溢出我们在小米官网最常见了,不信看下图,个人觉得还挺重要的:1)在同一行显示:white-space:nowrap;2)溢出部分隐藏:
原创
44阅读
0评论
1点赞
发布博客于 1 月前