字节跳动前端青训营
文章平均质量分 93
菜鸟李先生
这个作者很懒,什么都没留下…
展开
-
【字节跳动青训营】- 如何写好JS?
各司其职HTML/CSS/JS各司其职应当避免不必要的由JS直接操作样式可以用class来表示状态纯展示类交互寻求零JS方案(可以用CSS实现)例如:实现一个网页的“夜间模式”方法一:const btn = document.getElementById('modeBtn');btn.addEventListener('click', (e) => { const body = document.body; if(e.target.innerHTML ==原创 2021-08-19 15:17:08 · 753 阅读 · 3 评论 -
【字节跳动青训营】- css布局
常见布局方式一、静态布局(Static Layout)既传统web设计 就是不管浏览器尺寸多少,网页布局就按当时写代码的布局来布置;块级元素:每个块级元素会在上一个元素下面另起一行,他们会被设置好的margin分离。块级元素是垂直组织的。内联元素:不会另起一行,只要在其父级块级元素的宽度内有足够的空间,他们与其他内联元素被安排在同一行。如果空间不够,溢出的文本或元素会转移到新的一行**1. 优点:**一般采用css2之前的写法,不存在浏览器兼容性。布局简单。**2. 缺点:**移动端和p原创 2021-08-17 12:28:29 · 894 阅读 · 0 评论 -
【字节跳动青训营】- HTML
HTML简介HTML(HyperText Markup Language,超文本标记语言),用于构建网页基本结构及其内容的标记语言超文本:文本中包含只想其他文本的链接标记语言:将文本以及文本相关的其他信息结合起来,展现出关于文档结构,如:HTML、XML、KML、MarkdownHTML结构<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" />原创 2021-08-17 10:34:57 · 1706 阅读 · 0 评论