jQuery Details

元素选择器

基础语法

$(selector).action()

其中$定义了jQuery

selcetor表示选择符,用以查找和选择HTML元素,可以理解为JS DOM的操作

action()表示执行对元素的操作

Example

$(this).hide() //hide当前元素
$("p").hide()  //hide P 标签
$(".test").hide()  //hide class="test"的元素
$("#test").hide()  //hide id="test"的元素

文档就绪运行

$(docunment).ready(function(){
  //jQuery here
});

属性选择器

jQuery使用XPath来选择具有特定属性的元素

$("href")    //选择所有具有href属性的元素
$("href='#'")    //选取所有href属性为‘#’的元素

更多选择器

CSS选择器

$("p").css("background-color","red")

this选择器

$(this)

事件处理器

Example

$(docunment).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

当点击button即会隐藏p元素

jQuery事件

  • $(document).ready(function) 将函数绑定到文档的就绪事件
  • $(selector).click(function) 将函数绑定到元素的点击事件

And More…

jQuery获取

$(selecter).text()     //获取元素的文本内容
$(selector).html()     //获取元素内容(包括标记)
$(selector).val()     //获取输入字段的value
$(selector).attr("href")     //获取属性

Lapherial - A Theme for Hexo

Lapherial终于成型啦!(鼓掌)

名称由来

我的英文id是Laphets,而据某dalao说Laphets因为具有三个音节,读出来不够亲切,因此我保留了前半部分也就是”laphe”,而后半部分的rial,参照了material,以增加逼格。因此,最后我便决定以Lapherial为我的主题名。

为什么我要写这个主题?

原因很简单,之前一直都在使用Hexo的Next主题,虽然很美观,但由于用的人太多了,无法形成自己的风格。另外,高考的结束,使得我有更多的时间可以投入到自己的开发之中,因此便开了这个新坑。

Style

曾经考虑过使用Bootstrap来作为页面的框架,但几经考虑之后还是作罢,同样是由于普及率太高。偶然的入坑Android开发之后,发现了Material Design这种UI设计方式,因此果断考虑移植到我的Blog中来,于是最后使用了Materialize作为CSS的框架。

Technology

整个主题采用了EJS作为开发的模板,大部分框架采用引用BootCDN的方式实现。

Version Information

V1.0 完成了主体框架的搭建

V1.1 加入了底部的分页栏,搭建起评论框架

V1.2 Beta1 引入Highlight.js实现了代码高亮的功能

V1.2 Beta2 通过MathJax完善了公式展现的功能

Todo List

  • 修复matrix无法正常显示的Bug
  • 为分页Bar添加相应的样式
  • 通过Bass完善主题的评论系统
  • 完善图片显示的功能
  • 完善右下悬浮图标的功能
  • 完善Archives页面

Matrix Review

$$\frac {1+a}{4+b}$$

$$
\begin{bmatrix}
1 & x & x^2 \
1 & y & y^2 \
1 & z & z^2 \
\end{bmatrix}
$$

$$
\begin{bmatrix}
1 & x & x^2 \
1 & y & y^2 \
1 & z & z^2 \
\end{bmatrix}
$$

$\sqrt[4]{\frac xy}$

Java面向对象编程

继承

指子类继承父类的方法与实例域

class Son extends Parent {

}

继承的特性

1.子类拥有父类的非private方法

2.继承可以多重,但一般单重

3.子类可以对父类进行拓展

使用implements进行继承

继承多个接口

public interface A {

}
public interface B {

}
public interface C implements A,B {

}

super与this

Super:实现对父类成员的访问

This:实现对自身变量的访问

class SuperClass {
  int a=1;
}
class SubClass extends SuperClass {
  int a=2;
  System.out.printf("%d%d",super.a,this,a);
}

修饰符

修饰符用以定义类、方法或者变量

default:默认修饰符声明变量或者方法,方法的访问权限为public。

private:同一类内可见,变量和方法只能够被所属类所访问,类的方法不能够被子孙类所访问。

注:类和接口不能够声明为private,声明为private的变量只能够通过public的getter方法访问

public:所有类可见,其方法,接口,构造方法能够被任何其他类所访问

protected:修饰方法或者变量,子类能够访问(对其子类可见)

final(非访问修饰符)

Final声明类为不可继承,或者用于修饰方法,该方法不能够被override

final class {

}
public/private/default/protected final void method() {

}

当实例变量被声明为final时,不可以被修改,只能赋初始值

static(非访问修饰符)

简单来说,就是方便在没有创建对象的情况下对方法或者变量进行调用。只要类被加载,就能够通过类名进行访问。

静态方法特性:静态方法中不能够访问类的非静态成员或者变量,而其他的非静态方法能够访问到静态变量或者方法

public class A {
  public static void print() {
  }
}
//Then we can use print method without defining an object
A.print();

