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 即可,表示透明。


本站由 江湖浪子 使用 Stellar 1.29.1 主题创建。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。