CSSCSS3 特性选择器03-CSS 样式表和选择器
常用
id 选择器（#box），选择 id 为 box 的元素
类选择器（.one），选择类名为 one 的所有元素
标签选择器（div），选择标签为 div 的所有元素
后代选择器（#box div），选择 id 为 box 元素内部所有的 div 元素
子选择器（.one>one_1），选择父元素为.one 的所有.one_1 的元素
相邻同胞选择器（.one+.two），选择紧接在.one 之后的所有.two 元素
群组选择器（div,p），选择 div、p 的所有元素
继承性和层叠性
关于文字样式的属性都可以继承
关于盒子，定位，布局的不可以继承
盒模型有俩种，标准盒子模型(content-box)，IE 盒子模型(border-box)
切换的话直接有一个属性box-sizing: content-box
区别也不大
content-box 就是宽和高只包括内容 content，不包括 border 和 padding
border-box 就是宽高包括了 border 和 padding
文本溢出处理 ...
HTMLHTML5 新增的内容
媒体标签
audio，video，source
语义化标签
header，nav，section，footer，aside，article
drag API，canvas，svg，websocket
localStorage，sessionStorage
querySelector，querySelectorAll
进度条 progress
表单
表单类型：url，email，number，search，range，color 等
表单属性：placeholder，required。。。
表单事件：oninput 输入框内容变化就触发，oninvalid 验证通过触发
src 和 href 的区别
src 会阻塞，href 不会，就像一般最后才引入 js
src 用于替换当前元素，例如 js，图片，会暂停其他资源的下载处理
所以 script 标签中就有 defer 和 async 来解决，async 是加载完就执行，defer 最后才执行
drag API
dragstart，被拖放元素，开始拖放时触发
drag，被拖放元素，正在拖放时 ...
dp 动态规划
https://programmercarl.com/0509.%E6%96%90%E6%B3%A2%E9%82%A3%E5%A5%91%E6%95%B0.html#%E6%80%9D%E8%B7%AF
入门斐波那契数列(直接给出了状态转移方程):dp[i] = dp[i-1] + dp[i-2]
爬楼梯，一次只能爬 1 层或者 2 层，爬到 n 层有几种方法？
一层：1
二层：1+1,2
三层：一层+2，二层+1
四层：二层+2，三层+1
总结: dp[i] = dp[i-1] + dp[i-2]
/** * @param {number} n * @return {number} */var climbStairs = function (n) { let dp = [] dp[1] = 1 dp[2] = 2 for (let i = 3; i <= n; i++) { dp[i] = dp[i - 1] + dp[i - 2] } return dp[n] ...
字节面试面经番茄 日常 一面
4.25 字节跳动 番茄 前端日常实习 一面_牛客网 (nowcoder.com)
自我介绍
==！准备==
低代码平台的原理，为什么要去做低代码平台
==odin 的原理，受众==
移动端如何适配
媒体查询
rem，vw，vh
rem,值就是 html 的对应的 font-size
rem 参考哪个值计算
html 的 font-size
em 是参照父元素
==计网==
OSI 七层网络模型
HTTP 工作哪一层
HTTP 和 HTTPS 的区别
HTTPS 的加密过程
如何判断证书是否是正确的？
常见的状态码
CSS
盒子模型
标准和 IE 盒子
即content-box，border-box
两个盒子模型如何互相转化
box-sizing:content-box|border-box
样式题：两栏布局，左侧固定 200px 右侧沾满空间
float,grid,flex，推荐 flex
BFC 有 ...
