Home

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...

Read more

JavaScript

JavaScript Reference A re-introduction to JavaScript (JS tutorial) Babel Babel CN ES6 入门教程 mdn JavaScript

Read more

CSS

CSS 流行的框架 Bootstrap: Bootstrap是一个流行的开源前端框架,它用于构建响应式和移动设备优先的Web项目。它由Twitter的开发者团队创建并维护,旨在帮助开发人员快速构建具有一致性和现代外观的Web界面。 Foundation:Foundation是一个灵活且功能强大的前端框架,提供了类似Bootstrap的栅格系统和响应式布局。它还具有大量的组件和工具,可用于构建现代化的Web界面。 Bulma:Bulma是一个轻量级的CSS框架,提供了简洁而灵活的布局和组件。它使用简单的CSS类来创建响应式布局和常见的UI元素。 Material-UI:Material-UI是一个基于Google的Material Design风格的React组件库。它提供了丰富的预...

Read more

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...

Read more

设置模式

设置模式 模式类别 序号 模式 描述 1 创建型模式 这些设计模式提供了一种在创建对象的同时隐藏创建逻辑的方式,而不是使用 new 运算符直接实例化对象。这使得程序在判断针对某个给定实例需要创建哪些对象时更加灵活。 2 结构型模式 这些设计模式关注类和对象的组合。继承的概念被用来组合接口和定义组合对象获得新功能的方式。 3 行为型模式 这些设计模式特别关注对象之间的通信。 4 J2EE 模式 这些...

Read more

Audio

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

Read more