前端学习—html+css 第8页

前端学习——关于前端框架的思考

前端框架我们知道在AngularJS，react，vue等前端框架出现之前，前端开发都是通过js直接操作dom树来实现的，而有了前端框架之后，前端开发基本上不需要在直接操作dom树，相当于在原生html的dom树之间和前端程序员之间添加了一个中介，程序员通过这个中介来操作dom，本身并不操作dom。而既然多了这么一个“中介”，那么前端程序员想通过框架进行前端开发，那么就要遵守这些框架的规则，比如每

qq_33453797·2023-12-22 10:37

HTML+CSS做一个冰立方体时钟

文章目录效果展示代码展示HTMLJS效果展示代码展示HTML<htmllang

白大锅·2023-12-22 04:40

2018前端学习知识点总结

前端越发展越复杂，知识点越来越庞杂。前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML负责结构，网页想要表达的内容由html书写。CSS负责样式，网页的美与丑由它来控制JS负责交互，用户和网页产生的互动由它来控制。初级阶段（静态网页制作、JS编程入门）1.Photoshop入门图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像

Terry_wn·2023-12-22 02:07

程序员与用户之间的那些事，两个字：真实！

秋风_bdfd·2023-12-22 02:08

Vue-前端学习随笔-SPA首屏加载速度慢的怎么解决？

导读SPA也叫单页面应用（single-pageapplication），这可能是很多小伙伴在进行开发时经常使用的页面开发模型，它其实就是在单个页面容器内进行页面组件跳转，实现页面切换。可以比喻成你手里有一个杯子，这个杯子上午装牛奶，下午装咖啡，晚上装啤酒，很明显，杯子里的东西在不断的变换，可是杯子始终是那一个，这其实就是一种对于单页面应用的直观理解。有了这样的理解之后肯定就会有小伙伴疑惑：那有没

泾柳123·2023-12-21 15:20

JS-前端学习随笔-对于ES6新增Promise对象的理解

导读在前端开发中，我们经常会遇到一些需要等待结果的异步操作，比如发送网络请求或是获取用户位置信息等。以往我们通常使用回调函数来处理这些异步操作，但是回调地狱的问题让代码变得难以阅读和维护。幸运的是，ES6引入了Promise对象，它为我们提供了一种更优雅、更简洁的处理异步操作的方式。那么就请允许我带你轻松了解Promise对象的基本概念和使用方法，让你能够在异步操作中游刃有余，享受编码的乐趣。正文

泾柳123·2023-12-21 15:20

CSS-前端学习随笔-对CSS盒子模型的理解

导读对于刚刚学习前端的小伙伴们来说，学习CSS中的盒子模型这一概念后会对页面的布局开发有更深一点的认识。对于项目前期开发来说，根据产品原型图进行页面布局开发，这可以说是项目开发的起点。有了盒子模型的帮助，页面就可以进行高效的布局，其实就有点像搭积木一样，所以让我们来认识一下这个有趣的盒子模型吧！正文一、是什么当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的CSS基础框盒

泾柳123·2023-12-21 15:19

JS-前端学习随笔-对于深、浅拷贝的理解

导读在认识深浅拷贝之前，我们需要对js的数据存储类型有一定的认识。前面文章讲到JavaScript中存在两大数据类型：基本类型、引用类型。基本类型数据保存在在栈内存中，引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中在对于数据存储类型有一定理解之后，我们才能对为什么有拷贝的概念和为什么又要有深浅拷贝的区分有更深的理解正文一、浅拷贝对象的浅拷贝是其属性与拷贝源

泾柳123·2023-12-21 15:49

Vue-前端学习随笔-对于Vue生命周期的理解

导读相信大家在刚刚学习完Vue的一些基础语法结构，以及框架特点后，心中会有诸多的疑惑。例如：“我应该在什么时候进行页面初始化数据的请求？又应该在何时进行DOM操作？Vue所说的数据双向绑定是如何实现的，又是在什么时候实现的？、Vue的视图的更新是如何并又是在什么时候实现的？”这些问题在我初识Vue时是很混乱的，但是我相信大家通过对生命周期的学习，与对钩子函数的深入了解，这些问题都会慢慢化解的！正文

泾柳123·2023-12-21 15:17

DAY1-为什么要选择做前端？

