发表于   |   分类于

在实习时的一个任务：参照某个后台管理系统编写页面，其中“高度自适应”让我有点猝不及防，要怎么实现呢？这个功能挺实用的，很多博客都是使用这种布局，就比如现在用的next的Pisces排版。

html部分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="top">顶部</div>
<div id="main">
    <div class="sidebar">我在左边</div>
    <div class="content row">
        我在正文<br>
        我在正文<br>
        我在正文<br>
        我在正文<br>
        我在正文<br>
        我在正文<br>
        我在正文<br>
    </div>
</div>
<div id="footer">底部</div>

css部分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
*{
	margin:0;
	padding:0;}
#top{
	background:#dcdcdc;
	height:30px;}
#main{
	overflow:hidden;}
.sidebar{
	float:left;
	width:150px;
	height:50px;
	background:pink;}
.content{
	background:orange;
	overflow:hidden;
	_float:left;}
.row{
	margin-bottom:-10000px;
	padding-bottom:10000px;}
#footer{
	clear:both;
	height:30px;
	background:#eeeeee;}

我们来看主要实现，首先主要区域#main和内容区域.content的overflow要设置成hidden，然后为要高度自适应的块添加row类，这是最关键的设置

1
2
margin-bottom:-10000px;
padding-bottom:10000px;

不得不说，margin负值太酷了。
这次实现的左侧高度固定，右侧高度自适应，如果要都是高度自适应，就都添加上述代码。
最后footer要记得clear:both，结束。

发表于   |   分类于

个人网站

自从那次重装之后，我的github博客就一直有问题。不知是github使用了https协议还是什么原因，我的博客主页能够访问，但一旦访问归档页，就提示我找不到，我知道是http的原因，因为我每次手动加https，页面就能显示出来。这个问题困扰我好几个月了，我也懒得去解决，因为每次都花了好长时间，网上也没有这种问题的解决办法。出于无奈，我只能使用个人域名了。
今天，终于解决了这个世纪难题！

阅读全文 »

发表于   |   分类于

前言

前几天介绍了vue.js这个前端框架，今天起决定记录使用这个框架来搭建项目的流程以及遇到的问题。虽然这个项目只是参考慕课网的教程来做的，但自己还是会遇到很多问题。本项目主要是仿“饿了么”开发。

阅读全文 »

发表于   |   分类于

测试图片显示页面

首先在source目录下创建上传图片的文件夹，我取名为images。
经过测试

  1. 使用原生html方式
1
<img src="/images/a.jpg">
  1. 使用markdown语法
1
![img](/source/images/a.jpg)

一开始完全失效，原来还要添加其他东西：hexo-asset-image
首先在nanshanyi.github.io目录下确认 _config.yml 中有 post_asset_folder:true 。
在 hexo 目录，执行

1
npm install https://github.com/CodeFalling/hexo-asset-image --save

之后再使用 hexo new ‘new’ 创建新博客的时候，会在source/_posts里面创建.md文件的同时生成一个相同的名字的文件夹。把该文章中需要使用的图片放在该文件夹下即可。
使用的时候

1
2
3
!["图片描述"(可以不写)](/文件夹/你的图片名字.jpg)
例如：
![](new/text.jpg)

以下为测试
Ducan
不过使用了这种方法，第一种方法好像就会失效。

19-07-20

今天遇到图片全崩了的问题，hexo-asset-image的版本是^1.0.0。
github上的一个方法是回退到0.0.2。成功解决了。网上博客的一堆方法都没用，全都是屁话，复制粘贴。

发表于   |   分类于

Vue.js的初次使用

最近开始接触vue.js这个mvvm框架，发现相比angularjs，vuejs学起来要简单多啦。相应的教程官网都有。

vue的安装

  1. 安装nodejs和git
  2. 打开gitbash，输入以下命令
1
2
npm install vue
npm install --global vue-cli

全局安装 vue-cli，这是一个官方命令行工具

1
vue init webpack my-project

my-project只是一个项目名称，可以自定义

1
2
3
cd my-project
npm install
npm run dev

进入vue项目文件夹，运行项目，一个vue搭建的项目就跑起来了。

期间接触到了淘宝镜像，对下载node包速度有作用，用了之后是挺快的，不过有些包好像装不了，需要再用npm。

发表于   |   分类于

二叉树的遍历

一、先序遍历
遍历方式：根->左子树->右子树；
二、中序遍历
遍历方式：左子树->根->右子树；
三、后序遍历
遍历方式：左子树->右子树->根。

