初级篇

const x = 20;
let answer;
if (x > 10) {
   answer = 'greater than 10';
} else {
   answer = 'less than 10';
}

const answer = x > 10 ? 'greater than 10' : 'less than 10';

for (let i = 0; i < allImgs.length; i++)...

• Improved Sass map customization with #23260. With this change, it's now possible to override specific key value pairs instead of resetting the entire map, ideal for color scheme customization.
  
  
• Restored grid .offset- modifiers in...

1. ...

• 使用 Virtual DOM
• 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。
• 将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。

相似之处

Virtual DOM

• 全新的渲染返回类型：fragments 和 strings
  
• 更好的错误处理
  
• Portals 提供一流的方法将子节点渲染到一个存在于 DOM 层级之外的 DOM 节点
  
  代码:

  render() {
    // React does *not* create a new div. It renders the children into `domNode`.
    // `domNode` is any valid DOM node, regardless of its location in the DOM.
    return ReactDOM.createPortal(
      this.props.children,
      domNode,
    );
  }

  ...

1. 给你的logo添加替代文本

 <img src="logo.png" alt="前端界">

 <span title="CH前端社区"></span>

 <a title="CH前端社区">CH前端社区</a>

2.添加基本的Landmarks

表单应该放到一列中

标签顶部对齐

标签和输入框分视觉上进行绑定

不要所有的字符都用大写字母

如果少于 6 个选项，应该全部显示出来

CSS技术的演进

Web开发模块化趋势

1、JavaScript

JSDoc 3

• jaguarjs-jsdoc
  
  
• DocStrap (example)...

＃2 粘贴图像

＃3 格式化代码

• 你已经或者正在实现API；
• 你正在考虑选择一个合适的方法保证API的安全性；

JWT和OAuth2比较？

• JWT是一种认证协议
  JWT提供了一种用于发布接入令牌（Access Token）,并对发布的签名接入令牌进行验证的方法。 令牌（Token）本身包含了一系列声明，应用程序可以根据这些声明限制用户对资源的访问。
• OAuth2是一种授权框架
  另一方面，OAuth2是一种授权框架，提供了一套详细的授权机制（指导）。用户或应用可以通过公开的或私有的设置，授权第三方应用访问特定资源。

1.不使用版本控制系统

1. Open-In-Browser

本教程适合人群：

1. 前端小白，不太明白页面布局技巧，但想通过简单的学习学会如何进行页面布局
2. 学过但是不太熟悉 Flex 布局，需要教程来巩固回顾 Flex 布局的知识点
3. 项目不考虑兼容 IE 低版本浏览器，想简单优雅地写出漂亮的页面布局

Flex 基本概念：

编码形象

//打个招呼
function func(){
    var age=18,sex='man';
    var greeting='hello';
    if(age<=18&&sex=='man'){
        console.log(greeting+'little...

1. 三元操作符

const x = 20;
let answer;
if (x > 10) {
    answer = 'is greater';
} else {
    answer = 'is lesser';
}

const answer = x > 10 ? 'is greater' : 'is lesser';

const big = x > 10 ? " greater 10" : x

2. 短路求值速记法