React
React
Introducing JSX
JSX语法是JavaScript的扩展, 有JS的全部功能, 用来定义UI
JSX更接近JS, 不是html, 所以是使用camelCase命名
JSX在渲染前会把所有的值转换成字符串, 可以避免注入和XSS
包含渲染逻辑问题和与其他UI的逻辑的问题:
怎么处理事件
状态如何随时间变化
如何状态显示数据
React没有分离标记与逻辑, 使用组件来组织标记与逻辑
// 可以使用花括号来插入JS表达式
const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;
// JSX 也是一个表达式
function...
JavaScript
JavaScript
Reference
A re-introduction to JavaScript (JS tutorial)
Babel
Babel CN
ES6 入门教程
mdn JavaScript
CSS
CSS
流行的框架
Bootstrap: Bootstrap是一个流行的开源前端框架,它用于构建响应式和移动设备优先的Web项目。它由Twitter的开发者团队创建并维护,旨在帮助开发人员快速构建具有一致性和现代外观的Web界面。
Foundation:Foundation是一个灵活且功能强大的前端框架,提供了类似Bootstrap的栅格系统和响应式布局。它还具有大量的组件和工具,可用于构建现代化的Web界面。
Bulma:Bulma是一个轻量级的CSS框架,提供了简洁而灵活的布局和组件。它使用简单的CSS类来创建响应式布局和常见的UI元素。
Material-UI:Material-UI是一个基于Google的Material Design风格的React组件库。它提供了丰富的预...
HTML5
HTML5
因为需要使不同的用户在不同的环境下都可以使用(用户体验可以不同), 那么需要有design defensively
Cross-browser compatibility
Responsive Web design
Performance
Accessibility
Internationalization
Privacy & Security
New Features
New Semantic Elements − These are like <header>, <footer>, and <section>.
Forms 2.0 − Improvements to HTML...
453 post articles, 57 pages.