hexo 博客自制背景动画(代码雨)起因：看到比较厉害的特效，想学一下加到自己的博客中看看效果。 1. 首先，在单独一个 html 文件中实现动画效果123456789101112131415161718192021222324252627

元素三大系列这里讲的三大系列的属性返回的是数值，不带单位 元素偏移量 offset 系列使用 offset 系列相关属性可以动态得到该元素的位置（偏移）、大小等。 作用： 获得元素距离定位父元素的位置（如果没有父元素或者父元素都没有定位

BOM(浏览器对象模型)概述BOM(Brower Object Model) 即浏览器对象，它提供了独立于内容而与浏览器窗口进行交互的对象，核心对象是 window。 BOM 缺乏标准，Javascript 语法的标准化组织是 ECMA，D

前端工程化和 webpack前端开发四大要点： 模块化：js、css、资源的模块化 组件化：UI 结构、样式、行为可复用 规范化：目录结构、编码、接口、文档规范化、git 分支管理 自动化：自动化构建、自动部署、自动化测试 1. 前端工

Vue 学习笔记(一)1. vue 简介Vue 是一套用于构建用户界面的前端框架 1.1 vue 的两个特性 数据驱动视图 使用了 vue 的页面，vue 会监听数据的变化，自动重新渲染页面的结构 数据驱动视图是单向的数据绑定，即只能由

rem 适配布局rem 单位rem 是根 em(root em)的缩写，是相对于根元素(html 元素)的字体大小。 rem 作用于非根元素字体大小时，相对于根元素字体大小；rem 作用于根元素字体大小时，相对于其初始字体的大小。 比如，根

1. meta 视口标签1<meta name="viewport" content="width=device-width, user-scalable = no, initial-scale=1.0, maximum-scale

Python(一)本系列是个人学习 Python 的学习笔记。董付国编著的 Python 程序设计（第三版） 1. 介绍 Python 是一门跨平台、开源、免费的解释型高级动态编程语言b>，支持伪编译将 Python 源程序转换为字节

计算机与网络(一)写了几个月的学习笔记（虽然是每周一篇），发现了新世界，以前只觉得花时间写学习笔记效率不是很高，一直没有写过学习笔记之类的，但是实际上，写学习笔记的过程实际上又是重新复习了一下。 学习计算机网络的笔记系列，参考谢希仁编著的计

响应式布局原理使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备。 设备 尺寸区间 手机 <768px 平板 [768px, 992px) 桌面显示器 [992px, 1200px) 大桌面显

JavaScript 事件注册事件（绑定事件）给元素添加事件，称为注册事件或者绑定事件。 有传统方式和方法监听方式 传统方式利用 on 开头的事件，如 onclick, 同一个元素同一个事件只能设置一个处理函数，出现多个处理函数的话，后面的

JavaScript DOM（二）案例只留下案例名称，需复习的话，下载素材，按名字搜索后可找到文件 节点操作通过上文可知获取元素可以来利用 DOM 提供的方法来获取元素，如 getElementById、querySelector 等方法，