字节青训营前端学习
小猿L
仅作为个人学习记录,杂乱
展开
-
字节青训营 前端动画 day06
前端动画的实现 例子 动画 动画原理 分类 前端动画实现----css动画 animation动画 课下自己好好学一学css3动画 水杯 前端动画translate 前端动画scale 前端动画skew from 0% to 100% 前端动画实现 svg动...原创 2022-01-23 23:13:46 · 62 阅读 · 0 评论 -
字节青训营 前端开发调试知识day04
bug的产生-----一只飞蛾导致引起 bug特点 修改元素和样式 F12或者检查 左侧显示元素 右侧点击cls显示类名 hov显示状态 cosole日志面板 还有console.table表格结构 console.dir树形结构 Sorce Tab debugger调试错误,程序暂停调试到debugger处,可以查看暂停状态下值得方法 1.此时鼠标移到哪里会实时的显示出那个元素的值,比如numberA 2. 或者在watch那里显示,点...原创 2022-01-23 22:32:39 · 604 阅读 · 1 评论 -
字节青训营 js day03
写好js的原则 js的角色 js小需求 浅色和深色 实现方法一 写代码第一步保持正确性 那个例子(其实改变样式,对代码进行简单的重构,添加类名) 一般来说不用js来控制样式,职责更清晰,代码更简洁 checkbox方式 label+checkbox 时刻提醒自己 组件封装 轮播图 html+css+js css js 封装组件上面封装性 正确性 组件的迭代(解耦出来)不依赖 模板化 (不需要这个功能直接删...原创 2022-01-19 00:47:13 · 243 阅读 · 0 评论 -
字节青训营 day02 理解css
css是什么(大概是化妆品) 使用css(页面内联式css不推荐) css如何工作 使用id选择器 id是唯一的 类class是可以多种 属性选择器 比如设置disabled样式 根据属性值设置 使用伪类 :linked默认 :visited访问过 :hover 鼠标放过去 :active鼠标按下去 状态伪类 输入框 :focus聚焦 结构伪类 :first-child :last-child等等· nth-c...原创 2022-01-17 00:18:22 · 326 阅读 · 0 评论 -
字节青训营 day01前端与html
前端技术栈 前端需要关注方面 前端的边界(很广,越来大前端,但是技术在不断更新,需要不断学习) 开发工具 html概念 htm语法 常见内容布局结构 语义化是什么(面试可能会问) 为什么要语义化? 首先了解谁在使用: ...原创 2022-01-16 22:58:58 · 8548 阅读 · 1 评论