Web 发展到今天,涌现出的工具、框架五花八门,各种各样,所以有非常多的选择。但是怎么样都离不开 HTML、CSS、JavaScript,至少目前确实如此。Web 篇写的非常的潦草,浪子对前端只是了解,会用一点点儿,权当一个记录放在这里。
三剑客
HTML
文本标记语言,主要使用标签。
CSS
控制 HTML 的渲染效果。
px、em、rem:
- border 使用 px
- 字体使用 rem
- 需要响应式使用 em
- 根据需求混合使用
JavaScript
动态 HTML 页面必不可少的一部分,实现用户交互逻辑。
Web 生态
Web 的生态是百花齐放、百家争鸣,有各种各样的工具链、框架。
例如,NodeJs、Deno、Bun 等工具使得 js/ts 有了可以作为服务端脚本、编写服务端应用的能力。区别在于 NodeJs 和 Deno 使用 Google 的 v8 Engine,而 Bun 使用 Apple 的 JavaScriptCore(jscore) Engine。另外一点就是开发的语言不同,Deno 使用 Rust 开发,Bun 使用 Zig 开发,并且 Bun 想打造一个一体化工具,类似 cargo 一样。
前端项目不仅有 Vue、React、Angular 等框架,而且还有 Vite、Webpack、Rollup 等打包工具。并且基于这些前端框架还衍生出了 Next.js、Nuxt.js 等许多优秀的前端应用框架,能够快速帮助我们进行业务开发。
周边的工具也是多种多样:JQuery、prettier、xxxxlint、post-css、scss、less、husky 等等等等。
Web 知识
自适应布局
不同设备对应不同的 HTML(网站),局部自适应。不同的设备用不同的页面或布局伸缩。
响应式布局
确保一个页面在所有终端上,都能显示出令人满意的效果。一套方案,处处运行。
现在很多的框架都主要围绕这两种方式展开,因为要适配多端,方便用户。
颜色值
颜色值由十六进制来表示红、绿、蓝(RGB)。
每个颜色的最低值为 0(十六进制为 00),最高值为 255(十六进制为FF)。十六进制值的写法为 #
号后跟三个或六个十六进制字符。三位数表示法为:#RGB
,转换为6位数表示为:#RRGGBB
。
除此之外,你可能还见过 0x
开头的,这代表一个十六进制的数值,这样的颜色表示形式常用在 代码 中,例如 Android 的 Color。
转换也比较简单,以 #9ACD32
为例,它的一般数字表示形式就是 0xFF9ACD32
。只需要前面加上两个 FF
即可,表示透明。