博客迁移摘记

折腾了大半年,考虑到速度上和学习上的需要,把原本的博客系统从WordPress迁到了HEXO。服务器也从香港迁回了大陆。域名也备了案。至少访问速度是得到了质的提升。

想起来自己最早弄起前端也是因为当时想要弄个个人博客,想要写点东西。然后在一次无意中看到了WordPress,立刻被强大的功能和主题吸引,然后主题的效果不能满足自己的需要就自己开始改改改。薄弱的前端知识直接面对成熟的工程。所以在一开始的时候确实有点手足无措。不过那段时间的摸索和琢磨也是让我现在能坚定走上前端这条路的原因。

Read more
网页(全屏)背景图实现方式(纯CSS向)

全屏背景的意思就是背景图占满整个浏览器视窗,在没有body其他内容的时候不出现滚动条。就算有滚动条的时候,背景也是固定的,不跟随滚动。
对于这类的全屏背景图片的实现,我们需要注意的是,有五种情况:

  • 图片很小重复铺满整个视窗
  • 被浏览器视窗大小截断
  • 宽度占满浏览器视窗而高度被截断
  • 根据浏览器视窗大小长宽按比例缩放
  • 根据图片与浏览器视窗的相对大小进行缩放或者截断
Read more
一个人的时候想的事

我一向是很不喜欢也不习惯在手机上写东西。但这次是例外,因为我的身边并没有自己的笔记本。

都说距离产生美。在远离北京的11个小时里我的感受越来越深。整个车厢里都是小伙伴但我落座的位置却是最角落的最角落。一开始有点失落但是随着火车的开动我却越来越享受这种一个人的旅途。主要是我一个人看着窗外想了很多很多的东西。而这些东西我需要环境,需要时间去消化。所以一个人的角落未必不是一件好事。

Read more
jQuery——删除 动态添加的元素的方法

这两天在写JS,写一个遮罩层的时候发现了一个挺有意思的地方,就是直接运用jQ的$选择器的时候无法选择出动态创建的元素,因此也就无法做到删除这个动态添加的元素。然后找寻了各种方法,目前找到两种我觉得是挺好的解决办法。


Read more
前端基础入门之个人拙见

说实话自己也仅仅是入门级别的前端人员,要我写一篇教程引导没有前端基础或者有一点点基础的人说是难为也不为过。

以下仅仅是个人拙见,看官见谅。

Read more
前端-给自己的第一个博客添加样式

上一篇文章已经给出了一个两栏布局的博客的基本结构。我们实现了两栏布局的基本页面结构(DEMO),今天我们来给这个DEMO添加样式,让它变得更好看。

更新后的地址在这里 NEW-DEMO

Read more
前端-从最简单的两栏布局开始

相信很多人接触前端做的第一个可以称为工程的东西就是叫做我的博客的一个博客页面的东西。毕竟博客页面对于一个新手来说是最适合练习布局的一个工程了。

同样,我的前端出发点也是一个博客页面,不过年代久远做得太丑就不好意思拿出来献丑。当时并没有布局的概念,觉得什么需要就往网页上写,结果布局乱七八糟实在不忍直视。今天要说的是两栏布局。从两栏布局里我们能够学到基本的DIV+CSS布局方法,纵向的DIV如何变为横向排布,这其中包括了float的一些用法;以及前端开发中对于布局的一些基本注意事项。

Read more