DOM补充

DOM 属性节点

  1. Element.className
    className 属性用来读写当前元素节点的 class 属性。它的值是一个字符串，每个 class 之间用空格分割。
1
2
3
4
// HTML 代码 <div class="one two three" id="myDiv"></div>
var div = document.getElementById("myDiv");
div.className;
// "one two three"
more >>

展开全文 >>

正则

正则的概念

正则表达式(regular expression)是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个子字符串，将匹配的子字符串做替换或者从某个字符串中取出符合某个条件的子串等。
为什么要用正则：
前端往往有大量的表单数据校验工作，采用正则表达式会使得数据校验的工作量大大减轻。常用效果：邮箱、手机号、身份证号等。

more >>

展开全文 >>

ES6

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

more >>

展开全文 >>

DOM高级-运动

运动原理

运动也可以叫做动画。
通过连续不断的改变物体的位置，而发生移动变化。
使用 setInterval 实现。
匀速运动：速度值一直保持不变。
多物体同时运动：将定时器绑设置为对象的一个属性。
注：物体每次运动都应该把之前的定时器清除掉。

more >>

展开全文 >>

localStorage本地存储

什么是 localStorage

在 HTML5 中，新加入了一个 localStorage 特性，这个特性主要是用来作为本地存储来使用的，
解决了 cookie 存储空间不足的问题(cookie 中每条 cookie 的存储空间为 4k)，
localStorage 中一般浏览器支持的是 5M 大小，这个在不同的浏览器中 localStorage 会有所不同

more >>

展开全文 >>

移动端布局

响应式网站设计

什么是响应式布局

  1. 服务器根据不同的浏览器用户端，为用户呈现不同的页面效果。
  2. 可以让一个网站兼容不同分辨率的设备，给用户更好的视觉使用体验。
  3. 移动互联网催生了响应式布局的诞生。
more >>

展开全文 >>

弹性盒模型和几种布局方式

怪异盒模型

浏览器对盒模型的解析一共有两种模式，一种是标准模式，另一种就是怪异模式。
一般在页面头部声明了 DOCTYPE，都会触发标准模式，而如果 DOCTYPE 缺失则在 ie6，ie7，ie8 下将会触发怪异模式（quirks 模式）。
标准盒模型和怪异盒模型的区别：
在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)
在怪异模式下，一个块的总宽度= width + margin(左右)（即 width 已经包含了 padding 和 border 值）

more >>

展开全文 >>

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>爬山爱好者<br><br>马拉松爱好者<br><br>爱好干净、轻微整洁癖