Home

Redux

Redux reducer state action Redux store dispatch 三大原则 单一数据源 State 是只读的 使用纯函数来执行修改 Reference Redux 中文文档

Read more

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