HTML、CSS、JS | 青训营笔记

55 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天

前端技术栈

应关注:功能、安全、性能、美观、无障碍、兼容、体验

边界:发展快,迭代快

HTML

语法

页面内容划分

语义化

规则好处使用者

原则:传达内容,而不是样式

CSS

选择器

组合

选择器组

颜色

RGBHAL透明度

字体

样式

通用字体族

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世界秀外慧中的佳人

参考

【前端专场 学习资料一】第五届字节跳动青训营 - 掘金

前端入门 - 基础语言篇