plh

###### 一直很困惑,一个class类名该怎么命名才能有规范.事实上,这中前端命名规范不仅仅是多人协作方式问题,如果看到乱的命名规范,甚至无法自己和自己相处.事实上,webapp越写到后面,越加渴望规范... ### code 示例,,,,名约定的模式如下： ```css .block{} .block__element{} .block--modifier{} ``` ### 什么是BEM - B(block-块) 代表了更高级别的抽象或组件 - E(element-元素) block元素的后代 - M(Modifier-修饰符) block元素的不同版本.不同状态 ### 前端规范 相当重要的东西,首先从命名规则做起....所以，BEM（或BEM的变体）是一个非常有用，强大，简单的命名约定，以至于让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确而且更加严密。 ### Block 从block说起吧,block被用来描述它的目的,它是什么?菜单栏或者按钮,,,而不是它的状态,红色或者大. 举个例子 ```html ```...

# Reference 全文基于 https://astexplorer.net/ 网站, 选用 acorn 做 parse # 全文有哪些 type - ExpressionStatement 声明 - BinaryExpression 二进制运算 - Program 整个 js 程序 - Literals 字面量 - Identifier 唯一识别标识符 -...

### 前言 很久没写文章了,这一次打算学习并介绍一次高阶组件 ### background react 单页面应用,我需要在`react-router-dom`切换路由的时候,自动切换页面的title.希望能实现利用`@autoTitle`装饰器来实现这个功能.算是学习 react 第一步吧.... ### AutoTitle 的高阶组件 ```jsx import React, { Component } from 'react'; const AutoTitle = title => (WrappedComponent) => class extends Component...

### redux-saga 背景介绍 将有副作用的code 写在 `saga.js` 文件中, 便于单独测试. ### 声明式 Effect `import { ... } from 'redux-saga/effect';` ### reference [redux saga in chinese](https://redux-saga-in-chinese.js.org/docs/basics/DeclarativeEffects.html) [learn-saga](https://github.com/pengliheng/learn-saga)

# 穷举框架  上面这个问题可以通过穷举框架罗列出所有可能. 递归是一种思路啦, 但是下面通过for循环+状态机, 同样可以达到穷举的效果. ## 框架 ``` for 状态1 in 状态1的所有取值： for 状态2 in 状态2的所有取值： for ... dp[状态1][状态2][...] = 择优(选择1，选择2...) ``` 显而易见, 状态1 代表哪一天操作股票, 状态2代表 还剩下几次交易可以做, 状态3代表:...

## 题目  ## From Bottom To Top 自底向上方式解决fib问题 > Runtime: 60 ms, faster than 96.82% of JavaScript online submissions for Fibonacci Number. Memory Usage: 36.7 MB, less than 9.38%...

一道大数题目. 找出最长的数组区间, 这个区间内的数相乘为正数 ``` Given an array of integers nums, find the maximum length of a subarray where the product of all its elements is positive. A subarray of an...

# https://leetcode.com/problems/maximum-number-of-visible-points/ 给你一个点数组 points 和一个表示角度的整数 angle ，你的位置是 location ，其中 location = [posx, posy] 且 points[i] = [xi, yi] 都表示 X-Y 平面上的整数坐标。 最开始，你面向东方进行观测。你 不能 进行移动改变位置，但可以通过 自转 调整观测角度。换句话说，posx 和 posy 不能改变。你的视野范围的角度用 angle...

# https://leetcode.com/problems/find-valid-matrix-given-row-and-column-sums/ 给你两个非负整数数组 rowSum 和 colSum ，其中 rowSum[i] 是二维矩阵中第 i 行元素的和， colSum[j] 是第 j 列元素的和。换言之你不知道矩阵里的每个元素，但是你知道每一行和每一列的和。 请找到大小为 rowSum.length x colSum.length 的任意 非负整数 矩阵，且该矩阵满足 rowSum 和 colSum 的要求。 请你返回任意一个满足题目要求的二维矩阵，题目保证存在 至少一个 可行矩阵。 示例...

### useState useState 唯一的作用就是为了替代原本class类组件的繁杂用法,同时为了推广他们的function组件, 需要注意的是, 第二个参数 `setCount` 他相当于一个 dispatch 函数, 我们可以 `dispatch(count+1)`, 也可以 `dispatch(count => count+1)`, 如果 dispatch 一个函数, 那这个函数仅仅只会执行一次. > ```jsx > import React, { useState } from 'react';...