99%学习&&1%心得

0%

发表于 更新于 分类于 Disqus：
本文字数： 2.3k 阅读时长 ≈ 2 分钟

TIP 1: 正确使用大小写

组件名称必须使用大写字母开头

比如下面的例子会报错，正确写法是Greeting 首字母大写。

1
2
3
class greeting extends React.Component { 
  // ...
}

再比如：

正确 错误
React.Component React.component
componentDidMount ComponentDidMount
ReactDOM ReactDom
props.userName props.username或props.UserName
阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 2k 阅读时长 ≈ 2 分钟

编程环境搭建

  • Homebrew
  • Git
  • Sublime as Editor
  • iTerm2 (Optional)
  • GitHub

Homebrew 包管理

Installation
1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
homebrew常用命令：
命令 作用
brew install <软件名> 安装软件
brew uninstall <软件名> 卸载软件
brew search <软件名> 查询软件
brew list 列出已安装的软件
brew update 更新brew
brew home 用浏览器打开brew的官方网站
brew info <软件名> 显示软件信息
brew deps 显示包依赖
阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 7.1k 阅读时长 ≈ 6 分钟

写在前面

终于到了算法习题部分了，都说这部分比较好玩，所以专门整理出来，以后随时可以回来看。

翻转字符串

先把字符串转化成数组，再借助数组的reverse方法翻转数组顺序，最后把数组转化成字符串。

1
2
3
4
5
6
7
8
9
function reverseString(str) {
  // 请把你的代码写在这里
  var arr = str.split('');
  arr.reverse();
  var joinStr = arr.join('');
  return joinStr;
}

reverseString("hello");
阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 1.7k 阅读时长 ≈ 2 分钟

除了array.map() 和 array.filter()，还有一下比较常用的数组方法。

数组方法 reduce

数组方法 reduce 用来迭代一个数组，并且把它累积到一个值中。

使用 reduce 方法时，你要传入一个回调函数，这个回调函数的参数是一个累加器 （比如例子中的 previousVal) 和当前值 (currentVal）。

reduce 方法有一个可选的第二参数，它可以被用来设置累加器的初始值。如果没有在这定义初始值，那么初始值将变成数组中的第一项，而 currentVal 将从数组的第二项开始。

示例：

1
2
3
4
5
6
7
8
9
//reduce 来让数组中的所有值相减：
var singleVal = array.reduce(function(previousVal, currentVal) {
  return previousVal - currentVal;
}, 0);

//reduce 来让数组中的所有值相加：
var singleVal = array.reduce(function(previousVal, currentVal) {
  return previousVal + currentVal;
}, 0);
阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 4.1k 阅读时长 ≈ 4 分钟

206题：21点算法

问题描述：

二十一点规则 ：

  1. 游戏由玩家和庄家（即赌场的发牌员）对玩，看谁的牌面点数更靠近21点。但如果超过了21点，则称为“爆掉”，算输。其中花牌（J，Q，K）都算10点，A可以算1点，也可以算11点，看哪种情况更有利。玩家之间不做比较。

  1. 游戏开始时，所有玩家和庄家各拿两张牌，一般来说，是玩家两张牌牌面朝上，庄家一张牌面朝上，一张牌面朝下。

  2. 两张牌的点数，肯定介于2到21点之间。21点只可能是一张10（包括J，Q，K，下同）和一张A，这叫“天成（BlackJack，以下简称BJ）”，除非庄家也拿到了BJ，不然赢一倍半的赌注。

解题方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function cc(card) {
  switch(card){
    case 2:
    case 3:
    case 4:
    case 5:
    case 6:
      count++;
      break;
    case 10:
    case "J":
    case "Q":
    case "K":
    case "A":
      count--;
      break;
  }
      
      if(count>0){
      return count+" Bet";
  }else if(count<=0){
      return count+" Hold";
  }
}
阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 3.7k 阅读时长 ≈ 3 分钟

写在前面

Bootstrap 中文站点

本笔记是对于Bootstrap v3 主要内容的整理。

BootstrapCDN

1
2
3
4
5
6
7
8
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 3.7k 阅读时长 ≈ 3 分钟

freeCodeCamp中文站: https://freecodecamp.cn

作为一个前端菜鸟，最缺的就是项目经验了。经人指点，说可以到freeCodeCamp来打怪升级。无奈这个网站是英文的，而我的英语又不在地。好在现在有了中文版的freeCode。

好吧，从此可以愉快滴刷题了！

刷题的过程，也是查漏补缺，复习知识点的过程，这里把一些以前忽视或者不明确的知识点整理记录下来。今天算是第一期，关于CSS优先级。

阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 1.8k 阅读时长 ≈ 2 分钟

写在前面

这则笔记主要整理google搜索的使用技巧，主要包括以下内容：

  • 关键词搜索技巧

  • 常用搜索运算符

  • 搜索特殊用法

阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 1k 阅读时长 ≈ 1 分钟

installation

1
pip install lxml

Xpath的使用：

1. 使用Xpath解析网页数据的步骤

  • 从lxml导入etree
  • 解析数据，返回xml结构
  • 使用.xpath()寻找和定位数据
1
2
3
4
5
6
7
from lxml import etree

html ='''#省略'''#html数据，使用requests获取

s = etree.HTML(html)#解析html数据

print(s.xpath())#使用.xpath()
阅读全文 »

发表于 更新于 分类于 Disqus：
本文字数： 1.1k 阅读时长 ≈ 1 分钟

安装

1
pip3 install requests

Requests的简单用法

Requests库的七个主要方法

序号 方法 说明
1 requests.request() 构造一个请求，支撑以下各方法的基础方法
2 requests.get() 获取HTML网页的主要方法，对应于HTTP的GET
3 requests.head() 获取HTML网页头信息的方法，对应于HTTP的HEAD
4 requests.post() 向HTML网页提交POST请求的方法，对应于HTTP的POST
5 requests.put() 向HTML网页提交PUT请求的方法，对应于HTTP的PUT
6 requests.patch() 向HTML网页提交局部修改请求，对应于HTTP的PATCH
7 requests.delete() 向HTML网页提交删除请求，对应于HTTP的DELETE
阅读全文 »