L3F.WIN

Github及Hexo的使用

0%

发表于 更新于

这个域名的内容基本上与Git和Hexo相关

快速开始

创建一个新的文章

1
$ hexo new "My New Post"

更多详情请参考: Writing

运行服务器

1
2
3
$ hexo server
or 
$ hexo s

更多详情请参考: Server

生成静态文件

1
2
3
$ hexo generate
or
$ hexo g

更多详情请参考: Generating

部署到远程站点

1
$ hexo deploy

更多详情请参考: Deployment

清除缓存

1
$ hexo clear

发表于 更新于

Bootstrap 类

======================================
主要针对Bootstrap4.0

栅格系统

  • .container 最基础容器
  • .container-fluid 最基础容器
Extra small Small Medium Large Extra large
.container 100% 540px 720px 960px 1140px
.container-sm 100% 540px 720px 960px 1140px
.container-md 100% 100% 720px 960px 1140px
.container-lg 100% 100% 100% 960px 1140px
.container-xl 100% 100% 100% 100% 1140px
.container-fluid 100% 100% 100% 100% 100%
阅读全文 »

发表于 更新于

算法图解

======================================

算法简介

二分查找

二分查找能解决什么问题？

在有序的元素列表中快速的找到指定元素位置。使用二分查找可以将查找步骤减少到 $log_2n$ 步

二分查找的原理

通过猜测中间的数字，从而每次都将余下的数字排除一半，从而减少查找的次数

阅读全文 »

发表于 更新于

第1章 开始

初识输入输出

1
2
3
4
5
6
7
8
9
10
#include <iostream> //载入iostream库

int main() {
	std::cout << "Enter two numbers:" << std::endl;  //cout输出的ostream类型的对象 <<为输出运算符 endl操纵符结束当前行 标准库定义的所有名字都在命名空间std中
	int v1 = 0, v2 = 0;
	std::cin >> v1 >> v2;   //cin输入的ostream类的对象
	std::cout << "The sum of " << v1 << " and " << v2
		<< " is " << v1 + v2 << std::endl;
	return 0;
}
阅读全文 »

发表于 更新于

第一章 JavaScript基础篇

缩略标记

  • 对象
1
2
3
4
5
var car = new Object();
car.color = 'red';
car.wheels = 4;
car.hubcaps = 'spinning';
car.age = 4;

👇

1
2
3
4
5
6
var car = {
    color: 'red',
    wheels: 4,
    hubcaps: 'spinning',
    age: 4
}
阅读全文 »

发表于 更新于 分类于

Vue.js 权威指南

第1章 遇见Vue.js

MVVM

M 模型（Model）, V 显示（View）, V 显示模型（ViewModel） 实现了ViewModel 自动同步到 View

Vue.js是什么

Vue.js是一个构建数据驱动的Web界面的库

Vue.js特性

  1. 轻量
  2. 数据绑定
  3. 指令
  4. 插件化

Vue.js的Hello World

阅读全文 »

发表于

VuePress开发经验总结

this.$site 和 this.$page网站和页面的元数据

Layout 组件将会对每一个文档目录下的 .md 执行一次，同时，整个网站以及特定页面的元数据将分别暴露为 this.$site 和 this.$page 属性，它们将会被注入到每一个当前应用的组件中。

这是你现在看到的这个网站的 $site 的值：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
  "title": "VuePress",
  "description": "Vue 驱动的静态网站生成器",
  "base": "/",
  "pages": [
    {
      "lastUpdated": 1524027677000,
      "path": "/",
      "title": "VuePress",
      "frontmatter": {}
    },
    ...
  ]
}

网站和页面的元数据
Layout 组件将会对每一个文档目录下的 .md 执行一次，同时，整个网站以及特定页面的元数据将分别暴露为 this.$site 和 this.$page 属性，它们将会被注入到每一个当前应用的组件中。
下面的这个对象是你正在看的这个页面的 $page 的值：

1
2
3
4
5
6
7
{
  "lastUpdated": 1524847549000,
  "path": "/custom-themes.html",
  "title": "自定义主题",
  "headers": [/* ... */],
  "frontmatter": {}
}
阅读全文 »

发表于

Javascript算法 – 01 快速排序

快速排序一

对于数组 arr1 = new Array(15,12,3,2,7,15);

  1. 选择左右边的元素为基准数，7
  2. 将小于7的放在左边，大于7的放在右边，然后将基准数放到中间
  3. 然后再重复操作从左边的数组选择一个基准点2
  4. 3比2大则放到基准树的右边
  5. 右边的数组也是一样选择12作为基准数，15比12大所以放到了12的右边
  6. 最后出来的结果就是从左到右 2 ，3，7，12，15了
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
	var quickSort = function(arr) {
  if (arr.length <= 1) {
    return arr;
  }
  var pivotIndex = Math.floor(arr.length / 2);
  var pivot = arr.splice(pivotIndex, 1)[0];
  var left = [];
  var right = [];

  for (var i = 0; i < arr.length; i++) {
    if (arr[i] < pivot) {
      left.push(arr[i]);
    } else {
      right.push(arr[i]);
    }
  }
  return quickSort(left).concat([pivot], quickSort(right));
};

var arr1 = new Array(15,12,3,2,7,15);

console.log(quickSort(arr1));

快速排序二

  1. 初始化i = -1
  2. 循环数组，找到比支点小的数就将i向右移动一个位置，同时与下标i交换位置
  3. 循环结束后，最后将支点与i+1位置的元素进行交换位置
  4. 最后我们会得到一个由i指针作为分界点，分割成从下标0-i，和 i+1到最后一个元素。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

/*数组交换*/
function swap(A, i, j) {
  const t = A[i];
  A[i] = A[j];
  A[j] = t;
}

/**
 *
 * @param {*} A  数组
 * @param {*} p  起始下标
 * @param {*} r  结束下标 + 1
 */
function divide(A, p, r) {
  const x = A[r - 1];
  let i = p - 1;

  for (let j = p; j < r - 1; j++) {
    if (A[j] <= x) {
      i++;
      swap(A, i, j);
    }
  }

  swap(A, i + 1, r - 1);

  return i + 1;
}

/**
 * 
 * @param {*} A  数组
 * @param {*} p  起始下标
 * @param {*} r  结束下标 + 1
 */
function qsort(A, p = 0, r) {
  r = r || A.length;

  if (p < r - 1) {
    const q = divide(A, p, r);
    qsort(A, p, q);
    qsort(A, q + 1, r);
  }

  return A;
}

console.log(qsort(arr1, p=0, arr1.length))

发表于 更新于

Node即学即用

第1章 Node.js简介

开始写代码

  1. Node REPL(Read - Evaluate - Print - Loop) REPL模式输入，求值，输出，循环
    我们可以启动node，来进行测试一般的Javascript

    1
    2
    3
    4
    5
    6
    7
    8
    node
    >3>2>1
    false
    >true==1
    true
    >true===1
    false
    .exit  //输入.exit退出node环境

  2. 编写首个服务器程序

    1
    2
    3
    4
    5
    6
    var http = require('http');
    http.createServer(function (req, res){
      res.writeHead(200, {'Content-Type': 'text/plain'});
      res.end('Hello World\n');
    }).listen(8000, "127.0.0.1");
    console.log('Server running at http://127.0.0.1:8000');

    require(‘http’),导入http模块
    req参数，请求对象
    res参数，响应对象
    res.writeHead设置相应头
    end方法会关闭HTTP连接

    阅读全文 »