static变量:静态变量为所有对象所共享,在内存中只占有一个副本。

Git常用技法与命令

克隆代码

git clone https://github.com/master-dev.git  
# 这个git路径是无效的,示例而已

查看所有分支

git branch --all  
# 默认只有master分支,所以会看到如下两个分支
# master[本地主分支] origin/master[远程主分支]
# 新克隆下来的代码默认master和origin/master是关联的,也就是他们的代码保持同步

创建本地新的dev分支

git branch dev  # 创建本地分支
git branch  # 查看分支
# 这是会看到master和dev,而且master上会有一个星号
# 这个时候dev是一个本地分支,远程仓库不知道它的存在
# 本地分支可以不同步到远程仓库,我们可以在dev开发,然后merge到master,使用master同步代码,当然也可以同步

发布dev分支

发布dev分支指的是同步dev分支的代码到远程服务器

git push origin dev:dev  # 这样远程仓库也有一个dev分支了

在dev分支开发代码

git checkout dev  # 切换到dev分支进行开发
# 开发代码之后,我们有两个选择
# 第一个:如果功能开发完成了,可以合并主分支
git checkout master  # 切换到主分支
git merge dev  # 把dev分支的更改和master合并
git push  # 提交主分支代码远程
git checkout dev  # 切换到dev远程分支
git push  # 提交dev分支到远程
# 第二个:如果功能没有完成,可以直接推送
git push  # 提交到dev远程分支
# 注意:在分支切换之前最好先commit全部的改变,除非你真的知道自己在做什么

删除分支

git push origin :dev  # 删除远程dev分支,危险命令哦
# 下面两条是删除本地分支
git checkout master  # 切换到master分支
git branch -d dev  # 删除本地dev分

常用代码(SSH提交 )

git init
git add.
git commit -m "First commit"
git remote add origin SSHhost
git push -u origin master

Grammar,Grammar,the last grammar

Parts of speech

Phrase and phrase types

Adjectives (attributive VS predicative)

Linking verb

be,seem,appear,feel

Model verbs

Subcategories of verb

Clause types

declarative VS interrogative

main VS suborintive

Auxiliary verb

pure VS modal

Relative clause

Verb gramma

Apposition

Argument VS Adjunct

Type of adjuncts

Extraposition

it

Direct/Indirect interrogative clause

intransitive&transitive&ditransitive

Some Details About Android User Interface

Layout

  • RelativeLayout
  • LinearLayout

LinearLayout

Orientation

 android:orientation="vertical"

Initiative Code

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/androidparty"
        android:scaleType="centerCrop"/>

    <TextView
        android:text="Happy Birthday 233"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="36sp"
        android:fontFamily="sans-serif-light"
        android:textColor="@android:color/white"
        android:padding="20dp"
        android:background="@android:color/black"/>
    <TextView
        android:text="By Laphets"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:textSize="36sp"
        android:fontFamily="sans-serif-light"
        android:textColor="@android:color/white"
        android:layout_margin="20dp"
        android:background="@android:color/black"
        />

</RelativeLayout>

Grammatical Functions

Subject

Object

Direct object

Indirect object

Prepositional object

Predicative expression

Some example

e.g.. We sent our students a syntax book.

e.g.. We sent our students to the mall.

e.g.. We are fans of grammar. Predicative nominal

Adjunct

e.g.. When I have time, I drink bear, because it makes me feel good;

Temporal adjunct clause

Causual adjunct clause

The Gramma Review

Ralative clauses

  • that-relative clause

  • normal relative clause

    • which,who,whom,whose,when,where
  • truncated relative clause

    e.g.. the game played last night

  • free relative clause

    e.g.. What I ate was good.

  • reduced relative clause

    e.g.. The music I like is Mozart.

Adjective

  • Predicative adjective
  • Attributive adjective

Auxiliaries

  • /ɔ:g’zɪləris/

  • Modal auxiliaries

    e.g.. can, may,could,should,would,ought,shall,might

  • Pure auxiliaries

    e.g.. do, have,be

  • Auxiliary verbs are necessary for subject-verb inversion.

About Clause

  • Relative clause
  • Attribute clause

Verb Grammar

  • Tense:past,present
  • Aspect:simple,perfect,progressive
  • Voice:active,passive
  • Mood:indicative,subjunctive,imperative

try some example

e.g.. We have liked grammar. present,perfect,active,indicative

e.g.. If I were a rich man. subjective

e.g.. Video games had been played. past,perfect,passive

Carry on , and move on.

2016 Orlando nightclub shooting

On June 12,2016,Omar Mateen,a security guard killed 49 people and wounded 58 others in a gay nightclub in Orlando,and he was killed by Orlando Police Department officers after a three-hour shandoff.And the reason for the mess shooting is mainly coming from the U.S. killing the leader of ISIS in Iraq the previous mounth.



dashboard