这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天
前端技术栈
应关注:功能、安全、性能、美观、无障碍、兼容、体验
边界:发展快,迭代快
HTML
语法
页面内容划分
语义化
| 规则 | 好处 | 使用者 |
|---|---|---|
原则:传达内容,而不是样式
CSS
选择器
组合
选择器组
颜色
| RGB | HAL | 透明度 |
|---|---|---|
字体
样式
通用字体族
Web fonts
字号
字重
行高
选择器的特异度
继承
某些属性自动继承父元素,除非显示指定
| 显示继承 | 初始值 |
|---|---|
CSS求值过程
布局
JS
写好JS的原则
组件封装
高阶函数hof:
参数、返回值为函数,常用作函数装饰器
是纯函数(输入输出确定),减少非纯函数的使用
常用Once,Throttle节流函数,debounce防抖,consumer/2 (每隔一段时间调用;延迟), iterative
function once(fn){
return function(...args){
if(fn){
const ret = fn.apply(this, args);
fn = null;
return ret;
}
}
}
编程范式
声明式,可拓展性
总结
前端三件套,是大厦的基石。惟有夯实基础,才能建造擎天高楼😁
前端是美观与内涵兼具,是Web世界秀外慧中的佳人