日期：2020.3.20学习总用时：2h学习目标：了解web的相关知识学习笔记：1.学会用浏览器学习相关知识，对有用的网页进行分类收藏，建立两个文件夹：showcase和前端学习资料。

是桃子气泡水呀·2023-12-21 13:00

web前端期末大作业 HTML+CSS 动漫主题网页作业

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239832(title-B27JP名侦探柯南三级(6页))截图演示06.png05.

html网页设计·2023-12-21 05:54

前端Html+css重要部分笔记

前端Html:html标签1.加粗--文本格式化标签2.倾斜3.下划线4.删除5.src用于指定图像的位置名称(属性名+属性值=属性)alt替换文本title提示文本width图片宽度6.链接（段落内空格+target="_blank"跳转新窗口7.音频loop循环播放autoplay自动播放（禁用controls显示音频面板8.视频muted静音播放同（7）9.列表无序列表：有序列表：定义列表：

stoAir·2023-12-20 21:28

Vue中的双向数据绑定v-model的实现原理

个人网站:【紫陌】【笔记分享网】想寻找共同学习交流、共同成长的伙伴，请点击【前端学习交流群】数据双向绑定？

紫陌~·2023-12-20 18:09

TypeScript前端学习（一）

前言之前只分享了前端环境的搭建，没有系统分享前端。最近到年底了，公司活也不多了，是时候学习下前端了。其实我也不知道怎么学前端，当初放弃前端就是因为可恶的样式与布局。今天分享也是不是从css、html分享，今天开始学习TypeScript，同时分享给大家，跟大家共同进步。一、TypeScript是什么？二、TypeScript使用步骤1.工具安装这个其实可以去TypeScript官网照着弄，对于有经

肥仔哥哥1930·2023-12-20 15:40

关于前端学习的思考-浮动元素嵌套块级元素12.18

1、块级元素嵌套浮动元素先摆图片，当橘色的盒子高度减少的时候，NKADTBPKNN并不会减少。如何解决呢？加一个overflow：clip或者hidden2、浮动元素嵌套块级元素加一个overflow：clip或者hidden综上所述，无论是块级元素嵌套浮动元素，还是浮动元素嵌套块级元素，都可以用overflow去解决这个细节问题。

Stephen Qiao·2023-12-20 06:11

