前端学习经验记录

自学前端学习笔记-02CSS基础样式语法

◆CSS三大特性1.继承性2.层叠性3.优先级继承<通配符选择器<标签选择器<类选择器
Informal杨·2024-01-17 21:27

谁说程序员都是秃子?给你个眼神自己体会！

这里还是要推荐下小编的web前端学习裙:6879，58461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自
秋风_bdfd·2024-01-17 19:55

5月值月生总结

一个月的时间转瞬即逝，在有限的时间里，将自己的经验记录下来，整理成案例，希望过去的经验会对未来有所帮助。
YY酱吖·2024-01-17 18:17

《费曼学习法》第十九章

回顾前端学习的内容。第一，怀疑和探索。先对观点进行审视，通过审视的观点，要去思考更深处的原理。第二，寻找反证。有争议的地方往往是最有价值的地方。
伊娜·2024-01-17 10:25

react子父组件互相通信传值

react子父组件互相通信传值写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：https://zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563
潜心专研的小张同学·2024-01-17 07:57

前端学习day27：弹性盒模型

1.盒模型的分类①标准盒模型box-sizing:content-box②怪异盒模型box-sizing:border-box③弹性盒模型2.弹性盒模型的定义传统布局基本依靠display、float、position来完成，有些特殊的布局写起来不太方便。CSS3弹性盒（FlexibleBox或flexbox伸缩盒），是css3的一种全新的布局模式，是一种当页面需要适应不同的屏幕大小以及设备类型时
ysccsyysc·2024-01-17 06:19

前端学习路线

前端学习路线大致的路线图：（个人看法）1.笔记管理使用Typora/vscode等工具将笔记存储在本地；破解版：http://www.itmind.net/13398.html使用github/gitee
城南顾北·2024-01-16 19:55

前端学习之旅(五)【stick】

