L3F.WIN

Github及Hexo的使用

0%

VuePress

利用VuePress和Netlify CMS创建一个简单的网站

本文属于本人翻译其英文原稿及测试过程中遇到的问题总结而成的,请大家多提意见。可随意转载。

在本教程中,我将向您展示如何使用VuePress 和 Netlify CMS构建一个静态网站。 如果您不熟悉VuePres, 它是由Evan You(Vue的创始人)在Vue之上构建的静态网站生成器。与Nuxt.js不同的是,VuePress的主要关注点在于构建静态站点,该站点有自己的构造,并且自动负责许多的设置工作。
Netlify,一个针对静态站点的现代化平台,使用其CMS来管理静态站点,这使得任何人都可以通过编辑器轻松的管理网站内容。

阅读全文 »

使用Nuxt.js与Contentful创建简单的可数据库管理博客

让我们体验一下时下较流行的框架 Nuxt.js + Contentful的组合方式来创建个人博客。
本文将向您展示如何设置Contentful及Nuxt.js项目,以及Contentful对内容的管理方法

涉及环境

Node V11.0.0
Npm V6.4.1
Nuxt V2.3.4
Contentful V0.17.1

阅读全文 »

HTML5与CSS3权威指南,代码汇总

Canvas 绘制矩形

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
<!DOCTYPE html>
<html lang="zh" dir="ltr">

<head>
<meta charset="utf-8">
<title>HTML5, CSS3权威指南——canvas</title>
</head>

<body onload="draw('canvas')">
<article>
<h1>canvas元素示例</h1>
<canvas id="canvas" width="400" height="300"></canvas>
</article>
<script>
function draw(id) {
var canvas = document.getElementById(id);
if (canvas == null) {
return false;
}
var context = canvas.getContext('2d');
context.fillStyle = "#EEEEFF";
context.fillRect(0, 0, 400, 300);
context.fillStyle = "red";
context.strokeStyle = "blue";
context.lineWidth = 1;
context.fillRect(50, 50, 100, 100);
context.strokeRect(50, 50, 100, 100);
}
</script>
</body>

</html>

绘制矩形

阅读全文 »

第1章 问答环节

为什么选择Python

  1. 软件质量, 可重用性,可维护性 (EIBTI,明了胜于晦涩)
  2. 提高开发者的效率, 使用更少的代码完成更多的工作
  3. 程序的可移植性
  4. 标准库的支持,Python通过自行开发的库或是第三方的应用支持来进行扩展。
  5. 组件集成,可以与众多的编程语言互相调用(C, C++, java, SOAP等)
  6. 享受编程的乐趣
阅读全文 »

前言
Python: 一种解释型的,面向对象的,带有动态语义的高级程序设计语言。
由于IDLE所使用的字体导致我们程序的结果出现参差不齐,所以这里推荐使用Yahei Consolas Hybrid字体 密码: qbgc。

第1章 基础值是

本章将介绍如何获得所需要的软件,及简单的算法。

安装Python

下载地址

Windows

windows的安装方法很简单,双击下载后的文件,按照提示进行安装即可。
成功后,我们就可以启动IDLE了,如下图,同时按F1键可以调出完整的Python文档。
Python安装成功

阅读全文 »

《你不知道的JavaScript》中卷读书笔记第二部分 异步和性能

第1章 异步

程序中现在运行的部分和将来运行的部分之间的关系就是异步编程的核心

分块的程序

可以把Javascript程序写在单个.js文件中,但是这个程序几乎一定是由多个块组成的。这些块中只有一个是现在执行,其余的则会在将来执行。最常见的块单位是函数。

异步1,从现在到将来的等待,最简单的方法是使用回调函数

1
2
3
4
5
6
7
8
//ajax()是某个库中提供的某个Ajax函数
var data = ajax("http://some.url.1");
console.log( data );
//data什么结果都没有
//这时我们可以使用回调函数
ajax("http://some.url.1", function myCallbackFunction(data){
console.log( data ); //得到数据
})

异步2,可以使用siteTimeout()

1
2
3
4
5
6
7
8
9
10
11
function now(){
return 21;
}

function later(){
answer = answer * 2;
console.log("Meaning of life: ", answer );
}

var answer = now();
setTimeout( later, 1000 ); //Meaning of life: 42

任何时候,只要把一段代码包装成一个函数,并指定它在某个事件(定时器,鼠标点击,Ajax相应)时执行,你就是在代码中创建了一个将来执行的块,也由此在这个程序中引入了异步机制。

阅读全文 »

第1章 关于this

this 关键字是Javascript中最复杂的机制之一。到现在我也是对this一知半解,完全没有弄清楚。

为什么要用this

this 示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function identify(){
return this.name.toUpperCase();
}

function speak(){
var greeting = "Hello, I'm " + identify.call( this );
console.log( greeting );
}

var me = {
name: "Lisa"
}

var you = {
name: "John"
}

identify.call( me ); //LISA
identify.call( you ); //JOHN
speak.call( me ); //Hello, I'm LISA
speak.call( you ); //Hello, I'm JOHN
阅读全文 »

前言
我们大部分人对Javascript的了解,都是一知半解。并没有去真正的了解它,学习它,导致我们在遇到问题时就会退缩。学习《你不知道的JavaScript》其实就是为了叫我们更好的了解Javascript, 并掌握它。

第1章 作用域是什么

作用域是所有编程语言最基本的功能之一,通过一套设计良好的规则来存储变量,并且可以方便的找到这些变量,这套规则被称为作用域。( 本人理解, 这个是针对所有编程语言的概述。

编译原理

JavaScript 是一门编译语言,程序中的一段代码在执行之前会经历3个步骤,统称为编译

  1. 分词/词法分析(Tokenizing/Lexing)
  2. 解析/语法分析(Parsing)
  3. 代码生成
    JavaScript的引擎没有很多时间去优化,一般属于即编译即执行
阅读全文 »