-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
29 lines (29 loc) · 17.4 KB
/
index.html
File metadata and controls
29 lines (29 loc) · 17.4 KB
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
<!doctype html><html lang=zh-cn><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><title>Frank Wang 的编程世界</title><meta name=renderer content="webkit"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1"><meta http-equiv=Cache-Control content="no-transform"><meta http-equiv=Cache-Control content="no-siteapp"><meta name=theme-color content="#f8f5ec"><meta name=msapplication-navbutton-color content="#f8f5ec"><meta name=apple-mobile-web-app-capable content="yes"><meta name=apple-mobile-web-app-status-bar-style content="#f8f5ec"><meta name=author content><meta name=description content="Frank Wang’s Personal Blog, Web工程师的成长记录."><meta name=keywords content="Frank Wang,Front End Developer,JavaScript"><meta name=generator content="Hugo 0.157.0 with theme even"><link rel=canonical href=http://frankwang0909.github.io/><link href=http://frankwang0909.github.io/index.xml rel=alternate type=application/rss+xml title="Frank Wang 的编程世界"><link href=http://frankwang0909.github.io/index.xml rel=feed type=application/rss+xml title="Frank Wang 的编程世界"><link rel=apple-touch-icon sizes=180x180 href=/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/favicon-16x16.png><link rel=manifest href=/manifest.json><link rel=mask-icon href=/safari-pinned-tab.svg color=#5bbad5><link href=/sass/main.min.af7fd1da18d66c2b017df5b4cae508ef44cfcac3fb4c7c7a327fe4f4f9e28b08.css rel=stylesheet><link href=/lib/fancybox/jquery.fancybox-3.1.20.min.css rel=stylesheet><meta property="og:url" content="http://frankwang0909.github.io/"><meta property="og:site_name" content="Frank Wang 的编程世界"><meta property="og:title" content="Frank Wang 的编程世界"><meta property="og:description" content="Frank Wang’s Personal Blog, Web工程师的成长记录."><meta property="og:locale" content="zh_CN"><meta property="og:type" content="website"><meta itemprop=name content="Frank Wang 的编程世界"><meta itemprop=description content="Frank Wang’s Personal Blog, Web工程师的成长记录."><meta itemprop=datePublished content="2017-08-02T21:23:27+08:00"><meta itemprop=dateModified content="2017-08-02T21:23:27+08:00"><meta name=twitter:card content="summary"><meta name=twitter:title content="Frank Wang 的编程世界"><meta name=twitter:description content="Frank Wang’s Personal Blog, Web工程师的成长记录."><!--[if lte IE 9]><script src=https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js></script><![endif]--><!--[if lt IE 9]><script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script><script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script><![endif]--></head><body><div id=mobile-navbar class=mobile-navbar><div class=mobile-header-logo><a href=/ class=logo>Frank Wang’s Coding World</a></div><div class=mobile-navbar-icon><span></span>
<span></span>
<span></span></div></div><nav id=mobile-menu class="mobile-menu slideout-menu"><ul class=mobile-menu-list><a href=/><li class=mobile-menu-item>首页</li></a><a href=/post/><li class=mobile-menu-item>归档</li></a><a href=/tags/><li class=mobile-menu-item>标签</li></a><a href=/categories/><li class=mobile-menu-item>分类</li></a><a href=/en/><li class=mobile-menu-item>English</li></a></ul></nav><div class=container id=mobile-panel><header id=header class=header><div class=logo-wrapper><a href=/ class=logo>Frank Wang’s Coding World</a></div><nav class=site-navbar><ul id=menu class=menu><li class=menu-item><a class=menu-item-link href=/>首页</a></li><li class=menu-item><a class=menu-item-link href=/post/>归档</a></li><li class=menu-item><a class=menu-item-link href=/tags/>标签</a></li><li class=menu-item><a class=menu-item-link href=/categories/>分类</a></li><li class=menu-item><a class=menu-item-link href=/en/>English</a></li></ul></nav></header><main id=main class=main><div class=content-wrapper><div id=content class=content><section id=posts class=posts><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/centos_wordpress.html>在 CentOS 上搭建 WordPress 博客</a></h1><div class=post-meta><span class=post-time>2017-08-02</span><div class=post-category><a href=/categories/tools/>tools</a></div><span class=more-meta>约 1485 字 </span><span class=more-meta>预计阅读 3 分钟</span></div></header><div class=post-content><div class=post-summary><p>在资金预算或人力资源有限的情况下， <code>WordPress</code> 仍然是快速地搭建博客或者企业网站的不二选择。</p><p>最近，边学边干地使用 <code>WordPres</code>s 给兄弟公司搭建一个简单的官网。代码在本地调试好了。今天学习了如何学在服务器上发布这个程序。</p></div><div class=read-more><a href=/centos_wordpress.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/nvm_for_window.html>window 系统的 Node 版本管理工具 nvm-windows</a></h1><div class=post-meta><span class=post-time>2017-07-20</span><div class=post-category><a href=/categories/node/>Node </a><a href=/categories/tools/>tools</a></div><span class=more-meta>约 746 字 </span><span class=more-meta>预计阅读 2 分钟</span></div></header><div class=post-content><div class=post-summary><h2 id=简介>简介:</h2><p>nvm-windows 是一款用 Go 语言写的 用于 window 操作系统的 Node 版本管理工具。<a href=https://github.com/coreybutler/nvm-windows>GitHub 主页</a></p><h2 id=下载安装>下载安装：</h2><p><a href=https://github.com/coreybutler/nvm-windows/releases>下载地址：https://github.com/coreybutler/nvm-windows/releases</a></p><h2 id=常用命令>常用命令：</h2><p>1.安装指定版本的 Node：</p><pre><code>nvm install <version>
</code></pre><p>示例：</p><pre><code>nvm install 6.2.0
</code></pre><p>命令行出现如下内容，表示正在下载安装 6.2.0 版本的 Node.js， 安装好之后，下载并安装对应的包管理工具 npm。</p></div><div class=read-more><a href=/nvm_for_window.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/typescript_basic.html>TypeScript 入门</a></h1><div class=post-meta><span class=post-time>2017-07-16</span><div class=post-category><a href=/categories/frontend/>frontend</a></div><span class=more-meta>约 2112 字 </span><span class=more-meta>预计阅读 5 分钟</span></div></header><div class=post-content><div class=post-summary><h2 id=1简介>1.简介：</h2><p><a href=http://www.typescriptlang.org/>TypeScript</a> 是微软2012年推出的一种编程语言，属于 JavaScript 的<code>超集</code>，可以编译为 JavaScript 执行。它拓展了 JavaScript 的语法，给 JavaScript 添加可选的<code>静态类型</code>和<code>基于类</code>的面向对象编程。</p><p>TypeScript文件拓展名为 <code>.ts</code>。</p></div><div class=read-more><a href=/typescript_basic.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/angular2_basic.html>快速入门 Angular2 核心概念</a></h1><div class=post-meta><span class=post-time>2017-07-15</span><div class=post-category><a href=/categories/frontend/>frontend</a></div><span class=more-meta>约 1760 字 </span><span class=more-meta>预计阅读 4 分钟</span></div></header><div class=post-content><div class=post-summary><p><img src=/images/2017071501.jpg alt></p><h2 id=1components-组件>1.Components 组件</h2><p><img src=/images/2017071502.jpg alt></p><h3 id=11-组件及示例代码>1.1 组件及示例代码</h3><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none><code class=language-typescript data-lang=typescript><span style=display:flex><span><span style=color:#75715e>//装饰器
</span></span></span><span style=display:flex><span><span style=color:#66d9ef>@Component</span>({
</span></span><span style=display:flex><span> <span style=color:#75715e>//元数据
</span></span></span><span style=display:flex><span>
</span></span><span style=display:flex><span> <span style=color:#a6e22e>selector</span><span style=color:#f92672>:</span> <span style=color:#e6db74>'hello'</span>,
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span> <span style=color:#75715e>//定义组件的模板
</span></span></span><span style=display:flex><span> <span style=color:#a6e22e>template</span><span style=color:#f92672>:</span> <span style=color:#e6db74>'<p>{{greeting}}</p>
</span></span></span><span style=display:flex><span><span style=color:#e6db74>})
</span></span></span><span style=display:flex><span><span style=color:#e6db74>
</span></span></span><span style=display:flex><span><span style=color:#e6db74>//组件类
</span></span></span><span style=display:flex><span><span style=color:#e6db74>export class HelloComponent {
</span></span></span><span style=display:flex><span><span style=color:#e6db74> private greeting: string;
</span></span></span><span style=display:flex><span><span style=color:#e6db74> constructor() {
</span></span></span><span style=display:flex><span><span style=color:#e6db74> this.greeting = '</span><span style=color:#a6e22e>Hello</span>, <span style=color:#a6e22e>Welcome</span> <span style=color:#a6e22e>to</span> <span style=color:#a6e22e>Angular</span> <span style=color:#ae81ff>2</span><span style=color:#f92672>!</span><span style=color:#960050;background-color:#1e0010>'</span>;
</span></span><span style=display:flex><span> }
</span></span><span style=display:flex><span>}
</span></span></code></pre></div><p><img src=/images/2017071505.jpg alt></p><ol><li>装饰器：@Component</li></ol><p>赋予一个类更丰富的信息,即将<code>元数据</code> 注入到组件类中。</p></div><div class=read-more><a href=/angular2_basic.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/js-number.html>JavaScript 的 Number 需要注意的一些特性</a></h1><div class=post-meta><span class=post-time>2017-07-09</span><div class=post-category><a href=/categories/frontend/>frontend</a></div><span class=more-meta>约 1445 字 </span><span class=more-meta>预计阅读 3 分钟</span></div></header><div class=post-content><div class=post-summary><h2 id=一nan>一、NaN：</h2><p>1.定义：<code>NaN</code> 是 JavaScript 的一个特殊值，表示“非数字”（Not a Number），主要出现在将字符串解析成数字出错的场合。</p><p>2.<code>NaN</code> 不是一种独立的数据类型，而是一种特殊数值，它的数据类型依然属于 <code>number</code> ，使用 <code>typeof</code> 运算符可以看得很清楚。</p></div><div class=read-more><a href=/js-number.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/ss.html>撸了Google Cloud，自建了个梯子</a></h1><div class=post-meta><span class=post-time>2017-07-09</span><div class=post-category><a href=/categories/tools/>tools</a></div><span class=more-meta>约 1422 字 </span><span class=more-meta>预计阅读 3 分钟</span></div></header><div class=post-content><div class=post-summary><p>鉴于最近科学上网变得越来越不方便了，不少之前坚挺的 VPN 都被迫停止服务了，只好自己动手，搭个梯子。网上找找资料，意外发现了<a href=https://cloud.google.com/>谷歌的云服务 (Google Cloud Platform)</a>有免费试用服务（其实亚马逊云也有一年的免费试用）。 新用户注册赠送300刀，一年有效期，完全可以用来搭建个梯子玩玩。</p></div><div class=read-more><a href=/ss.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/mysql_notes_3.html>MySQL学习笔记：修改数据表的常用命令</a></h1><div class=post-meta><span class=post-time>2017-06-27</span><div class=post-category><a href=/categories/database/>Database</a></div><span class=more-meta>约 581 字 </span><span class=more-meta>预计阅读 2 分钟</span></div></header><div class=post-content><div class=post-summary><h2 id=1新增或删除列>1.新增或删除列</h2><p>1.1 添加单列</p><p>语法：<code>ALTER TABLE tbl_name ADD [COLUMN] col_name col_definition [FIRST | AFTER col_name];</code></p><p>指定位置关系的关键字：</p><p>1.FIRST：表示在数据表的第一列</p><p>2.AFTER: 参数col_name为某个数据列的名称，表示指定在该数据列的后面。</p></div><div class=read-more><a href=/mysql_notes_3.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/use_gitment_as_comment_system_for_your_blog.html>一个Geek的评论系统Gitment</a></h1><div class=post-meta><span class=post-time>2017-06-24</span><div class=post-category><a href=/categories/tools/>tools</a></div><span class=more-meta>约 806 字 </span><span class=more-meta>预计阅读 2 分钟</span></div></header><div class=post-content><div class=post-summary><p><a href=https://github.com/imsun/gitment>Gitment</a>是一个使用GitHub Issues 搭建的评论系统。本文教你如何使用Gitment作为自己博客的评论系统。</p><h2 id=先简单介绍下优缺点>先简单介绍下优缺点：</h2><h3 id=1优点>1.优点：</h3><p>Gitment支持在前端直接引入，不需要任何后端代码，可以在页面进行登录、查看、评论、点赞等操作，同时有完整的 Markdown / GFM 和代码高亮支持，尤为适合各种基于 GitHub Pages 的静态博客或项目页面。</p></div><div class=read-more><a href=/use_gitment_as_comment_system_for_your_blog.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/python_mysqldb.html>Python操作MySQL学习笔记</a></h1><div class=post-meta><span class=post-time>2017-06-20</span><div class=post-category><a href=/categories/python/>Python </a><a href=/categories/database/>Database</a></div><span class=more-meta>约 804 字 </span><span class=more-meta>预计阅读 2 分钟</span></div></header><div class=post-content><div class=post-summary><h2 id=一应用架构>一、应用架构</h2><p>客户端 –> 业务逻辑层 –> 数据访问层 –> 数据库</p><h2 id=二-python-db-api>二、 Python DB API</h2><p>Python应用程序（包含SQL) –> Python DB API（访问数据库的统一规范接口MySQLdb） –> MySQL / Oracle / SQLServer等数据库</p></div><div class=read-more><a href=/python_mysqldb.html class=read-more-link>阅读更多</a></div></div></article><article class=post><header class=post-header><h1 class=post-title><a class=post-link href=/mysql-basic-2.html>MySQL数据库的基本数据类型、表的操作和记录的操作</a></h1><div class=post-meta><span class=post-time>2017-06-08</span><div class=post-category><a href=/categories/database/>Database</a></div><span class=more-meta>约 1788 字 </span><span class=more-meta>预计阅读 4 分钟</span></div></header><div class=post-content><div class=post-summary><h2 id=一mysql的基本数据类型>一、MySQL的基本数据类型：</h2><h3 id=1-数值类型>1. 数值类型：</h3><p>包括严格数值数据类型(INTEGER、SMALLINT、DECIMAL和NUMERIC)，以及近似数值数据类型(FLOAT、REAL和DOUBLE PRECISION)。</p></div><div class=read-more><a href=/mysql-basic-2.html class=read-more-link>阅读更多</a></div></div></article></section><nav class=pagination><a class=next href=/page/2/><span class=next-text>下一页</span>
<i class="iconfont icon-right"></i></a></nav></div></div></main><footer id=footer class=footer><div class=social-links><a href=mailto:frankwang0909@gmail.com class="iconfont icon-email" title=email></a><a href=https://www.twitter.com/frankwang0909 class="iconfont icon-twitter" title=twitter></a><a href=https://www.github.com/frankwang0909 class="iconfont icon-github" title=github></a><a href=/index.xml type=application/rss+xml class="iconfont icon-rss" title=rss></a></div><div class=copyright><span class=power-by>由 <a class=hexo-link href=https://gohugo.io>Hugo</a> 强力驱动
</span><span class=division>|</span>
<span class=theme-info>主题 -
<a class=theme-link href=https://github.com/olOwOlo/hugo-theme-even>Even</a>
</span><span class=copyright-year>©
2016 -
2026<span class=heart><i class="iconfont icon-heart"></i></span><span></span></span></div></footer><div class=back-to-top id=back-to-top><i class="iconfont icon-up"></i></div></div><script type=text/javascript src=/lib/jquery/jquery-3.2.1.min.js></script><script type=text/javascript src=/lib/slideout/slideout-1.0.1.min.js></script><script type=text/javascript src=/lib/fancybox/jquery.fancybox-3.1.20.min.js></script><script type=text/javascript src=/js/main.min.4ae89da218555efa0e7093a20b92017d2e1202b66fff9fc2edf4cb8d44b44c6e.js></script><script type=text/javascript>window.MathJax={tex:{}}</script><script async src=https://cdn.jsdelivr.net/npm/mathjax@3.0.5/es5/tex-mml-chtml.js integrity="sha256-HGLuEfFcsUJGhvB8cQ8nr0gai9EucOOaIxFw7qxmd+w=" crossorigin=anonymous></script></body></html>