前端学习-HTEML&CSS 第7页

2022黑马程序员-前端学习第一阶段（Day04-CSS进阶）

CSS进阶-Day04学习笔记打卡CSS进阶选择器的进阶复合选择器后代选择器：空格子代选择器：>并集选择器：,交集选择器：紧挨着hover伪类选择器Emmet语法背景相关属性背景颜色背景图片背景平铺背景位置背景相关属性的连写形式（拓展）img标签和背景图片的区别元素显示模式块级元素行内元素行内块元素元素显示模式转换拓展1：HTML嵌套规范注意点拓展2：居中方法总结**CSS特性继承性（拓展）继承的

sakura欣悠·2023-11-05 01:51

2022黑马程序员-前端学习第一阶段（Day05-CSS布局-盒子模型）

CSS布局-盒子模型-Day05学习笔记打卡CSS布局CSS三大特征继承性（拓展）继承的应用（拓展）继承失效的特殊情况层叠性优先级权重叠加计算PxCook的基本使用盒子模型盒子模型的介绍内容的宽度和高度边框（border）边框-单个属性边框-连写边框-方向设置盒子实际大小初级计算公式内边距（padding）内边距（padding）-取值内边距（padding）-单方向设置盒子实际大小终极计算公式（

sakura欣悠·2023-11-05 01:51

vite和webpack的区别（多层面分析）

