前端入门 - 基础语言篇

前端入门 - 基础语言篇

前端入门 - 基础语言篇

记录上课的笔记

等 2 人订阅共10篇文章创建于2024-11-04

[字节青训营]前端方向Day8-前端入门 - 基础语言篇 - 如何写好JavaScript-代码质量优化之路 | 豆包MarsCode AI刷题

JS代码质量优化交通灯切换每个setTimeout都是异步的，一直嵌套将数据抽象出来将过程抽象出来源码：https://code.juejin.cn/pen/7108196628170801

10月前
36
点赞
评论

[字节青训营]前端方向Day7-前端入门 - 基础语言篇 - 如何写好JavaScript-过程抽象 | 豆包MarsCode AI刷题

过程抽象 [源码]：https://code.juejin.cn/pen/7108192324600987656 应用函数式编程思想(编程范式) 用来处理局部细节控制的一些方法函数式编程思想的基础应

10月前
17
点赞
评论

[字节青训营]前端方向Day6-前端入门 - 基础语言篇 - 如何写好JavaScript-组件封装-手撕简单的轮播图(4) | 豆包MarsCode AI刷题

源代码链接[https://code.juejin.cn/pen/7108191503301754910] HTML初始结构在HTML的<body>中只有一个空的<div id="my-slider

10月前
27
点赞
评论

[字节青训营]前端方向Day5-前端入门 - 基础语言篇 - 如何写好JavaScript-组件封装-手撕简单的轮播图(3) | 豆包MarsCode AI刷题

源代码：https://code.juejin.cn/pen/7108191112094973989 [本文适合小白，对于JS不是很清楚，听课听不懂的] 构造方法保持简单，实例化过程更清晰，只需获取核

10月前
44
点赞
评论

[字节青训营]前端方向Day5-前端入门 - 基础语言篇 - 如何写好JavaScript-组件封装-手撕简单的轮播图(2) | 豆包MarsCode AI刷题

注：只针对js进行详细解释。监听事件： element.addEventListener(eventType, (event) => { }); --element ：绑定事件的 HTML 元素。

10月前
24
点赞
评论

[字节青训营]前端方向Day4-前端入门 - 基础语言篇 - 如何写好JavaScript-组件封装-手撕简单的轮播图(1) | 豆包MarsCode AI刷题

#青训营笔记创作活动手撕轮播图 1.普通写法(上面代码的手撕) HTML 不用过多解释，就是创建了一个确定了id，class的div。(id用于识别 class用于样式) 在div里写了一个ul，u

10月前
147
1
1

[字节青训营]前端方向Day4-前端入门 - 基础语言篇 - 如何写好JavaScript-各司其责 | 豆包MarsCode AI刷题

#青训营笔记创作活动各司其责让HTML、CSS和JavaScript职能分离 eg: 写一段JS，控制一个网页，让它支持浅色和深色两种浏览模式。怎么实现？版本一获得button，在button

10月前
43
1
评论

[字节青训营]前端方向Day3-前端入门 - 基础语言篇 - 深入CSS | 豆包MarsCode AI刷题

#青训营笔记创作活动深入CSS 多个选择器选择同一个属性时，哪条规则生效？选择器的特异度(Spicificity) 把 id (伪)类标签看成一个三位数。下方即为122,022 (谁大听谁的)

10月前
200
2
评论

[字节青训营]前端方向Day2-前端入门 - 基础语言篇 - 走进前端技术栈-CSS | 豆包MarsCode AI刷题

#青训营笔记创作活动走进前端技术栈-CSS CSS：Cascading Style Sheets 层叠样式表基本概念用来定义页面元素的样式基础代码 h1: 选择器(Selector)给页面上所

10月前
56
2
评论

[字节青训营]前端方向Day2-前端入门 - 基础语言篇 - 前端与HTML | 豆包MarsCode AI刷题

前端入门 - 基础语言篇前端与HTML HyperText Markup Language 超文本标记语言 DOM树：document= html = head body ...... 语法：标签

10月前
70
2
评论