网络异常
请检查网络设置后重试
重新加载
狐狸牌柠檬汁的频道
8
成员
登录后加入频道即可发帖
0/1000
不选择版块
发表
全部
手搓react
胡思乱想
JS学习笔记
面试题
菜鸟打前端
频道主
2024-12-25
REACT面试题
一、使用
1. create-react-app
2. 基本用法
① JSX 语法
变量、表达式、class、style
JS 变量表达式
const styleData = {fontSize:"30px", color:"blue"}
const styleElem = <p
style
=
{styleData}
></p>
内联写法
const styleElem = <p style=
{{fontSize:"30px", color:"blue"}}
1
评论
分享
菜鸟打前端
频道主
2024-12-24
JS面试题
JS 基础知识是 ECMA 262 标准规定的语法,而 JS Web API 是 W3C 标准的网页操作的 API,前者是后者的基础,两者结合才能实际应用。
一、JS 基础知识
变量类型和计算
原型和原型链
作用域和闭包
原型原型链(手写)
判断一个变量是否为数组
a instanceof Array 结合原型链解释
class 原型本质 原型和原型链图示、属性和方法的执行规则
手写简易 jquery 考虑插件和扩展性
点赞
评论
分享
菜鸟打前端
频道主
2025-01-04
CSS面试题
1.选择器及其优先级
(1)基础/关系/复合选择器
(2)伪类/伪元素选择器
(3)属性选择器
(4)优先级(权重)
2.继承/不可继承属性
继承属性
不可继承属性
3.display 常见属性
display
属性设置元素是否被视为块级或行级盒子及用于子元素的布局。
附 inline-block 在有空格时会显示间隙
,解决方式
(1)
删除空格
(2)
margin正值取负
(3)
font-size 设置 0/letter-spacing/word-spacing
1
1
2
菜鸟打前端
频道主
2024-12-30
HTML面试题
1.理解 HTML 语义化
根据内容的结构化使用语义化标签
(1)增强可读性,开发者更容易看出网页结构,便于团队开发维护;
(2)搜索引擎更容易读懂,支持读屏软件根据文章自动生成目录。
2.HTML 的块级元素标签和内联元素标签
3.DOM API
DOM
(Document Object Model) 文档对象模型,用来呈现及与任意 HTML 或 XML 文档交互的 API,是浏览器提供的一套专门操作网页内容的功能,用来开发网页内容特效和实现用户交互。
点赞
评论
3
菜鸟打前端
频道主
2024-11-03
Git 笔记
git init 初始化项目
git status 查看项目状态
git add <文件名> 添加文件到暂存区
git add . 添加所有文件到暂存区
git commit 提交到仓库
git commit -m "message" 提交并补充信息
git log 查看日志(本分支)
git log --oneline 简易日志
git log --oneline --graph 图形化分支日志
git reset --soft id 退回到 id 版本 soft 指只改变本地仓库
点赞
1
分享
菜鸟打前端
频道主
2024-10-26
我的订单待付款类订单倒计时实现
我的订单模块:
全部订单在 Myorder 页面,通过在“我的”页面点击或者 Myorder tab 的切换将 tab 值在 POST 请求到相应类型的订单返回前端;
我的订单-全部订单展示:
Myorder
从后端获取到全部订单以及不同的的 state 值,展示每一项订单(商店、产品、state、
time...
)将 state 和 time 通过 props 传入到子组件OrderButton;
自定义展示组件OrderButton:
点赞
评论
分享
菜鸟打前端
频道主
2024-09-30
事件
事件监听机制:
注册事件处理器:addEventListener(),同个对象可以设置多个监听器同时执行
事件处理器属性:事件对象的 "onXXX" 属性,后处理器覆盖前处理器
内联事件处理器:<button onclick="bgChange()"></button> 不建议使用
事件监听器时间监听机制:
移除:通过传递 AbortSignal 到 addEventListener() ,在拥有 AbortSignal 的控制器上调用 abort() 删除事件处理器。
点赞
评论
分享
菜鸟打前端
频道主
2024-09-30
文档对象类型(DOM)及API
作用:
DOM 通过将文档的结构(如
HTML
)以对象的形式存储在内存中,将网页与脚本或编程连接起来。
表现形式:
DOM 使用逻辑树表现文档,允许以编程形式访问树,改变文档结构、样式、内容:逻辑树的每个分支末端都是一个节点,每个节点都包含对象,节点还可以附加事件处理器。一旦事件被触发,相应的事件处理器就会被执行。
(意思是不是编程访问每个节点,通过改变对象属性或者触发事件执行事件处理器?)
接口:
创建新元素:
点赞
评论
分享
公告
暂无公告
直播
暂无直播