西风前端

Web前端学习博客。

  • 首页
  • 分类
  • 归档
  • 标签
  • 前端作品Demo
  • 前端微专业
  • 关于
  • 搜索
close

JS运动框架(动画)实现思路

发表于 2016-04-15   |   分类于 JavaScript   |     |   阅读次数

运动框架实现思路

简单动画(改变值:left/right/width/height/opacity)

速度动画

1
<div id='div1'><span id='share'>分享</span></div>
1
2
3
4
5
body,div,span{margin:0;padding:0;}
#div1{width:200px;height:200px;background:red;
position:relative;left:-200px;top:0;}
#div1 span{width:20px;height:50px;background:blue;position:absolute;
left:200px;top:75px;}
阅读全文 »

DOM事件探秘

发表于 2016-04-10   |   分类于 Web前端   |     |   阅读次数

Javascript与HTML之间的交互是通过事件来实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。比如:
-点击一个DOM元素
-键盘按下一个键
-输入框输入内容
-页面加载完成

事件流

事件流描述的是从页面中接收事件的顺序。
IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流.
DOM2级事件规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。

阅读全文 »

hexo 内置标签

发表于 2016-04-07   |   分类于 博客搭建   |     |   阅读次数

标签(Tag Plugin) 是 Hexo 提供的一种快速生成特定内容的方式。 在标准 Markdown 中,我们无法指定图片的大小,在这种情景下,我们即可使用标签来解决。 Hexo 内置来许多标签来帮助写作者可以更快的书写, 完整的标签列表 可以参考 Hexo 官网。 另外,Hexo 也开放来接口给主题,使主题有可能提供给写作者更简便的写作方法。

阅读全文 »

Hexo安装及部署

发表于 2016-04-05   |   分类于 博客搭建   |     |   阅读次数

配置SSH Key

用SSH Key将本地git项目与远程GitHub建立联系。
定位到目标文件夹,右键-Git Bash下输入命令:

ssh -T git@github.com

Hexo安装

首先要安装好Git 和Node.js软件。
安装完后,打开Git Bash,输入命令:

npm install hexo-cli -g

阅读全文 »

Git实战教程

发表于 2016-04-05   |   分类于 Git   |     |   阅读次数

简明释义

Git

Git 是一个版本控制工具,是一个可以安装在你自己机器上的软件。
git 的用途,就是对一个文件夹中的所有数据信息做跟踪,通过记录版本的形式来对内容的变化做记录。

github

Git 的魅力在于开源文化,2008 年 github 的诞生把开源协作的理念更好的进行了推广,因为 Github 让 Git 变得更为易用。
Github 首先是一个公司,Github网站是他们的产品,提供 Git 仓库的托管服务,但是更重要的,它是世界上最大的开源软件分享协作平台。

阅读全文 »

如何通过Github Pages + hexo 搭建个人博客

发表于 2016-03-13   |   分类于 博客搭建   |     |   阅读次数

这是在github page上建立的个人博客站点,专注WEB前端开发技术知识,有别于个人独立博客站点:西风博客.

为什么要搭建个人博客呢?

  1. 个人知识积累。
    经历过那么多,是不是想把自己的经历、想法观点给记录下来,网站是个不错的选择。
    俗话说得好,好记性不如烂笔头。你不写出来,是会遗忘的,那是一笔多么宝贵的财富啊。同时,你在写的过程中,你会思考、会反思自己的过往经历,更能理性的认清生活,了解自己,积累经验教训。
    阅读全文 »

HTTP协议及相关知识

发表于 2016-03-03   |   分类于 HTTP协议   |     |   阅读次数

HTTP,或者超文本传输协议,是上世纪80年代由蒂姆.伯纳斯.李发明的。
它是一个规则系统,是一种协议,把应用程序和超文本文档之间的传输联系起来。换句话说,HTTP 就是机器之间彼此沟通的一个协议,或者说一个消息格式。
HTTP 遵循一个简单的模型:从客户端发出请求到服务器并等待响应。因此它也被认为是一种“请求–响应协议”。请求和响应都是文本信息,或者说是字符串,信息写法遵循着一个规则,能保证其他机器能够理解上面的内容。

HTTP请求

每一个HTTP请求都会得到一个响应,哪怕这响应是一个错误响应.(有时响应会超时)
GET请求:向服务器发起请求数据;
POST请求:给服务器提交数据

阅读全文 »

前端知识之查漏补缺:HTML头部(head)标签

发表于 2015-12-13   |   分类于 Web前端   |     |   阅读次数

我们日常所浏览的网页,都是有HTML文档构成的。HTML文档的基本结构如下图:
HTML文档结构

阅读全文 »

Hello World

发表于 2015-12-13   |   分类于 博客搭建   |     |   阅读次数

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

阅读全文 »

网页图片格式浅析

发表于 2015-12-10   |   分类于 Web前端   |     |   阅读次数

作为一名前端开发工程师,或是UI设计师,对网页图片格式需要有一定的了解。

网页图片格式分为2种:一种是位图,另一种是矢量图。

一、位图

位图3种格式:“.jpg”、“.png”、“.gif”。

阅读全文 »
1…678
xifengxx

xifengxx

在梦想面前,一切都是借口。

75 日志
31 分类
60 标签
RSS
GitHub Weibo Weixin
Creative Commons
友情链接
  • 西风博客
© 2015 - 2016 xifengxx
由 Hexo 强力驱动
主题 - NexT.Mist