从零开始学前端
关注
分享
扫一扫
文章平均质量分 93
博主报了一个课程，结果发现内容过于简单，就想着做一个基础班的前端学习。系统一下学习的知识，夯实一下基础，有兴趣的伙伴可以一起学习~第一次做专栏，有不对的地方望多指正。
Coisini_甜柚か
我的征途是星辰大海，我要去的地方是春暖花开。
展开
-
AntV X6的学习使用
这里学习的是Vue3+AntV X6的2.*版本，AntV X6的2版本相较于1版本，引入方法发生了改变，可以按需引入，但同时也会更加容易出错。原创 2023-04-26 10:32:07 · 3609 阅读 · 1 评论 -
从零开始学前端：事件对象，事件冒泡，事件捕获 --- 今天你学习了吗？（JS：Day22-23）
从零开始学前端：事件对象，事件冒泡，事件捕获 --- 今天你学习了吗？（JS：Day22-23）原创 2023-04-04 16:56:01 · 544 阅读 · 0 评论 -
从零开始学前端：键盘事件、小球运动 --- 今天你学习了吗？（JS：Day21）
从零开始学前端：键盘事件、小球运动 --- 今天你学习了吗？（JS：Day21）原创 2022-11-22 16:36:45 · 675 阅读 · 0 评论 -
从零开始学前端：DOM、BOM、焦点事件 --- 今天你学习了吗？（JS：Day20）
从零开始学前端：DOM、BOM、焦点事件 --- 今天你学习了吗？（JS：Day20）原创 2022-11-21 17:23:19 · 929 阅读 · 0 评论 -
从零开始学前端：查找替换+进度条+随机颜色+随机选择今日任务 --- 今天你学习了吗？（JS：Day18）
从零开始学前端：查找替换+进度条+随机颜色+随机选择今日任务 --- 今天你学习了吗？（JS：Day18）原创 2022-11-21 17:08:04 · 622 阅读 · 0 评论 -
从零开始学前端：json对象，对象的序列化和反序列化 --- 今天你学习了吗？（JS：Day15）
从零开始学前端：json对象，对象的序列化和反序列化 --- 今天你学习了吗？（JS：Day15）原创 2022-11-16 17:39:33 · 1614 阅读 · 0 评论 -
从零开始学前端：垃圾回收机制，闭包，案例 --- 今天你学习了吗？（JS：Day11）
从零开始学前端：垃圾回收机制，闭包，案例 --- 今天你学习了吗？（JS：Day11）原创 2022-11-15 14:34:45 · 760 阅读 · 0 评论 -
从零开始学前端：CSSOM视图模式 --- 今天你学习了吗？（JS：Day19）
从零开始学前端：CSSOM视图模式 --- 今天你学习了吗？（JS：Day19）原创 2022-06-15 15:10:05 · 523 阅读 · 0 评论 -
从零开始学前端：日期对象 --- 今天你学习了吗？（JS：Day17）
从零开始学前端：日期对象 --- 今天你学习了吗？（JS：Day17）原创 2022-04-24 21:58:21 · 523 阅读 · 0 评论 -
从零开始学前端：定时器，回调函数，math对象 — 今天你学习了吗？（JS：Day16）
从零开始学前端：定时器，回调函数，math对象 — 今天你学习了吗？（JS：Day16）原创 2022-04-20 17:48:41 · 1998 阅读 · 1 评论 -
从零开始学前端：字符串、数组的方法 --- 今天你学习了吗？（JS：Day12/13/14）
从零开始学前端：字符串、数组的方法 --- 今天你学习了吗？（JS：Day12/13/14）原创 2022-04-19 16:55:11 · 1153 阅读 · 1 评论 -
从零开始学前端：购物车和鲜花价格排序 --- 数组应用
从零开始学前端：购物车和鲜花价格排序 --- 数组应用原创 2022-04-19 16:53:23 · 368 阅读 · 0 评论 -
从零开始学前端：作用域、执行顺序 --- 今天你学习了吗？（JS：Day10）
从零开始学前端：作用域、执行顺序 --- 今天你学习了吗？（JS：Day10）原创 2022-04-17 01:47:07 · 872 阅读 · 0 评论 -
从零开始学前端：函数、封装 --- 今天你学习了吗？（JS：Day9）
从零开始学前端：函数、封装 --- 今天你学习了吗？（JS：Day9）原创 2022-04-12 00:57:01 · 1084 阅读 · 2 评论 -
从零开始学前端：九九乘法表+全选，全不选，反选 --- 今天你学习了吗？（JS：Day8）
从零开始学前端：九九乘法表+全选，全不选，反选 --- 今天你学习了吗？（JS：Day8）原创 2022-04-10 03:41:04 · 854 阅读 · 1 评论 -
从零开始学前端：数据类型转换、运算符 --- 今天你学习了吗？（JS：Day7）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）复习：从零开始学前端：数据类型转换、运算符 — 今天你学习了吗？（JS：Day6）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）前言第七节课：九九乘法表、全选反选全不选一、九九乘法表二、全选反选全不选例图：前言落下了总结的课程，毕设在火热的进行中，可能总结的越来越慢，不得不说，毕设真难呀，要哭了~第七节课：九九乘法表、全选反选全不选一、九九乘法表例图：代码：<!DOCTYPE html原创 2022-04-10 00:57:53 · 750 阅读 · 0 评论 -
从零开始学前端：for循环 --- 今天你学习了吗？（JS：Day6）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）复习：从零开始学前端：上节课案例+break，continue以及while和do while — 今天你学习了吗？（JS：Day5）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）前言第六节课：数据类型转换、运算符、点击输出多个div、右尖括号一、数据类型转换1.转数字：Number()2.转字符串：String()3.转布尔值：boolean()4.parseInt,parseFloat二、运算符三、与或原创 2022-04-07 00:08:09 · 1013 阅读 · 0 评论 -
从零开始学前端：聊天发表+js轮播图 --- 今天你学习了吗？（JS：Day5）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）复习：从零开始学前端：if判断，for循环，switch判断 — 今天你学习了吗？（JS：Day4）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）前言第五节课：上节课案例+break，continue以及while和do while一、案例1：发表信息二、案例2：JS轮播图三、break停止循环四、continue跳出五、while六、do while七、死循环前言半夜趴在这里整理复习，感觉很冷然后拿了原创 2022-04-01 22:50:24 · 661 阅读 · 2 评论 -
从零开始学前端：json对象，数据类型if，swich，三目运算 --- 今天你学习了吗？（JS：Day4）
从零开始学前端：json对象，数据类型if，swich，三目运算 --- 今天你学习了吗？（JS：Day4）原创 2022-04-01 22:49:22 · 1171 阅读 · 2 评论 -
从零开始学前端：中括号代替点操作，获取对象，自定义标签属性 --- 今天你学习了吗？（JS：Day3）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）复习：从零开始学前端：初识函数，合法属性与自定义属性 — 今天你学习了吗？（JS：Day2）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）前言第三节课：中括号代替点操作，获取对象，自定义标签属性一、“[ ]”代替“ . ”操作二、获取对象的具体方式三、length属性四、自定义标签属性五、Arry数组六、json对象七、ES5的数据类型前言感觉JS牵连太深了，学的都是这个一点点那个一点点。第三节课：中原创 2022-03-28 23:44:04 · 1704 阅读 · 0 评论 -
从零开始学前端：初识函数，合法属性与自定义属性 --- 今天你学习了吗？（JS：Day2）
从零开始学前端：初识函数，合法属性与自定义属性 --- 今天你学习了吗？（JS：Day2）原创 2022-03-28 08:59:42 · 1418 阅读 · 1 评论 -
从零开始学前端：初识JavaScript --- 今天你学习了吗？（JS：Day01）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）复习：从零开始学前端：jQuery官网 — 今天你学习了吗？（CSS：Day26）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（JS）前言第一节课：初识JavaScript一、什么是JavaScript？二、前端三层三、JavaScript由哪几部分组成四、JavaScript代码写在哪里五、Script标签可以写在哪里六、JavaScript注释七、打印八、获取元素九、HTML事件十、定义变量前言上课啦上课原创 2022-03-23 21:48:38 · 1596 阅读 · 0 评论 -
从零开始学前端：jQuery官网 --- 今天你学习了吗？（CSS：Day26）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：标签渐变和媒体查询 — 今天你学习了吗？（CSS：Day25）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第二十六节课：jQuery官网一、官网效果二、制作效果三、代码四、展示效果五、代码包前言CSS章节完结撒花~第二十六节课：jQuery官网一、官网效果二、制作效果三、代码index.html<!DOCTYPE html><html原创 2022-03-16 15:25:27 · 1162 阅读 · 0 评论 -
从零开始学前端：OPPO商城轮播图 --- 今天你学习了吗？（CSS：Day23）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：css3新属性scss和less — 今天你学习了吗？（CSS：Day22）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第二十三节课：OPPO商城轮播图一、官网效果二、制作效果三、代码四、知识点五、代码包前言本章意在讲解轮播图之前的内容制作，效果图如下，时间有点紧张，所以值附上代码，后期有疑问的话可以进行讲解~第二十三节课：OPPO商城轮播图一、官网效果二、制作效原创 2022-03-05 23:32:33 · 632 阅读 · 0 评论 -
从零开始学前端：标签渐变和媒体查询 --- 今天你学习了吗？（CSS：Day25）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS：Day25）复习：从零开始学前端：grid布局和音频和媒体查询 — 今天你学习了吗？（CSS：Day24）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS：Day25）前言第二十五节课：标签渐变和媒体查询一、CSS3渐变1.线性渐变2.径向渐变二、多媒体查询1.为什么需要多媒体查询2.多媒体查询的类型3.多媒体查询属性前言马上结尾了嗷~第二十五节课：标签渐变和媒体查询一、CSS3渐变css渐变可以原创 2022-03-05 23:16:57 · 413 阅读 · 0 评论 -
从零开始学前端：grid布局和音频 --- 今天你学习了吗？（CSS：Day24）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：OPPO商城轮播图 — 今天你学习了吗？（CSS：Day23）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第二十四节课：grid布局和音频一、grid网格布局二、gird容器属性三、grid容器属性值四、grid属性设置单元格距离五、grid布局容器属性六、grid容器属性八、grid项目属性九、音频前言不要问我为什么没有23，因为被我吞了，嗷呜~ ，虎虎生威~第二十原创 2022-03-04 00:20:23 · 437 阅读 · 0 评论 -
从零开始学前端：css3新属性scss和less --- 今天你学习了吗？（CSS:Day22）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：形变 — 今天你学习了吗？（CSS：Day21）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第二十二节课：css3新属性scss和less一、CSS3滤镜属性二、CSS3计算属性三、less和sass的概念四、less和sass的变量五、less和sass的嵌套六、less和sass的访问符七、less的混入八、sass的混入九、less和sass的总结十、HTML5语义化标原创 2022-03-03 00:16:18 · 949 阅读 · 0 评论 -
从零开始学前端：形变（小游戏：3D翻滚盒子） --- 今天你学习了吗？（CSS：Day21）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：过渡和动画 — 今天你学习了吗？（CSS：Day20）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第二十一节课：形变一、什么是形变二、形变的位移属性三、形变的缩放属性四、形变的旋转属性五、练习前言快赶上进度了，不过每天除了作业还有别的事情，，之前的学的不扎实，练习也没有独立思考着做。发愁，继续追赶吧。第二十一节课：形变一、什么是形变属于2D/3D上的转换、变形效果。原创 2022-02-24 14:04:14 · 1076 阅读 · 1 评论 -
从零开始学前端：弹性盒模型（flex布局） --- 今天你学习了吗？（CSS：Day19）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：字体图标的引入 — 今天你学习了吗？（CSS：Day18）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十九节课：弹性盒模型（flex布局）一、弹性盒模型（flex布局）1. 弹性容器2. 弹性元素3.弹性盒子属性值：inline-flex和flex的区别二、弹性盒模型的属性1.flex伸展属性2.flex-shrink属性3.flex-wrap属性4.flex-direct原创 2022-02-23 17:32:17 · 661 阅读 · 0 评论 -
从零开始学前端：字体图标的引入 --- 今天你学习了吗？（CSS：Day18）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：定位 — 今天你学习了吗？（CSS：Day17）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十八节课：字体图标的引入一、阿里字体图标的引入二、阿里字体图标的使用(免费)三、外国网站的字体引用(Some need little money)四、ico网站logo的设置五、练习前言补作业补作业补作业~第十八节课：字体图标的引入一、阿里字体图标的引入我们在小米官网页面原创 2022-02-22 16:25:46 · 1265 阅读 · 0 评论 -
从零开始学前端：定位 --- 今天你学习了吗？（CSS：Day17）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：显示隐藏与文本溢出 — 今天你学习了吗？（CSS：Day16）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十七节课：定位一、定位二、静态定位三、相对定位四、绝对定位五、子绝父相六、定位居中七、固定定位八、定位的叠放次序z-index前言缝缝补补又一年…第十七节课：定位一、定位为什么要定位？当我们滚动窗口的时候，某些盒子是固定屏幕的某个位置的，比如一些导航栏。原创 2022-02-22 14:33:24 · 690 阅读 · 0 评论 -
从零开始学前端：过渡和动画 --- 今天你学习了吗？（CSS：Day20）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：flex布局 — 今天你学习了吗？（CSS：Day19）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第二十节课：过渡和动画一、什么是过渡二、过渡的属性三、什么是动画四、动画的属性前言emmm，别问我为什么忽然跳章节了，问就是补了，没补上，但是也不能落下新课，后期补的话，相当于自学，老师讲的知识就留不住了。第二十节课：过渡和动画一、什么是过渡网页标题logo的设置原创 2022-02-22 11:28:25 · 1551 阅读 · 7 评论 -
从零开始学前端：显示隐藏与文本溢出 --- 今天你学习了吗？（CSS：Day16）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：浮动 — 今天你学习了吗？（CSS：Day15）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十六节课：显示隐藏与文本溢出一、显示隐藏二、overflow文字溢出样式1.单行文本溢出2.多行文本溢出（不常用）三、滚动条样式（不常用）前言这节课主要讲之前的练习题（OPPO商城和放春节假前的小米空调），所以讲的并不多。第十六节课：显示隐藏与文本溢出一、显示隐藏displ原创 2022-02-21 17:24:06 · 956 阅读 · 0 评论 -
从零开始学前端：浮动 --- 今天你学习了吗？（CSS：Day15）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：CSS盒子模型属性 — 今天你学习了吗？（CSS：Day14）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十五节课：浮动一、浮动1.标准流2.浮动a.浮动的特性（重点）b.清除浮动3.定位二、练习前言因为差了几节课，所以每节课有多少知识点还不清楚，个人看着ppt总结的。内容不全的后续会补充~这是开工后的第一节课，主要是复习上次最后学习的盒子模型属性。第十五节课：浮动原创 2022-02-21 09:37:48 · 349 阅读 · 0 评论 -
从零开始学前端：CSS盒子模型属性 --- 今天你学习了吗？（CSS：Day14）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：伪元素和盒子模型 — 今天你学习了吗？（Day13）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十四节课：CSS盒子阴影一、盒子模型1.圆角边框2. 盒子阴影3.文字阴影4.CSS3新盒子二、练习前言一懒终身懒…开工第一天，讲课没听懂，正好之后赶上情人节元宵节，朋友过生日，然后又连着两节课没上，我现在感觉已经落下好多…欲哭无泪。第十四节课：CSS盒子阴影一、盒子模原创 2022-02-18 16:36:02 · 309 阅读 · 0 评论 -
从零开始学前端：伪元素和盒子模型 --- 今天你学习了吗？（CSS：Day13）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：CSS元素模式的转换和CSS三大特性 — 今天你学习了吗？（CSS：Day12）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十三节课：伪元素和盒子模型一、伪元素二、基线对齐三、解决基线对齐问题四、盒子模型1.盒子模型margin（外边距）2.盒子模型border（边框）3.盒子模型padding（内边距）4.margin的应用（外边距重合问题）五、练习前言我这忙碌又充实原创 2022-01-25 14:31:46 · 615 阅读 · 0 评论 -
从零开始学前端：CSS元素模式的转换和CSS三大特性 --- 今天你学习了吗？（CSS：Day12）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：复习课程 — 今天你学习了吗？（CSS：Day11）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十二节课：CSS元素模式的转换和CSS三大特性和伪元素一、CSS元素模式的转换1.元素显示模式2.块元素3.行内元素4.行内块元素5.元素显示模式的转化二、CSS三大特性1. 层叠性2.继承性3.优先级前言感觉太忙了，学习的时候有的基础以前了解过，就没那么认真，然后做题，练习原创 2022-01-24 17:04:36 · 789 阅读 · 0 评论 -
从零开始学前端：复习课程 --- 今天你学习了吗？（CSS：Day11）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：CSS复合选择器 — 今天你学习了吗？（CSS：Day10）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十一节课：复习课一、知识点复习第一节课： HTML框架和VS Code安装第二节课：HTML的一些文本格式化标签、快捷键、和特殊符号第三节课：链接跳转第四节课：表格制作第五节课：表单制作第六节课：列表标签第七节课：CSS引入第八节课：CSS字体属性和文本属性第九节课：CS原创 2022-01-20 09:54:35 · 1344 阅读 · 0 评论 -
从零开始学前端：CSS复合选择器 --- 今天你学习了吗？（CSS：Day10）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：CSS背景颜色 — 今天你学习了吗？（CSS：Day09）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第十节课：CSS复合选择器一、复合选择器二、后代选择器三、子选择器四、兄弟选择器五、并集选择器六、伪类选择器七、链接伪类选择器八、focus伪类选择器九、结构伪类选择器十、复合选择器总结十一、练习前言发现眼睛看一遍，第二天该用的时候还是想不起来，所以打算尽量抽时间定时在重原创 2022-01-18 15:54:38 · 1008 阅读 · 0 评论 -
从零开始学前端：CSS背景颜色 --- 今天你学习了吗？（CSS：Day09）
从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）复习：从零开始学前端：CSS字体属性和文本属性 — 今天你学习了吗？（CSS：Day08）文章目录从零开始学前端：程序猿小白也可以完全掌握！—今天你学习了吗？（CSS）前言第九节课：CSS背景颜色一、 背景颜色二、.背景颜色半透明三、背景图片四、背景平铺五、背景图片位置六、背景图片固定七、背景复合写法八、练习前言第九节课：CSS背景颜色通过CSS背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺原创 2022-01-17 11:08:57 · 1953 阅读 · 0 评论