利用VuePress和Netlify CMS创建一个简单的网站 发表于 2018-12-05 利用VuePress和Netlify CMS创建一个简单的网站本文属于本人翻译其英文原稿及测试过程中遇到的问题总结而成的,请大家多提意见。可随意转载。 在本教程中,我将向您展示如何使用VuePress 和 Netlify CMS构建一个静态网站。 如果您不熟悉VuePres, 它是由Evan You(Vue的创始人)在Vue之上构建的静态网站生成器。与Nuxt.js不同的是,VuePress的主要关注点在于构建静态站点,该站点有自己的构造,并且自动负责许多的设置工作。Netlify,一个针对静态站点的现代化平台,使用其CMS来管理静态站点,这使得任何人都可以通过编辑器轻松的管理网站内容。 阅读全文 »
使用Nuxt.js与Contentful创建简单的可数据库管理博客 发表于 2018-11-29 更新于 2018-12-04 使用Nuxt.js与Contentful创建简单的可数据库管理博客让我们体验一下时下较流行的框架 Nuxt.js + Contentful的组合方式来创建个人博客。本文将向您展示如何设置Contentful及Nuxt.js项目,以及Contentful对内容的管理方法 涉及环境Node V11.0.0Npm V6.4.1Nuxt V2.3.4Contentful V0.17.1 阅读全文 »
谷歌Chrome浏览器,自制改造主题帖 发表于 2018-09-06 更新于 2018-10-11 主题帖此贴只做个人爱好,收集一些Google Chrome浏览器主题,并做一定修改。不一定符合其他人的口味,所以也不做宣传。请看客,喜欢就下。不喜欢我也不负责修改。谢谢。 Custom Myself v1.0 下载文件 阅读全文 »
HTML5与CSS3权威指南,代码汇总 发表于 2018-08-24 HTML5与CSS3权威指南,代码汇总Canvas 绘制矩形1234567891011121314151617181920212223242526272829303132<!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> 阅读全文 »
Python学习手册(阅读笔记) 发表于 2018-07-10 更新于 2018-07-31 第1章 问答环节为什么选择Python 软件质量, 可重用性,可维护性 (EIBTI,明了胜于晦涩) 提高开发者的效率, 使用更少的代码完成更多的工作 程序的可移植性 标准库的支持,Python通过自行开发的库或是第三方的应用支持来进行扩展。 组件集成,可以与众多的编程语言互相调用(C, C++, java, SOAP等) 享受编程的乐趣 阅读全文 »
Python 基础教程 发表于 2018-05-14 更新于 2018-07-10 前言Python: 一种解释型的,面向对象的,带有动态语义的高级程序设计语言。由于IDLE所使用的字体导致我们程序的结果出现参差不齐,所以这里推荐使用Yahei Consolas Hybrid字体 密码: qbgc。 第1章 基础值是本章将介绍如何获得所需要的软件,及简单的算法。 安装Python下载地址 Windowswindows的安装方法很简单,双击下载后的文件,按照提示进行安装即可。成功后,我们就可以启动IDLE了,如下图,同时按F1键可以调出完整的Python文档。 阅读全文 »
《你不知道的JavaScript》中卷读书笔记第二部分 异步和性能 发表于 2018-05-02 更新于 2018-05-07 分类于 你不知道的JavaScript 《你不知道的JavaScript》中卷读书笔记第二部分 异步和性能第1章 异步程序中现在运行的部分和将来运行的部分之间的关系就是异步编程的核心 分块的程序可以把Javascript程序写在单个.js文件中,但是这个程序几乎一定是由多个块组成的。这些块中只有一个是现在执行,其余的则会在将来执行。最常见的块单位是函数。 异步1,从现在到将来的等待,最简单的方法是使用回调函数 12345678//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() 1234567891011function 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相应)时执行,你就是在代码中创建了一个将来执行的块,也由此在这个程序中引入了异步机制。 阅读全文 »
《你不知道的JavaScript》中卷读书笔记第一部分 发表于 2018-04-23 更新于 2018-05-02 分类于 你不知道的JavaScript 第1章 类型Javascript的类型包括 Undefined, Null, Boolean, String, Number, Object 内置类型 空值(null) 未定义(undefined) 布尔值(boolean) 数字(number) 字符串(string) 对象(object) 符号(symbol, ES6中新增) 除对象外,其他统称为“基本类型”我们可以通过typeof运算符来查看值的类型。 阅读全文 »
《你不知道的JavaScript》上卷读书笔记第二部分 发表于 2018-04-12 更新于 2018-04-23 分类于 你不知道的JavaScript 第1章 关于thisthis 关键字是Javascript中最复杂的机制之一。到现在我也是对this一知半解,完全没有弄清楚。 为什么要用thisthis 示例 123456789101112131415161718192021function 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 ); //LISAidentify.call( you ); //JOHNspeak.call( me ); //Hello, I'm LISAspeak.call( you ); //Hello, I'm JOHN 阅读全文 »
《你不知道的JavaScript》上卷读书笔记第一部分 发表于 2018-04-02 更新于 2018-04-12 分类于 你不知道的JavaScript 前言我们大部分人对Javascript的了解,都是一知半解。并没有去真正的了解它,学习它,导致我们在遇到问题时就会退缩。学习《你不知道的JavaScript》其实就是为了叫我们更好的了解Javascript, 并掌握它。 第1章 作用域是什么作用域是所有编程语言最基本的功能之一,通过一套设计良好的规则来存储变量,并且可以方便的找到这些变量,这套规则被称为作用域。( 本人理解, 这个是针对所有编程语言的概述。 ) 编译原理JavaScript 是一门编译语言,程序中的一段代码在执行之前会经历3个步骤,统称为编译 分词/词法分析(Tokenizing/Lexing) 解析/语法分析(Parsing) 代码生成( JavaScript的引擎没有很多时间去优化,一般属于即编译即执行 ) 阅读全文 »