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...
Audio
Audio
声音
处理流程
音频采集(模数转换成PCM数据)
音视频编码(音视频原数据, 编码压缩成小数据)
传输
音视频解码
音视频渲染
声音的产生
声音是由物体振动产生
它可以通过空气, 固体, 液体等进行传输
振动耳膜
人类听觉范围
1秒钟振动的次数
次声波 20Hz 可听声波 20kHz 超声波
声音的三要素
音调: 音频的快慢
音量: 振动的幅度
音色: 谐波
声音模数转换
采样: 越大越真, 常用采样频率: 441000, 48000(一般), 32000, 16000, 8000
10进制转成二进制方波
保存二进制位数, 影响音量大小
原始数据格式:
PCM:
...
468 post articles, 59 pages.