由此得出：所谓的X序遍历即是遍历根的顺序，先序即根最先遍历，中序则根中间，后序则根最后；且左子树一定比右子树先遍历。

树的节点

任何二叉树中度为0的结点比度为2的结点多一个。

节点数=分叉数+1

发表于   |   分类于

循环队列

如何判断循环队列是空是满？
办法一：设置一个标志变量flag，当front == rear，且flag = 0时为队列空，当front == rear，且flag = 1时为队列满；
办法二：当队列空时，条件就是front == rear，当队列为满时，我们修改其条件，保留一个元素空间。也就是说，队列满时，数组中还有一个空闲单元。

好像通常都用第二种！
由于rear可能比front大，也可能比front小，所以，尽管它们只相差一个位置时就说满的情况，但也有可能是相差整整一圈。所以，若队列的最大尺寸为N，那么队列满的条件是(rear + 1) % N == front

通用的计算循环队列长度的公式：(rear - front + N) % N

发表于   |   分类于

什么是浏览器内核

我们一般称浏览器的核心部分”Rendering Engine”为浏览器内核。其负责对网页语法的解释和渲染页面。不同内核对语法的解释不同，网页渲染效果也不同。

浏览器内核种类

主要讲几类：Trident、Gecko、Presto、Webkit。

Trident

人称IE内核，与W3C脱节，你懂的。

Gecko

开源内核。火狐(Mozilla Firefox)采用了该内核。

Presto

Opera采用的内核。该款引擎的特点就是渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。

Webkit

苹果公司的内核，同样开源。代表：苹果的Safari、Google的Chrome。

发表于   |   分类于

简介

这是本人的第一篇博客。由友人介绍，接触到Github+Hexo搭建个人博客这么高大上的东西。我觉得写博客首先要简单明了，然后再专业比较好，毕竟看懂弄懂最重要。

准备工作

1.申请Github账号
2.安装Node，用来生成静态页面，到Node.js官网下载相应平台的最新版本，一路安装即可
3.安装Git，把本地的hexo内容提交到github上去
4.安装Hexo

安装Hexo过程

在安装Hexo之前，先要创建Github个人仓库，再配置SSH keys，最后在安装Hexo。

创建仓库

配置SSH keys

1
2
cd ~/.ssh
ls

如果没有则提示： No such file or directory
如果有则进入~/.ssh路径下（ls查看当前路径文件，rm *删除所有文件）

1
2
$ cd ~  #保证当前路径在”~”下
$ ssh-keygen -t rsa -C "xxxxxx@yy.com"  #建议填写自己真实有效的邮箱地址

这时会在Users/Administrator/.ssh下生成两个文件，打开.pub结尾的文件，复制内容到github的add ssh key中。
顺便

1
2
$ git config --global user.name “your_username”  #设置用户名
$ git config --global user.email “your_registered_github_Email”  #设置邮箱地址

测试ssh keys是否设置成功。

1
$ ssh -T git@github.com

安装Hexo

首先win+R,cmd打开命令行界面，因联网安装，到Hexo官网复制安装命令到命令行界面，等待安装完成。打开Git Bash(安装完Git后，右键就有Git Bash)，输入初始化命令

1
hexo init

初始化结束后，输入

1
hexo g 或 hexo generate

后面是前面的缩写

输入完成后，就生成一个Hexo博客框架。输入

1
hexo s 或 hexo server

顾名思义，开启服务器，访问localhost:4000。之前就有一次一直访问都访问不了，原来就是忘了输入该命令，我这记性！写完博客，先在本地浏览一下，确认无误再上传，省麻烦。
在这次安装过程中，唯一遇到的问题是右键Git Bash打开闪退。因为原来是朋友直传的文件，卸了后，去官网重下就解决了，虽然下载速度有点慢。

常用命令

1
2
3
4
hexo new "文章名" //新建文章
hexo new page "新建页面名" //新建页面
hexo g //生成
hexo d //部署

部署到Github

修改本地博客文件夹根目录下的_config.yml文件deploy的repo，这个以用户为标准

1
2
3
4
deploy:
  type: git
  repo: git@github.com:GrayFrost/GrayFrost.github.io.git
  branch: master

在目录下右键打开Git Bash，输入

1
2
hexo g
hexo d

以后每次在本地修改完博客，输入以上两条命令，就完成博客了。

问题

hexo ERROR Deployer not found: github
解决：安装 npm install hexo-deployer-git –save，再将deploy 的 type由github改为git。
顺便说下，如果使用ssh部署不成功的话，请使用https的方式试试，即type下一个选项repository的值进行相应更改。（2016-08-15重装系统后，弄了一下午Orz）