JavaScript 文档对象模型(Dom)


Dom分层

文档对象模型采用的分层结构为树形结构，以树节点的方式表示文档中的各种内容。

1.在文档对象中，每一个元素对象都可以称之为节点
2.html可以说是根节点。
3.如果多个节点在同一个层次，并且拥有这相同的父节点，那么这几个节点就称之为兄弟节点。
4.一个节点之上的节点称之为父节点，一个节点之下的节点称之为子节点。
5.在树形结构最底部的节点被称为叶子节点。
示范案例：

1
2
3
4
5
6
7
8
9
<html>                                            <html>
<head>                                          ↙      ↘
<title>标题内容</title>                      <head>    <body>     
</head>                                     ↙           ↓   ↘
<body>                                  <title>        <h3>   <b>
<h3>三号标题</h3>                          ↓          ↙        ↓
<b>加粗内容</b>                         标题内容   3号标题    加粗内容
</body>
<html>

展开 >>

CSS小知识


CSS之content与arrt的纠缠

content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
before:之前。
after:之后。

1
2
3
4
5
<style type="text/css">
a:after
{content: " (" attr(href) ")"
}
</style>
1
2
3
<body>
<p><a href="http://www.baidu.com/">hello world</a></p>
</body>

返回值: hello world(http://www.baidu.con/)
翻译：和a标签有关，在其之前插入” (“ attr(href) “)”;
其中”(“和”)”是让插入后的链接变好看，像这样hello world(http://www.baidu.com/)
attr(href)：返回其同等的值，就你a标签里href=的东西。

展开 >>

JavaScript Math 对象


什么是 JavaScript Math 对象？

Math 对象
Math 对象用于执行数学任务。

使用 Math 的属性和方法的语法：
注释：Math 对象并不像 Date 和 String 那样是对象的类，
因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，
不是某个对象的方法。您无需创建它，
通过把 Math 作为对象使用就可以调用其所有属性和方法。

1
2
var pi_value = Math.PI;
var sqrt_value = Math.sqrt(15);

展开 >>

JavaScript Date对象


什么是 Date 对象？

Date 对象用于处理日期和时间。

1
2
var myDate = new Date();      //创建Date对象的语法
documet.write(myDate);

返回值：Thu Aug 19 2021 17:56:32 GMT+0800 (中国标准时间)
注释：Date 对象会自动把当前日期和时间保存为其初始值。

展开 >>

复杂度分析


大O表示法

O表示法”表示程序的执行时间或占用空间随数据规模的增长趋势。
大O表示法就是将代码的所有步骤转换为关于数据规模n的公式项，
然后排除不会对问题的整体复杂度产生较大影响的低阶系数项和常数项。

展开 >>

JavaScript 各种方法


各种方法

想起多少我写多少

javaScript toStinr()方法

toString() 方法可把一个值转换为字符串，并返回结果。
括号内可以携带参数，写个 16 就是以 16 进制返回,不过前提似乎是要转换的值必须是 number 型的。
示例一：

1
2
var boolean = new Boolean(true); //true不要写True
document.write(boolean.toString()); //不要拼错大写S

展开 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

年轻人打算写博客玩<br><br>诶~没错就是玩<br><br>玩nm！