个人网站:[【紫陌】【笔记分享网】](http://zimo.aizhaiyu.com/)想寻找共同学习交流、共同成长的伙伴，[请点击【前端学习交流群】文章最后有作者l联系方式（备注进群）1.底层的语言的选择

紫陌~·2023-11-03 16:47

前端学习日记-js函数的参数(个人学习笔记，如果错了请指正)

一、函数的实参和形参1、可选形参是指调用函数时可以省略的参数，一般会有默认值的设置age为可选参数当用这种可选实参实现函数时，需要将可选参数放在实参列表的最后，那些调用函数的程序员是无法省略第一个实参并传入第二个实参的，他必须将undefined作为第一个实参显示传入。2、实参对象有时传入的实参个数超过函数定义时的参数个数，这是就用到了实参对象他以数字为索引，通过数字下标来获取，因为实参对象和数组

yhqiao·2023-11-03 13:39

【融职培训】Web前端学习第6章 jQuery Ajax 3 Ajax第三方模块

一、概述在上一节的内容中，我们说了如何自己封装一个简易的Ajax方法。其实在实际项目开发中，我们并不需要自己去封装，已经有很多成熟的Ajax第三方模块了，直接使用即可。本节就来说说一个常用的Ajax第三方模块-Axios。二、下载并引入Axios可以直接使用npm下载Axios，命令如下：npminstallaxios因为我们要将Axios引入到前端的页面，所以需要将axios.js文件拷贝到静态

lmonkey_01·2023-11-03 03:56

前端学习之JavaScript知识点汇总

前端学习之JavaScript与ES6总结汇总一些JavaScript的基础语法与进阶用法，还涉及一些ES6扩展语法标准相关的知识点。

卷儿哥·2023-11-03 00:46

CSS笔记

前端学习笔记专栏区别于官网中全面的知识讲解，主要记录学习技术栈时对于重点内容的提炼，便于对技术栈知识的快速回顾以及使用1.各类主要选择器常规选择器p：元素选择器.class：类选择器#id：id选择器input

洛千陨·2023-11-02 23:41

sass笔记

前端学习笔记专栏区别于官网中全面的知识讲解，主要记录学习技术栈时对于重点内容的提炼，便于对技术栈知识的快速回顾以及使用1.变量变量声明：属性名前加上$作为变量名可在css内重用$nav-color:#F90

洛千陨·2023-11-02 23:36

2021 前端开发路线图

在GitHub看到一个很不错的前端学习路线图（roadmap），从前端基础到前端工程化，再到跨端，都有知识点的覆盖，非常推荐阅读.image.png总结：大功告成✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️

前端的爬行之旅·2023-11-02 22:26

一个正经的前端学习开源仓库（每日更新）-698道知识点

低调务实优秀中国好青年(简介)&&附加答案中文|English一个☝️正经的前端学习开源仓库，养成一个好习惯，遇见更好的自己。一个人可能走得更快，但一群人会走得更远。

掘金-我是哪吒·2023-11-02 20:49

欢迎大家关注我的个人公众号-这个豆包有点粘

欢迎大家关注我的个人公众号-这个豆包有点粘如果大家不嫌弃的话，可以帮忙关注一下公众号，谢谢大家，个人准备长期运营此账号，文章内容种类繁多，前端学习、时事新闻、心灵鸡汤、幽默段子，一定有一款适合你。

_小郑有点困了·2023-11-02 12:04

大数据可视化分析建模：每个人都是数据分析师

个人网站:【工具大全】【游戏大全】【神级源码资源网】前端学习课程：【28个案例趣学前端】【400个JS面试题】寻找学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】第一部分：介绍大数据可视化和数据分析的重要性大数据可视化和数据分析已经成为现代社会中不可或缺的工具

海拥✘·2023-11-02 12:41

前端学习——CSS

文章目录1.CSS1.1什么是CSS1.2快速入门1.3.三种CSS导入方式2.选择器2.1基本选择器2.1.1标签选择器2.1.2类选择器2.1.3id选择器2.2层次选择器2.2.1后代选择器2.2.2子选择器2.2.3相邻兄弟选择器2.2.4通用选择器2.3结构伪类选择器2.4属性选择器3.美化网页元素3.1span标签3.2字体样式3.3文本样式3.4文本阴影和超链接伪类3.5列表3.6背

秃头的二哈·2023-11-02 11:58

前端学习——Vue框架基础入门

一.了解MVC和MVVM模式1.1MVC模式相信大家都很清楚MVC的设计模式，其实准确的来说MVC并不能算是一种设计模式，他算是一种框架模式。经典的MVC模式中，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将业务模型层和用户界面层实现代码分离，使同一个程序可以使用不同的表现形式下面详细的讲一下MVC三个分别代表什么视图层视图层也就是V，就是View，是指用户看到并与之交互的界面

今天不想敲代码·2023-11-02 08:11

JAVA学习笔记—前端学习笔记（二）—JQ、ES6、Bootstrap

文章目录四、jQuery基础1.jQuery介绍1.1jQuery能做什么?1.2jQuery的优势2.jQuery的使用2.1基本的语法介绍2.2jQuery对象与DOM对象2.3选择器2.3.1基本选择器2.3.2层次选择器2.3.3属性选择器2.3.4过滤选择器2.4事件2.4.1鼠标事件2.4.2键盘事件2.4.3表单事件2.4.4鼠标悬停复合事件2.4.5连续点击复合事件2.4.6事件的

Big_BlueCat·2023-11-02 08:52

Vue 转 React不完全指北

俊劫·2023-11-02 01:46

数字IC前端学习笔记：数字乘法器的优化设计（基4布斯编码华莱士树乘法器）

日晨难再·2023-11-01 12:54

前端学习-过渡、2d和3d动画

一、过渡（transition）*！display没有过渡效果*复合写法：transition:css属性过渡效果持续时长过渡的方式延迟时间;1、语法、属性//选择过渡效果的css-属性（可以多个空格隔开all指全部属性）transition-property:left;//过渡时间（s）transition-duration:5s;//过渡的方式（linear匀速）transition-timi

Yan阿清·2023-11-01 08:33

less笔记

CSS的短板作为前端学习者的我们都要学些CSS，它作为前端开发的三大基石之一，时刻引领着Web的发展潮向。而CSS作为一门标记性

米柴·2023-11-01 01:24

前端学习总结——JavaScript基础

前端知识点总结——JS基础1.javascript概述(了解)1.什么是javascriptjavascript简称为js，是一种运行于js解释器/引擎中的脚本语言js的运行环境：1.独立安装的js解释器（node）2.嵌入在浏览器内核中的js解释器2.js的发展史1.1992年Nombas公司为自己开发了一款脚本语言SciptEase2.1995年Netscape(网景)开发了一款脚本语言Liv

没有字母的键盘·2023-11-01 00:05

web前端学习/工作笔记（十）

react16.production.js:14Uncaught(inpromise)InvariantViolation:MinifiedReacterror#85;visithttps://reactjs.org/docs/error-decoder.html?invariant=85forthefullmessageorusethenon-minifieddevenvironmentforf

kiki··2023-10-31 22:01

前端学习——CSS3实现动画效果

一.CSS3动画1.1CSS3过渡效果过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用Flash动画或JavaScript的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。帧动画：通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片在CSS3里使用transition可以实现补间动画（过渡效果），并且当前元素只要有“属性”发生变化时即存在两种状态(我们用A和

今天不想敲代码·2023-10-31 22:39

前端学习第二十五课（WebAPIs——offset、client、scroll）

目录1.1元素偏移量offset系列1.1.1offset概述1.1.2offset与style区别1.1.3案例：获取鼠标在盒子内的坐标1.2.元素可视区client系列1.3.元素滚动scroll系列1.3.1.scroll概述1.3.2.页面被卷去的头部1.3.3.案例：仿淘宝固定右侧侧边栏1.4.三大系列总结1.5.mouseenter和mouseover的区别1.6.动画函数封装1.6.

HM-hhxx！·2023-10-31 21:43

前端学习小demo：使用HTML+CSS+bootstrap+Vue2.0编写一个简易的音乐播放器（仿网易云）

具体的操作流程（实现步骤）：1.歌曲搜索2.歌曲播放3.歌曲评论4.播放歌曲的MV（有的歌曲没有MV）代码编写过程：1.创建一个Vue项目（前提是安装好了node.js、npm、vue）使用npminstall命令，安装命令：npminstall-g@vue/clivuecreate项目的名称（最好是全英文）具体的配置如下：在工程化的项目中：通过main.js把App.vue渲染到index.ht

爱掉头发的小杨同学·2023-10-31 21:37

Web前端学习第六周

一百一十二、b标签和i标签strong和em都表示强调的标签，表现形态为文本加粗和斜体。b和i标签同样也表示文本加粗和斜体。区别在于，strong和em是具备语义化的，而b和i是不具备语义化的。（可以用多种标签去强调，简化选择器的操作，区分不同）一百一十三、引用标签基本操作引用标签blockquote：引用大段的段落解释q：引用小段的短语解释abbr：缩写或首字母缩略词address：引用文档地址

陌殇♬·2023-10-31 17:26

我的前端学习之路-----HTML+css（一）

（本条为个人学习随手笔记，以基础知识为主）我的推荐练习网站：https://www.freecodecamp.org/learn（免费的前端练习网站，像是闯关，推荐指数★★★★★）推荐学习网站：菜鸟教程-学的不仅是技术，更是梦想！(runoob.com)中国大学MOOC(慕课)_国家精品课程在线学习平台(icourse163.org)————客户端与服务器————通常情况下，现在的软件由客户端与服

一七得七得八得九·2023-10-31 16:46

前期前端学习常用命令之JS/JQ

目录1BOM操作2JS数据类型及变量3JS运算符4流程控制语句：4.1分支语句4.1.1if语句4.1.2switch-case语句4.2循环语句4.2.1for语句4.2.2white语句4.3其他语句5数组6对象7函数8本地存储9JSON10正则判断11验证码12DOM操作13事件13.1e14选项卡及下拉框显示15定时器16时间戳17冒泡排序18变量转参19JQ19.1JQ选择器19.1.1

简了个码农叶·2023-10-31 12:12

前端学习之webpack

概述webpack是一个流行的前端项目构建工具（打包工具），可以解决当前web开发中所面临的问题。webpack提供了友好的模块化支持，以及代码压缩混淆、处理js兼容问题、性能优化等强大的功能，从而让程序员把工作重心放到具体的功能实现上，提高了开发效率和项目的可维护性。webpack的基本使用创建列表各行变色项目①新建项目空白目录，并运行npminit-y命令，初始化包管理配置文件package.

疯狂的小强呀·2023-10-31 08:32

前端学习之ES6模块化

模块化模块化就是把单独一个功能封装到一个模块中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码重用，从而提升开发效率，并且方便后期的维护模块化相关规范AMD和CMD适用于浏览器端的JavaScript模块化CommonJS适用于服务器端的JavaScript模块化上述规范存在一定的差异性与局限性因此，ES6语法规范中，在语言层面上定义了ES6模块

疯狂的小强呀·2023-10-31 08:59

前端学习路线指南：从入门到精通【①】

本篇文章将为你提供一个清晰的前端学习路线，帮助你系统地掌握前端开发技能，并成为一名优秀的前端工程师。HTML和CSS基础在开始前端学习之前，我们先要掌握HTML和CSS这两门基础语言。

Aic山鱼·2023-10-30 13:40

深圳Web前端学习：前端 javascript 练习题--表格的操作及进度条的实现

标题深圳Web前端学习：前端javascript练习题–表格的操作及进度条的实现创建表格，添加删除操作介绍：这是用基本的方式，更便捷的方法是，使用es6提供的模板字符串，代码和效率能提高很多简单的样式：

QQ1494648730·2023-10-30 01:31

前端、HTTP协议(重点)

大屏幕展示出来的都是前端内容能够用肉眼看到的都是前端为什么要学前端学了前端以后我们就可以做全栈工程师(会后端、会前端、会DB、会运维等)咱们学前端不会学的太深入，能够写一些简单的页面，以及会调试别人写的页面和能够看懂一些别人的页面代码前端学习的内容

台州吃柴小男孩·2023-10-29 14:03

【前端学习笔记】100%px和100vw的区别

区别在于是否包含滚动条Document*{margin:0;padding:0;}.box1{width:100vw;height:300px;background-color:yellow;}.box2{width:100%;height:300px;background-color:red;}没有滚动条时100%px==100vw有滚动条时100vw为包含滚动条和窗口的大小100%px为刨除滚

猪猪爱芮芮·2023-10-29 08:58

web前端学习87-90（综合案例：新闻页面）

文章目录6综合案例---新闻页面6综合案例—新闻页面案例：新闻页面制作页面整体可以分为两步:搭建html结构页面.CSS样式22-综合案例-新闻页面.htmlDocumenta{text-decoration:none;/*取消链接下划线*/}body{font:16px/28px'MicrosoftYaHei';}h1{/*文字不加粗*/font-weight:400;/*让h1里面的文字水平居

香甜的甲基橙·2023-10-29 07:13

前端学习——页面布局

1.常见的五种布局方式1.静态布局：给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。优点：设计简单。缺点：对于不同尺寸屏幕的兼容性不好，特别是移动端。2.流式布局：元素的宽高用百分比做单位，元素宽高按屏幕分辨率调整，布局不发生变化。优点：页面元素宽高可以自适应调整。缺点：屏幕尺度跨度过大的情况下，页面不能正常显示。3.自适应布局：屏幕尺寸或分辨率变化

jj_w·2023-10-29 07:13

【前端学习】前端学习第二天:图片标签、音频标签及视频标签的用法说明

一、图片标签在介绍图片标签之前，首先可以了解一下图片的格式。1、jpeg（jpg）：支持的颜色比较丰富，不支持透明效果，不支持动图；2、gif：支持的颜色比较少，支持简单透明，支持动图；3、png：支持的颜色丰富，支持复杂透明，不支持动图；4、webp：是谷歌新推出的专门用来表示网页中图片的一种格式，具备其他格式的所有优点，占用内存还小，但是兼容性不好。图片标签通过使用标签引入外部图片，img标签

人海@·2023-10-29 07:41

10.27 知识总结（前端）

1.3前端学习哪些内容1

超困困困困狗·2023-10-29 04:19

前端学习之Babel转码器

前言Babel转码器可以将ES6转为ES5代码，从而在老版本的浏览器运行。这说明你可以用ES6的方式编码，又不用担心现有环境是否支持。浏览器支持性查看：https://caniuse.com/Babel官网：https://babeljs.io/Babel安装流程安装Babel在命令行或者终端输入如下命令npminstall--save-dev@babel/coreBabel的配置文件是.babe

疯狂的小强呀·2023-10-29 01:10

web前端学习2

四HTML表单标签4.1form标签我们在浏览一些网页的时候需要满足需要写一些东西，比如说QQ登陆注册的时候需要用到这时候就要用到form这个标签有两个属性：action和method作用：action：一个处理此表单信息的程序所在的URL，所述表单信息将在表单提交时被发送到定义的地址method：他的值可以是GET或POST，用来规定如何发送表单信息；是块状标签，要注意：标签不能嵌套标签-->

DIONG.·2023-10-28 19:41

前端知识储备

因为我们是全栈开发工程师但是前端这一块我们不会学的很详细只要求做到能够看得懂基本的前端代码以及能够搭建一些简单的页面即可先打下前端的基础为后续可能需要扩展做准备"""三.前端学习历程""

-wellplayed-·2023-10-28 18:22

简单的前端语言

目录一.介绍1.什么是前端2.什么是后端3.为什么要学习前端4.前端学习哪些内容二.HTTP协议1.HTTP协议的四大特性：2.响应状态码三.HTML介绍1.什么是html标签2.html文档介绍3.如何打开

老登，快爆金币·2023-10-27 17:04

JavaScript 分步实现柯里化函数

在这里小编建了一个前端学习交流扣扣群：1093794329，我自己整理的最新的前端资料和高级开发教程，如果有想需要的，可以加群一起学习交流实现阶段1现在有一个加法函数：functionadd(x,y,z

骨灰设计师小X·2023-10-27 11:30

基于HTML+CSS+JavaScript制作学生网页——外卖服务平台10页带js 带购物车

：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线网页基本结构网页演示

二挡起步·2023-10-26 23:30

前端学习之路13-CSS布局

文章目录盒子模型盒类型浮动定位position层叠顺序多列布局弹性盒布局table布局盒子模型CSS中的一个基本概念是盒模型（boxmodel）。可见元素会在页面中占据一个矩形区域，该区域就是元素的盒子（box），由四部分组成盒类型将display属性设置为block值会创建一个块级元素。块级元素会在垂直方向跟周围元素有所区别。通常在元素前后放置换行符也能达到这种效果，在元素和周围元素之间制造分割

夜里慢慢行456·2023-10-26 16:02

2022黑马程序员-前端学习第一阶段（Day08-CSS布局（定位+装饰）

定位定位的基本介绍定位的基本使用静态定位相对定位绝对定位子绝父相介绍固定定位不同定位的特点元素的层级关系装饰垂直对齐方式光标类型边框圆角overflow溢出部分显示效果元素本身隐藏元素透明度边框合并选择器扩展链接伪类选择器焦点伪类选择器属性选择器学习视频B站：黑马程序员-前端学习

sakura欣悠·2023-10-26 15:31

【前端学习笔记 07-CSS布局，定位总结

布局正常流布局正常布局流(normalﬂow)是指在不对⻚⾯进⾏任何布局控制时，浏览器默认的HTML布局⽅式。正常留布局原理：块元素⾃动占满100%宽度，垂直排列。内联元素宽度由内容撑开，⽔平排列。HTML实例：定位定位(positioning)能够让我们把⼀个元素从它原本在正常布局流(normalﬂow)中应该在的位置移动到另⼀个位置。定位(positioning)并不是⼀种⽤来给你做主要⻚⾯布

SevgiliD·2023-10-26 15:53

前端学习07--定位

1定位1.1网页常见布局方式1.标准流块级元素独占一行→垂直布局行内元素/行内块元素一行显示多个→水平布局2浮动可以让原本垂直布局的块级元素变成水平布局3.定位可以让元素自由的摆放在网页的任意位置一般用于盒子之间的层叠情况1.2定位的常见应用场景1.可以解决盒子与盒子之间的层叠问题·定位之后的元素层级最高，可以层叠在其他盒子上面2.可以让盒子始终固定在屏幕中的某个位置1.3使用1.3.1使用定位的

孟小橘·2023-10-26 15:23

新型前端学习成长计划路线规划

这里写自定义目录标题必须学习的技术和工具推荐必须了解的技术免费教程持续更新必须学习的技术和工具很多人想学前端，但是又不知道怎么学，先学哪个，在学哪个，完全蒙圈了。这是所有小白的通病，网上各种教程一大片，然后看了这个又看那个，左后看来看去发现还在原地，都是些重复的课程，对于未知的还是未知，而且和企业要求的目标还相差很远。所以下面给大家理了一个比较好的学习路线，按照这个顺序去学习，一步一步的学习，节省

Java全栈开发架构师·2023-10-26 07:40

Gulp

前端真的是入门简单，要想学深那就很难了......今天我跟大家分享一下前端学习中很强大的一个工具GulpGulpgulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；不仅能对网站资源进行优化

WANG_M·2023-10-25 05:45

前端一定得学ajax吗,前端学习之ajax

一、什么是jsonJSON(JavaScriptObjectNotation,JS对象标记)是一种轻量级的数据交换格式。它基于ECMAScript(w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。json类型是js类型的子集json对象到

斑马睡着了·2023-10-24 23:11

推荐频道

前端学习-HTEML&CSS