jQuery 入门
jQuery 入门
jQuery 概述
JavaScript 库
JavaScript库：即
library，是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。
简单理解∶就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。
比如jQuery，就是为了快速方便的操作DOM，里面基本都是函数(方法)。
常见的 JavaScript 库
jQuery
Prototype
YUI
Ext JS
移动端的 zepto
jQuery 的概念
jQuery 是一个快速、简洁的JavaScript库，其设计的宗旨是“write Less, Do
More”，即倡导写更少的代码，做更多的事情。
j 就是 JavaScript；Query查询;意思就是查询 js，把 js 中的DOM
操作做了封装，我们可以快速的查询使用里面的功能。
jQuery 封装了 Ja ...
PC&移动端网页特效
PC 端网页特效
元素偏移量 offset 系列
offset 概述
offset 翻译过来就是偏移量，我们使用 offset
系列相关属性可以动态的得到该元素的位置（偏移）、大小等
获得元素距离带有定位父元素得到位置
获得元素自身的大小（宽度高度）
注意：返回的数值都不带单位
常用属性
offsetTop
offsetLeft
以带有定位的父亲为准
offsetParent
返回带有定位的父亲，否则返回 body
offsetWidth
offsetHeight
元素可视区 client 系列
概述
client 翻译过来就是客户端，我们使用 client
系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。
元素滚动 scroll 系列
概述
scroll 翻译过来就是滚动的，我们使用 scroll
系列的相关属性可以动态的得到该元素的大小、滚动距离等
动画函数封装
动画实现原理
通过定时器 ...
关于高级事件和 BOM 浏览器对象类型
高级事件
注册事件
给元素添加事件成为注册事件或者绑定事件
传统方式和方法监听注册方式
传统注册
利用 on 开头的事件 onclick
<button onclick = alert("hi~")></button>
btn.onclick = function(){}
特点：注册事件的唯一性
同一元素同一事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数
方法监听注册方式
w3c 标准 推荐方式
addEventListener() 是一个方法
addEventListener(type, listener[, useCapture])
type 事件类型字符串，比如click mouseover
注意这里不要带on
listener 事件处理函数，事件发生时，会调用该监听函数
可选参数，是一个布尔值，默认是false
attachEvent 事件监听方式
ie9 之前的版本支持
生产版本一般不使用
IE9 之前的 IE 不支持此方法
同一 ...
关于 API 与 DOM 的理解
关于 API
API
Application Programming Interface，
应用程序编程接口，是一些预先定于的函数，目的是提供应用程序与开发人员基于某硬件或软件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
API是给程序员提供的某种工具，以便能更轻松的实现想要完成的功能
WEB API
是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM），MDN API:
https://developer.mozilla.org/zh-CN/docs/Web/API
DOM
DOM 简介
什么是 DOM
文档对象模型（Document Object Model，简称
DOM），是W3C组织推荐的处理可拓展标记语言（HTML 或者
XML）的标准编程接口
DOM树
W3C已经定义了一系列的DOM接口，通过这些 DOM
可以改变网页的结构和样式
文档：一个页面就是一个文档，DOM中使用 document 表示
元素：页面中的所有标签都是元素，DOM中使用 element 表示
节点：网页中所有内容都是节点（ ...
我的星座分析
你对自己的认知其实没别人说那么的感性，因为自己干很多事情都有目的性，所以你潜意识认为一切的感性都是建立在理性的基础之上的，但其实并没有这么简单，你潜意识里的理性，其实也是建立在更深的一层感性的基础上，也就是第三层，一般你对自己的了解只停留在第一层，也就是认为自己是一个超级感性的人。
比如，你见了一个很好看的人，非常心动，一会儿的时间就脑补了和他的一生，然后自己沉浸在自己的世界里感性，这是第一层的感性。
随后就开始在现实中去根据自己刚刚幻想完后的余温再去想要做什么，要让自己变成什么样来去达到自己之前幻想的一个目的，这个过程就是你对自己理性方面的认知，虽然自己会代入真感情到里面去，但有的你会以对自己的了解然后明确这是一份站在理性基础上的一份感性，也就是第二层。
而其实你如果认为自己很聪明的话，对自己的认知停留在第二层的话，其实就是容易会对除了自己有目的性的人以外的人，造成不好的印象，也就是你会针对自己的目的，明确的去让一个人走进他五彩缤纷的情感世界，而所用的方式，在其他人眼里是不喜欢的，也就是好多人说你作什么的，而一个有理性基础的人，如果感性的话，也多多少少会照顾一下其他人的想法 ...
前端代码规范(1)
代码规范
1. 概述
欢迎使用品优购代码规范，
这个是我借鉴京东前端代码规范，组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，
以下规范是团队基本约定的内容，必须严格遵循。
HTML规范
基于 W3C、苹果开发者
等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。
图片规范
了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等，旨在从图片层面优化页面性能。
CSS规范
统一规范团队 CSS 代码书写风格和使用 CSS
预编译语言语法风格，提供常用媒体查询语句和浏览器私有属性引用，并从业务层面统一规范常用模块的引用。
命名规范
从
目录、图片、HTML/CSS文件、ClassName
的命名等层面约定规范团队的命名习惯，增强团队代码的可读性。
2. HTML 规范
DOCTYPE 声明
HTML文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明：
<!DOCTYPE html>
HTML5标准模版
& ...
不要死，也不要孤独的生活
打开新闻首页，密密麻麻的标题，独唱团大卖了，北京公交自燃了，贾宏声跳楼了。
贾宏声是谁？这名字似乎听过，然而完全没印象了。点开新闻，说是周迅前男友，一博客说他从楼下跳下，砸坏了一辆车，口气好象很心痛那车。另一博客开始呼吁社会关心明星心理健康……
还是不知道贾宏声是谁，也不想知道。每天死的人太多了，我关心不过来。
又在网上乱逛，打开另一个门户，又看到这新闻，看来他终于红了。点开，突然看到了一张照片和一段话。
我又一次梦见了那条龙，他盘在屋顶上，两只眼睛死死的盯着我，他问我你是谁？我说我是贾宏声，他说贾宏声又是谁?我说贾宏声毕业于中央戏剧学院，是个演员，热爱摇滚乐，爱列侬和罗伯特普兰特，曾经想成为个名伟大的演员，也想组建一支伟大的乐队。他说你什么都不是，就是一个人，你爱吃面条，鸡蛋，爱穿时髦的衣服，可以哭也可以笑，受不了的时候还可以求人。我问他我为什么在这呢?他说这是对你的惩罚，因为你身上恶的东西太多了，必须把这些恶的东西清理出去，你才能彻底干净。我问他我干净了吗？他没有回答，两只眼睛还是死死的盯着我，然后就飞走了，你就是一个人你就是一个人一个人你就是一个人你就是一个人。
看 ...
日记（4）
呕吼，突然就过去了一个月，上一次更新博客还是上一次（确实）。那就回顾一下这个月做了些什么、发生了些什么吧。
八月底大概就是和辅导员谈话、迎新相关的事务了，考研呢也是磨磨蹭蹭的没怎么放在心上（虽然现在看来不用当时甚至都不用管考研的事情）。
当时有个很有意思的事情就是把《天龙八部》看了一遍，有一说一嗷，那是真的好看，段誉的凌波微步，语嫣的博识多闻，萧峰的英雄自我，虚竹的纯真善良，算是我看的第一部武侠片了，剧情相对来说也是很不错的，近些年的仙侠剧倒是都没看过，唯一看过的就是初中时看过的《兰陵王》了，相比较而言《天龙八部》真的是好太多了。
后来就步入了九月，周一周二还有一节课，占用时间不算很多，周五要去国际处值班，倒是成了我为数不多与人打交道的机会。
后来就是保研竞赛加分答辩了，这个真的是太搞心态了。十号去交了材料，十三号答辩，结果我忘记，十三号正好还有课，自己和自己生气索性就不去了。然后辅导员问我还去不去答辩了，毕竟能加三分来着；然后问辅导员我们专业能保研多少呢？答曰五人。我这一听啊，那就不去了呗，我这名词本来就是十名开外了，于是呢，最后便是真的没有去答辩，也没有加分。
第二天 ...
日记（3）
本来呢，暑假的计划是要读习的，奈何之前的毛选一还没读完，便是摸摸索索地读了毛选一，但也读的并不是很多，最重要地实践论和矛盾论倒是还没有看。
这毛选读起来是真的有意思，很多东西，修修改改，放到现在，依旧是可以用的，对于中国社会各阶层地分析，将近一百年过去了，中国的阶层中，也就是文中的“地主阶级和买办阶级”换了一种形式存在了下来，有人称其为“人民富豪”之类的。
这两年，天下并不太平，工薪阶层声讨“人民富豪”之类的呼声越来越高，其势如暴风骤雨，迅猛异常，无论什么大的力量都将压抑不住。他们将冲决一切束缚他们的罗网，朝着解放生产力的路上迅跑。一切帝国主义、军阀、贪官污吏、土豪劣绅，都将被他们葬入坟墓。很大一部分原因出在某些人屁股背离了无产阶级的穷人，凡是反抗最力、乱子闹得最大的地方，都是那些“人民富豪”为恶最甚的地方。农民、工人的眼睛，全然没有错的。谁个劣，谁个不劣，谁个最甚，谁个稍次，谁个惩办要严，谁个处罚从轻，农民、工人都有极明白的计算，罚不当罪的极少。
没有调查就没有发言权，这一点也是很重要的一件事情，尤其是在目前的互联网浪潮中。大多数人上网发表观点其实是所谓的情绪的宣泄，看到一 ...
Hexo Next 友链配置
在进行配置 Hexo Next
的友情链接的时候遇到了一些麻烦，特此进行记录如何进行 Hexo Next
友链的配置。
创建一个友链界面
首先像创建其他的菜单栏一样创建一个新的菜单
hexo new page links
然后呢，需要在主题的_config.yml文件中进行如下配置，即在最后一行加上links: /links/ || fa fa-link
menu:
home: / || fa fa-home
tags: /tags/ || fa fa-tags
#categories: /categories/ || fa fa-th
archives: /archives/ || fa fa-archive
#schedule: /schedule/ || fa fa-calendar
#sitemap: /sitemap.xml || fa fa-sitemap
#commonweal: /404/ || fa fa-heartbeat
about: /about/ || fa fa-user
links: /links/ | ...