任务学习使用前端中的粘性定位stick代码粘性定位.container{height:2000px;background-color:gray;}.header{height:80px;background-color:skyblue;line-height:80px;text-align:center;font-size:30px;}.item-first{height:50px;backgro
LeopardRich·2024-01-16 16:37

前端学习之旅(六)【定位元素居中】

任务一实现已经设计好的元素在父元素中水平方向填充满。设计好的元素展示：想要实现的效果：代码实现前的代码：定位元素居中/*原本设计好的样式，不能修改*/.container{height:400px;background-color:gray;position:relative;}.inner{background-color:orange;border:10pxsolidblack;padding
LeopardRich·2024-01-16 16:37

前端学习之旅(一)【对齐】

实操作业一任务实现以下效果代码解答B站学习样式一.outer{height:400px;width:400px;background-color:gray;overflow:hidden;}.inner{height:100px;width:200px;background-color:orange;margin:0auto;margin-top:150px;line-height:100px;t
LeopardRich·2024-01-16 16:07

前端学习之旅(二)【float】

学习任务float浮动产生的效果代码浮动小练习.outer{width:500px;border:1pxsolidblack;}.inner{height:100px;width:100px;background-color:skyblue;margin:10px;}123-->456-->789-->abc-->def-->学习方式分别查看每一个outer类的div产生的效果，将其他div注释。
LeopardRich·2024-01-16 16:07

前端学习之旅(四)【float实操】

任务使用float的方式，实现以下效果：代码实现浮动小实践*{margin:0;padding:0;}.horizontal{text-align:center;}.float-left{float:left;}.float-right{float:right;}.float-clear::after{content:"";display:block;clear:both;}.logo{width
LeopardRich·2024-01-16 16:07

前端学习之旅(三)【解决float】

其他问题，大家可以参考上一篇文章：前端学习之旅(二)解决方法方法一：直接给父元素增加height属性方法分析：能解决问题一（父元素的高度塌陷问题）和问题二（父元
LeopardRich·2024-01-16 16:35

前端学习路径

菜鸟感觉很多人不太知道菜鸟写的博客是一个可以跟着学习、一起深入理解的过程，其中包括了菜鸟从刚开始学习到后面重新学习，再到后面进入学框架等一系列学习过程、知识和感悟，所以菜鸟把自己的博客整理成一个目录提取出来，好让读者跟着进度一起学习，这些文章早就写了，所以有不足的地方还望读者指出，菜鸟来更改！这里菜鸟会把建议一起学习的进行标注，这种建议一起学习的是因为没有对应的学习资料，是菜鸟总结的，还有部分可能
PBitW·2024-01-16 13:33

【wow-ts】前端学习笔记Typescript基础语法（一）

项目地址是https://github.com/datawhalechina/wow-ts。我选择的是ts前端课程Typescript笔记TypeScript入门介绍基础数据类型TypeScript基础数据结构TypeScript变量声明变量作用域TypeScript入门介绍第一次接触ts，先去了解了下ts的内容，复制内容如下TypeScript是JavaScript的一个超集，支持ECMAScr
miskirito·2024-01-15 22:40

一些前端学习过程的自测练习题

目录页面设计部分1设计一个简单的学院网站首页；2.按照图示要求完成简单的登录页面3.完成如下网站设计4.完成如下网站设计（练习页面布局）5利用下面素材，设计一个满足H5规范的网页（移动端页面练习）：Javascrip部分1写一个表单，包含姓名，学号，邮箱，手机号；提交时，做客户端验证（javascript）；2DoM练习：动态添加新元素3.4做一下如下的轮换图效果；5用myFocus库，重做上面的
程序猿online·2024-01-15 02:19

html常用标签大全

我的学习交流群web前端学习交流群字体标签，用于展示效果中修饰文字样式文字size:控制字体大小.最小1~最大7。
八重樱勿忘·2024-01-13 21:21

2021-09-27

前端虽然相对后端和其他开发相对简单，但是一个月的前端学习应该只是到达一个简单页面的书写的程度。
小闲闲974x·2024-01-13 11:57

web前端 html+css+javascript游戏网页设计实例 (网页制作课作业)

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南
IT黑马程序员·2024-01-13 10:06

前端学习笔记 5：大事件

前端学习笔记5：大事件本文将学习一个示例项目（大事件）的前端搭建过程。1.准备工作1.1.创建工程创建一个名称为big-event的Vue3项目，具体可以参考这篇文章。
魔芋红茶·2024-01-11 23:57

前端学习笔记 6：Pinia

前端学习笔记6：PiniaPinia是Vue的一个官方库，用于状态管理。1.安装首先创建一个Vue3项目，具体方式可以参考这里。
魔芋红茶·2024-01-11 23:26

【前端学习笔记3——选不中按钮、全局变量、表格不显示、查看变量值】

前端学习笔记三，覆盖button选不中，可能是被别的元件覆盖了，用开发者工具选择元件，可以在样式里添加z-index或者用position把相对定位变为绝对定位。.
weixin_47227105·2024-01-11 17:06

暑期字节青训营前端学习笔记——简略

文章目录前端与HTML什么是前端？前端应该关注那些方面？注意HTML标签的语义化web开发的基本情况关于前端的开发：起源、架构、变迁前端应用的领域前端应用领域---浏览器前端应用领域---服务器前端应用领域---终端和跨端语言、框架、工具浏览器、网络、服务器Web标准标准组织：HTTP协议初识HTTP协议什么是HTTP协议协议分析报文methodWeb安全攻击防御对于XSS攻击：CSRF的防御Ty
放荡不羁的小雨鸽·2024-01-11 05:33

前端学习专栏

前端专栏订阅会员HTML教程HTML教程CSS教程CSS教程JavaScript教程JavaScript教程TypeScript教程TypeScript教程ES6ES6Node.jsNode.jsnpm包管理工具npm包管理工具Yarn包管理工具Yarn包管理工具Webpack前端打包工具Webpack前端打包工具BabelBabelCSS预处理器SassCSS预处理器SassCSS预处理器Les
weixin_51551879·2024-01-09 22:34

关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现

可以替换文字图片满足不同的CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线网页基本结构网页演示网站源码
二挡起步·2024-01-09 12:36

【融职培训】Web前端学习 第3章 JavaScript基础教程4 条件语句

一、概述语句执行流程有三种：顺序执行、条件执行、循环执行。条件语句表示的就是按照条件判断执行哪些代码（或不执行哪些代码）。例如：我们登录一个软件，输入用户名和密码的时候，输入正确则登录成功，输入错误，会弹出相关提示，这就是一个典型的分支语句（在实际开发中，这个功能或设计多个分支语句）。二、if语句if语句是最基本的条件控制语句，它让JavaScript程序可以选择执行顺序，我们可以通过一个布尔值来
lmonkey_01·2024-01-07 23:41

前端学习网址

https://blog.csdn.net/qq_42915988/article/details/81532921react介绍https://www.bilibili.com/video/BV15Q4y1K79c前端权限的控制和意义https://blog.csdn.net/bentou_/article/details/105400022token设置https://www.cnblogs.
简简单单_aed2·2024-01-06 03:00

温故js系列（11）-BOM

前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总欢迎提issues斧正：BOMJavaScript-BOMBOM是browserobjectmodel
生产的驴·2024-01-05 23:38

【前端学习笔记】HTML5中的video和audio

标签定义声音，比如音乐或者其他音频流。标签定义视频，比如电影片段或其他视频流。video和audio的优点：都不需要第三方插件就能播放音频和视频，可以直接插入，并且用同一的API接口控制。video和audio的缺点：1）暂时没有对流视频的支持和规范。流媒体分HTTP渐进式下载和实时流式传播，video和audio属于HTTP属于渐进式下载，不需要流媒体服务器，普通HTTP服务器就可以。2）播放媒
花上·2024-01-05 05:02

前端学习|第三章

CSS学习|第二章前言九、圆角边框十、盒子阴影十一、文字阴影十二、浮动12.1浮动的特性12.2常见网页布局12.3清除浮动十三、定位十四、元素的显示与隐藏前言小白开始干前端生命不息，学习不止~~以下内容源于黑马前端教程，纯属搬运工了上篇：CSS学习|第一章九、圆角边框在CSS中，新增了圆角边框样式，这样就能使盒子变成圆角了。border-radius属性用于设置元素的外边框圆角。语法：borde
多加点辣也没关系·2024-01-04 09:54

前端学习笔记 3：Vue 工程

前端学习笔记3：Vue工程上一篇文章介绍了如何在单一Html页面中使用Vue，本文介绍如何从头开始用Vue构建一个前端工程项目。
魔芋红茶·2024-01-03 15:03

前端学习笔记 2：Vue

前端学习笔记2：VueVue是一个目前最流行的前端响应式框架，关于它的简单介绍可以观看这里。
魔芋红茶·2024-01-03 15:32

前端学习笔记 1：js 导入导出

前端学习笔记1：js导入导出1.传统引用一般性的，用以下方式引入JS中定义的函数或对象到Html中使用：functionshowMessage(){console.log("hello");}functionshowChineseMessage
魔芋红茶·2024-01-03 15:02

前端学习笔记 4：Element Plus

前端学习笔记4：ElementPlus1.准备工作在使用ElementPlus之前，需要先创建一个Vue工程，具体可以参考上一篇文章。
魔芋红茶·2024-01-03 15:01

【融职培训】Web前端学习 第2章 网页重构9 css定位

一、定位的基本概念在我们浏览网页的过程中，经常会发现网页中的元素重叠展示，例如一个列表压在了一张图片之上，或者浏览器右下角突然弹出的广告压到了其他元素之上，这些都需要使用css的定位才能实现，本节我们就讲解css定位相关的属性，定位可以分为三类:绝对定位相对定位固定定位二、css定位详解我们可以通过position属性，将一个元素设置成定位元素，之后就可以通过top、left、bottom、rig
lmonkey_01·2024-01-02 15:11

2024年总结的前端学习路线分享（学习导读）

在写上一篇2023年前端学习路线的时候，时间还在2023年初停留，而如今不知不觉时间已经悄然来到了2024年，回顾往昔岁月，常顾于迷失在琐碎的事物中，虚度光阴，令人深感悔恨和羞愧。
亦世凡华、·2024-01-01 22:41

2021-07-21 浏览器机制以及进程线程的关系

看了一篇大神的博客，对前端学习体系突然明悟了起来。于是准备参考着大神的脚步开始体系化的学习。博客链接:https://segmentfault.com/a/1190000013662126。
半眼鱼·2024-01-01 18:36

代码随想录刷题笔记（DAY4）

今日总结：今天把中心放在前端学习上，最后一个题没有完全理解，明天早起补上吧。勉强算完成任务。
*Soo_Young*·2024-01-01 08:04

教你一步步使用vue创建项目【超详细(^_−)☆】

前端学习路线：从小白到大神的一步之遥工具VueCLINode.js安装安装VueCLI脚手架安装路由router安装elementUI安装axios(扩展知识)修改npm默认安装路径并配置环境变量或直接配置环境变量工具
半生过往·2023-12-31 21:18

web前端学习（二）：React是最优秀的web框架，基于JS专注于视图层

React是用于构建用户界面的JavaScript库,只关注于视图，主要表现为将数据渲染为HTML视图。一、React基础学习npx普通安装创建一个项目npxcreate-react-appreact-app创建一个react-app项目yarnstart启动项目(默认3000端口)http://localhost:3000/高级安装--使用脚手架npmi-gcreate-react-appcre
起航吧！少年·2023-12-31 03:14

前端学习ffmpeg RTMP HLS协议记录

ffmpeg安装配置需要准备linux环境，本人主要从事前端工作，一直没有接触过linux,从公司业务开始做音视频开发之后，发现少不了需要linux环境来搭建各种测试工具，于是就花高价租了阿里云。。。。ffmpeg的安装放在了windows环境下ffmpeg官网下载对应的release版本，下载地址https://www.gyan.dev/ffmpeg/builds/下载之后选择一个目录直接解压，
翠莲·2023-12-31 00:24

前端学习之路---CSS

CSS学习内容下一篇javascript基础（1）1.学会使用CSS选择器2.熟记CSS样式和外观属性3.熟练掌握CSS各种选择器4.熟练掌握CSS各种选择器5.熟练掌握CSS三种显示模式6.熟练掌握CSS背景属性7.熟练掌握CSS三大特性8.熟练掌握CSS盒子模型9.熟练掌握CSS浮动10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSSCSS的发展历程从HTML被发明开始，样式就以各种
胡哥居士·2023-12-30 03:21

史上最全web前端学习资料总结

HTML+CSS入门：HTML30分钟入门：http://deerchao.net/tutorials/html/html.htmw3school：http://www.w3school.com.cn/html/index.asp菜鸟教程：http://www.runoob.com/html/html-tutorial.html绿叶学习网：http://www.lvyestudy.com/html
强哥科技兴·2023-12-30 00:50

2021-08-25_vue环境搭建前端学习笔记

20210825_vue环境搭建前端学习笔记1概述1.1目录结构image-20211001195604044.png1.2项目配置细节1.2.1配置拦截器//E:\workdirectory\Dev\
kikop·2023-12-29 14:00

前端学习-TypeScript入门

JavaScript是弱类型语言，经常运行是出现因为类型原因导致代码报错。TypeScript是JavaScript的一个超集，只是在JavaScript的基础之上增加了一些类型标记语法；浏览器并不认识TypeScript，最终还是要编译成JavaScript才能执行。一.为什么要使用TypeScript？使用TypeScript定义：IDE智能提醒，减少代码低级错误。修改TypeScript定义
什巳·2023-12-29 05:24

【前端学习】TypeScript中的基本类型

TypeScript变量类型：除去在JS中的八种数据类型：Number,String,Boolean,Null,Undefined,Symbol,BigInt,Object外，还增加了一些数据类型：1、元组元组可以看做数组的拓展，表示已知元素数量和类型的数组；lettuple:[string,number,boolean];tuple=["a",2,false];2、枚举enumRoles{SUP
人海@·2023-12-29 05:24

TypeScript前端学习（三）

前言继续分享TypeScript学习笔记，大佬请绕行。一、函数参数functionfunc1(a,b,c){console.log("-----"+a,b,c);}func1("a","b","c");functionfunc2(a,b,c){console.log("---可变参数--"+a,b,c);}func2("a");functionfunc3(a,b,c){if(c===void0){
肥仔哥哥1930·2023-12-29 05:51

web前端学习之TypeScript（持续更新中...）

web前端学习之TypeScriptTypeScript简介什么是TypeScript?
书剑走江湖·2023-12-29 05:51

前端学习笔记（11）-typescript总结

0.JavaScript和TypeScript的主要差异TypeScript从核心语言方面和类概念的模塑方面对JavaScript对象模型进行扩展。JavaScript代码可以在无需任何修改的情况下与TypeScript一同工作，同时可以使用编译器将TypeScript代码转换为JavaScript。TypeScript通过类型注解提供编译时的静态类型检查。TypeScript中的数据要求带有明确
吃花椒的恩酱·2023-12-29 05:20

Web前端HTML5表单的应用——调查问卷

石家庄邮电职业技术学院专属活动第2期：【校园前端学习笔记】主题征文石家庄邮电职业技术学院社区学号后四位：0235知识点(项目涉及标签)form标签——创建表单action属性用于指定接收并处理表单数据的服务器
最爱点点了·2023-12-29 03:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他