前端学习的思考-细节打磨12.18`

实际工作中，人脑的想法很多，需要去调用很多知识去解决它。这里分享实践中遇到的几个细节：1、先摆图片我们想要通过点击“鞋品牌”，得到下拉菜单。我们来看代码结构。很明显，鞋品牌和下拉菜单是兄弟元素，li和下拉菜单是父子元素。这里我们用两种办法去解决。一个是同级元素，一个是父级元素。1、.nav-item2：hover~.meau.nav-item2：hover代表鼠标移入到鞋品牌后触发。~.meau代

Stephen Qiao·2023-12-20 06:40

如何用好react

静态的内容很容易写，写好html+css就可以了动态的数据会引起我们dom的更新，我们采用了声明式而非jquery的命令式编程方法，完成了UI=render(data)的过程。

_贺瑞丰·2023-12-19 20:20

HTML5+CSS3小实例：纯CSS实现锚点平滑过渡

实例：纯CSS实现锚点平滑过渡技术栈：HTML+CSS效果：源码：【HTML】纯CSS实现锚点平滑过渡ABCD<divclass&#

艾恩小灰灰·2023-12-19 15:22

「HTML+CSS」--自定义按钮样式【004】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或

海轰Pro·2023-12-19 07:51

网页设计前端作品（大一）HTML+CSS

web网站建设·2023-12-19 05:01

HTML5+CSS3小实例：纯CSS实现网站置灰

实例：纯CSS实现网站置灰技术栈：HTML+CSS效果：源码：【HTML】纯CSS实现网站置灰有时候，为了缅怀一些人和事（比如：汶川地震、伟人逝世……），我们需要把网站变成灰色。

艾恩小灰灰·2023-12-19 03:39

flying-saucer-pdf终于完美解决了（中文问题，换行问题，分页，页眉页脚，水印）,html+css控制pdf样式

集成freemarker+flying-saucer-pdf+itext，通过html模板生成PDF折腾了很久，flying-saucer-pdf终于完美解决了（中文问题，换行问题，页眉页脚，水印）,html

zhong_jianyu·2023-12-18 23:25

纯HTML+CSS实现可响应式登陆界面

先上效果视频：演示视频基本思路：一：日月切换模块1.用阴影画出太阳和月亮2.用transform:translate；transform:rotate；两个属性实现日月交换效果3.使用标签实现左上角滑块与复选按钮的链接4.用兄弟选择器“~”实现一个元素对另一个元素的控制二：注册界面模块1.使用z-index属性，使注册界面元素全部位于登陆界面之上2.把注册界面大盒子用clip-path:circl

孤雪心殇·2023-12-18 21:43

Web大学生网页成品电影网站设计与制作 HTML+CSS网页期末大作业

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239790(title-A27电影动漫言叶之庭)]截图演示04.png03.png0

STU网页设计·2023-12-18 20:29

Java:如何更优雅的处理空值？

在这里小编建了一个前端学习交流扣扣群：1093794329，我自己整理的最新的前端资料和高级开发教程，

骨灰设计师小X·2023-12-18 15:33

【融职培训】Web前端学习第2章网页重构15 flex布局

一、flex布局概述此前我们制作的所有网页都是基于盒子模型和浮动布局完成的，本节我们一起学习弹性布局（或者叫弹性盒子布局），这是一种更先进的布局方式，可以让网页布局更简洁，更易于维护。本节会针对flex布局的常用属性，讲解如何将flex布局应用到实际项目中。二、flex容器将一个元素设置如下属性1.box{2display:flex;3}此容器会变成一个flex容器（flexcontainer），

lmonkey_01·2023-12-18 05:38

web前端开发入门，学习路径以及具体的学习内容

前端学习路径1.WEB前端快速入门在本阶段，我们需要掌握HTML与CSS基础，当然，也包含H5和C3的新特性。这个部分内容非常简单，而且非常容易掌握。

陌染007·2023-12-18 01:09

【动画消消乐】HTML+CSS 自定义加载动画 056

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;align-items:center;background:#263238;}section{width:650px;height:300px;padding:10px;position

海轰Pro·2023-12-17 20:56

【前端学习记录】Vuex状态管理学习笔记

为什么使用Vuex?在Vue中，当遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。对于问题二，我们经常会采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱，通常会导致无法维护的代码。Vuex通过把组件的共享状

Note_creek·2023-12-17 19:33

【前端学习记录】下载功能实现小记

前言在项目中，通常会遇到很多需要下载的需求，那么应该如何处理下载功能呢？通过模拟a标签实现下载直接上代码DownloadFileexportdefault{methods:{downloadFile(){//替换成你要下载的文件的URLconstfileUrl='https://example.com/path/to/your/file.txt';//创建一个隐藏的元素constdownloadL

Note_creek·2023-12-17 19:33

【前端学习记录】el-dialog弹窗点击确定按钮关闭弹窗时的执行逻辑

根据element文档可知，当对话框关闭时会执行close方法，我们可以在@close方法中加上对应的处理逻辑。因此在使用时需要注意以下几点：当确定和取消按钮的业务逻辑不一致时，我们将取消(点击右上角的x)的逻辑写在before-close的方法中当确定和取消按钮的业务逻辑一致时，我们将取消(点击右上角的x)的逻辑可以写在close方法中

Note_creek·2023-12-17 19:03

【前端学习记录】记一次分片上传逻辑的调试过程

前言在项目开发的过程中，经常会遇到上传和下载，对于上传来说，如果是小文件的话，接口响应会比较快，但是对于大文件，则需要对其分片以减少请求体的大小和上传时间。小文件上传以Vue框架使用为例，直接上代码点击上传只能上传jpg/png文件，且不超过500kbexportdefault{methods:{handleSuccess(response,file){//处理上传成功的逻辑console.log

Note_creek·2023-12-17 19:01

学CSS选择器，看这篇文章就够了（近2万字详解）

个人简介⭐️个人主页：微风洋洋‍♂️博客领域：编程基础,后端,大数据,信息安全写作风格：干货,干货,还是tmd的干货精选专栏：【JavaScript】【HTML+CSS】【Java学习笔记】【Java必刷题

微风洋洋·2023-12-17 19:21

01_Web开发基础之HTML+CSS

Web开发基础之HTML+CSS学习目标和内容1、能够描述Web开发需要的技术点2、能够描述HTML的作用3、能够实现一个列表4、能够实现创建一个表格5、能够实现一个表单6、能够描述CSS的作用7、能够使用选择器获取到标签

师范大学通信大怨总·2023-12-17 10:02

前端学习各阶段分别都在哪学？

image最近在群里总有小伙伴跟小肆说最近在学习前端的路上感到迷茫，他们有刚刚接触前端的小白，也有工作3年以上的老手，无一例外，他们都在不停的寻求进步（掌声呱唧呱唧），那小肆要说的呢，首先第一点，保持这种持续学习的心态，程序员这个行业不进则退，技术发展太快，靠吃老本是无法适应市场需求的。第二呢就是今天小肆要跟大家分享的，找对学习的地方。学习前端的不同时期我们应该学习的地方也不一样，小肆就在这里跟大

周小肆·2023-12-17 06:26

大数据毕业设计之前端02：架构布局和aside的设计

前言上一篇主要讲了我学习前端的一个经历，以及为什么选择BuildAdmin作为深入前端学习的原因.同事也大致聊了一下学习前端需要使用哪些技术栈。

叫我阿柒啊·2023-12-17 04:41

HTML5+CSS3小实例：萤火虫动画效果

三、开发环境开发环境：VsCode编程语言：Html+css操作系统：Win

编程乐学·2023-12-17 00:37

前端学习笔记（五）：VUE基础学习笔记

文章目录初识VUE（项目搭建）@vue/cli创建项目@vue/cli自定义配置vue指令基础指令虚拟DOM与key过滤器计算属性侦听器VUE组件创建使用组件通信生命周期axios使用$refs和$nextTick使用购物车案例组件切换组件插槽自定义指令tabbar案例VUE路由基础概念声明式导航路由传值的方式编程式导航嵌套和守卫Vant组件库VUE3VUE原理初识VUE（项目搭建）VUE渐进式j

★追梦赤子心★·2023-12-17 00:21

html+css阶段知识总结

html+css声明它不是html的标签，它为浏览器提供一项信息（声明），即html是用什么版本编写的。标签lang属性：HTML语言声明属性，用来定义当前文档显示的语言。

李华威_2021强化班·2023-12-16 22:20

博达网站群的入门级指南

目录1.静态网站HTML+CSS，复制改写网站2.复制上传静态网页到博达网站群：HTML、CSS、JS和相关资料等等3.新建模板：首页、列表页和内容页4.绑定相关组件：系统推荐组件、基本组件和栏目资料组件最常用

GISer_Jing·2023-12-15 19:37

前端登录界面网站设计模板--HTML+CSS

登录表单效果展示HTML代码展示</

白大锅·2023-12-15 18:27

web前端期末大作业——开心旅游网站设计与实现(HTML+CSS+JavaScript)

使用HTML+CSS页面布局设计,web大学生网页设计作业源码，这是一个不错的旅游网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用,这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计

html5网页设计·2023-12-15 16:08

前端学习笔记之CSS3浮动定位与背景样式（三）

CSS3浮动定位与背景样式浮动与定位浮动的基本概念浮动用来实现并排浮动的最本质功能：用来实现并排浮动的使用浮动使用要点：要浮动，并排的盒子都要设置浮动父盒子要有足够的宽度，否则子盒子会掉下去浮动的顺序贴靠特性子盒子会按顺序进行贴靠，如果没有足够空间，则会寻找再前一个兄弟元素浮动的元素不再区分块级元素、行内元素，已经脱离了标准文档流，一律能够设置宽度和高度，即使它是span或者a标签等span{fl

FrebEaton·2023-12-15 15:57

SpringBoot+Vue3前后端快速整合入门

前言最近需要维护一个个人项目，由于笔者是一个大后端，所以借此机会把前端学习过程记录一下，方便后续回顾。

shark-chili·2023-12-15 12:31

前端学习--React(5)

一、useReducer管理相对复杂的状态数据定义一个reducer函数，根据action值的不同返回不同的状态在组件中调用useReducer并传入reducer函数和状态的初始值事件发生时，通过dispatch函数分派一个对象，即通知reducer具体返回哪个状态对应的操作import{useReducer}from"react";functionreducer(state,action){s

Michelle209·2023-12-15 12:44

「HTML+CSS」--自定义按钮样式【002】