Frontend Basic

Frontend basic knowledge about:

1. html
2. css
3. box model / flexbox / css grid
4. JavaScript / DOM API / jQuery
5. bootstrap

我的一些理解：

web 上实现 ui 是声明式的，html 和 css 都是声明式的。而 android 和 iOS 上自绘 view 是命令式的。

声明式的代码易于阅读和理解，但声明式隐藏了实现细节，实现细节在底层，不由自己掌控，不容易扩展，不灵活，但命令式允许自己掌控更多细节，容易扩展，更灵活，虽然实现可能会很麻烦。

W3schools - HOW TO 这是个宝库啊，汇总了很多 ui 和交互的 html/css/js 实现，比如 checkbox 的自定义实现，Parallax Scrolling，各种 form 布局，drag element ...

Notes

• HTML
  • HTML
  • HTML5
• CSS
  • CSS - 1
  • CSS - 2
  • 《CSS 世界》笔记 1
  • 《CSS 世界》笔记 2
  • CSS3
  • CSS3 FlexBox
  • ReactNative FlexBox
  • CSS Grid
  • CSS 响应式 Web
  • CSS Sike
  • CSS Misc
  • Color
• JavaScript
  • JavaScript Basic
  • JavaScript BOM
  • JavaScript DOM
  • jQuery
• CSS Framework
  • Bootstrap3 - 1
  • Bootstrap3 - 2
  • Bootstrap4
  • Bulma
• 其它
  • 数据可视化
  • 动画

相关的其它项目：

• JS Study

  JS Study repo 更偏向于记录纯 js 相关，或与后端开发相关，或与 React/Vue 这些现代前端框架相关的内容。

  与 HTML/DOM/CSS 相关的内容记录在此 repo 中。

Demos

1. Profile Page

   

2. Bulma Practice