
前端进阶
文章平均质量分 84
前端进阶
智达教育
本人于20年毕业于东大,在学校跟随导师做了多个项目,现在2B大厂工做后端开发,有多年工作经验,同时热爱技术,对前端、python、大数据等多个领域有研究,希望与大家共进步。
展开
-
0基础和小Q学前端---css布局---flex布局
↵flex布局(弹性布局) CSS3知识点在父元素和子类元素上都能设置属性首先我们先写一个比较简单的布局效果如下,有三个方块在一个背景中,内容分别是1、2、3这三个数字 现在我们将最外层的容器的display属性设置成flex样式,我们可以看到这个三个方块水平排列开了 接下来我们设置一下这个水平方向的布局,flex-direction属性 row-reverse,这样就颠倒了/* 列布局 */flex-direction: column;设置成row,没啥变化/* 决定主轴的⽅向(即项⽬的排列⽅向)*原创 2022-12-07 17:37:17 · 269 阅读 · 1 评论 -
0基础和小Q学前端---css之布局定位(1)---float布局
📢📢📢📣📣📣哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝一位上进心十足的【Java ToB端大厂领域博主】!😜😜😜喜欢java和python,平时比较懒,能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】,欢迎关注我❤️❤️❤️👩🏫:之前我们学习了css的基础知识,知道了css的功能作用,学了css中的常用样式属性,学习了基本的选择器和特殊的选择器,学习了选择器到优先级等,也学了css中的盒子模型。原创 2022-11-14 09:38:30 · 271 阅读 · 1 评论 -
0基础和小Q学前端---(6)css中常见的可继承属性
📢📢📢📣📣📣哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝一位上进心十足的【Java ToB端大厂领域博主】!😜😜😜喜欢java和python,平时比较懒,能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】,欢迎关注我❤️❤️❤️。原创 2022-10-26 09:09:40 · 356 阅读 · 0 评论 -
0基础和小Q学前端----(5)css中层叠与选择器的优先级
👩🏫:当有同名的选择器的时候,会根据后面的选择器的格式进行渲染,由于程序是从上到下进行执行的,当我们的程序执行到下面的选择器的时候,由于名称相同,这里也会渲染,相当于把这个同名的上一个选择器进行了覆盖(发生了层叠),所以这里的颜色是蓝色的。👩🏫:CSS全称是层叠样式表(Cascading Style Sheets),这里我们要掌握和理解一下这个层叠的意思,层叠是⼀个基本特征,⼀个css属性被多次声明的时候,会根据优先级或者声明顺序来计算采⽤哪个样式 优先级是怎么计算的呢?下面是css的优先级,原创 2022-10-24 13:12:27 · 555 阅读 · 2 评论 -
0基础和小Q学前端---(4)css常用属性
浮动:float定位:position弹性布局:flex盒⼦内容超出部分:overflow:hidden | scroll | auto盒子的位置和大小尺寸边框浮动布局定位布局弹性布局内容超出部分处理。原创 2022-10-24 09:18:10 · 247 阅读 · 0 评论 -
0基础和小Q学前端---css(3)盒子模型
📢📢📢📣📣📣哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝一位上进心十足的【Java ToB端大厂领域博主】!😜😜😜喜欢java和python,平时比较懒,能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】,欢迎关注我❤️❤️❤️。原创 2022-10-18 09:47:11 · 458 阅读 · 5 评论 -
0基础和小Q学前端---css(2)特殊的选择器
👨🏫:在学习伪类选择器的时候,我们先学习一下DOM的基本知识,我们在前端的学习中经常会发现DOM这个高频词,那么什么是DOM呢?DOM是文档对象模型(Document Object Model)的缩写。是 W3C(万维网联盟)的标准。是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容。原创 2022-10-13 09:57:25 · 464 阅读 · 6 评论 -
0基础和小Q学前端---css(1)常见的选择器及使用场景
📢📢📢📣📣📣哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝一位上进心十足的【Java ToB端大厂领域博主】!😜😜😜喜欢java和python,平时比较懒,能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】,欢迎关注我❤️❤️❤️👩🏫:之前我们介绍了css的入门和css样式的书写方法,今天我们就正式学习css的使用,讲一讲其中的选择器,并介绍一下不通的选择器的使用场景。原创 2022-10-12 10:19:30 · 627 阅读 · 0 评论 -
0基础和小Q学前端---(6)css的多种写法以及推荐方法
📢📢📢📣📣📣哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝一位上进心十足的【Java ToB端大厂领域博主】!😜😜😜喜欢java和python,平时比较懒,能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】,欢迎关注我❤️❤️❤️👩🏫:我们上节课学习了css的基本知识,这节课我们学习一下css最基本的使用,来看看加了样式之后,我们的页面会有什么样子的变化吧。原创 2022-10-11 19:06:06 · 482 阅读 · 1 评论 -
0基础和小Q学前端---(5)走进css的世界
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。原创 2022-10-11 17:26:22 · 146 阅读 · 0 评论 -
0基础和小Q学前端---(4)区块标签和行内标签
📢📢📢📣📣📣哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝一位上进心十足的【Java ToB端大厂领域博主】!😜😜😜喜欢java和python,平时比较懒,能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】,欢迎关注我❤️❤️❤️👩🏫: 上节课我们学习了form标签和form标签中的一些组件,对表单有了基本的认识,今天我们继续学习一下区块标签和行内标签,这两个标签也是前端经常使用到的标签。原创 2022-10-11 13:01:12 · 268 阅读 · 0 评论 -
0基础和小Q学前端---进阶篇(3)HTML的核⼼标签form
📢📢📢📣📣📣哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝一位上进心十足的【Java ToB端大厂领域博主】!😜😜😜喜欢java和python,平时比较懒,能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】,欢迎关注我❤️❤️❤️👩🏫:上节课我们学习了table和三种列表,现在我们今天着重讲解一下form表单,看看form表单是怎么玩的,废话不多讲了,直接进入正题吧。原创 2022-10-11 10:40:32 · 284 阅读 · 0 评论 -
0基础和小Q学前端---进阶篇(2)HTML的核⼼标签
👩🏫:现在我们学习了这三种列表,并看到了他的效果,在平时开发的过程中,无序列表是相对使用较多的,有序次之,定义列表相对来说用的不是那么频繁,讲到这里,详细大家已经对列表有所掌握了。👩🏫:好了今天我们学到了a标签配合href实现连接的跳转、img标签实现图片的加载,并通过a标签实现了图片成为链接的功能,还学习了table表格以及三种不同的列表,希望大家能够下课进行总结,老师也对今天的重要内容进行了整理,见下表功能属性说明位置a跳转/锚点href:跳转的地址。原创 2022-10-10 16:02:25 · 384 阅读 · 0 评论 -
0基础和小Q学前端---进阶篇(1)走进HTML的核⼼标签
📢📢📢📣📣📣哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步🤝🤝一位上进心十足的【Java ToB端大厂领域博主】!😜😜😜喜欢java和python,平时比较懒,能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】,欢迎关注我❤️❤️❤️。原创 2022-10-08 12:41:33 · 754 阅读 · 1 评论