md格式
写作介绍1，字体介绍这是斜体 或 这也是斜体
1*这是斜体* 或 _这也是斜体_
这是粗体
1**这是粗体**
这是加粗斜体
1***这是加粗斜体***
这是删除线
1~~这是删除线~~
2，分级标题一级标题二级标题三级标题四级标题五级标题六级标题3，超链接写法：
行内形式：我的博客
1行内形式：[我的博客](https://xfbxfbxfb.github.io/)
参考形式：[我的博客][1]，有一个很好的平台-[简书][2][1]:https://xfbxfbxfb.github.io/[2]:http://www.jianshu.com/
1234参考形式：[我的博客][1]，有一个很好的平台-[简书][2][1]:https://xfbxfbxfb.github.io/[2]:http://www.jianshu.com/
自动链接：我的博客地址https://xfbxfbxfb.github.io/
1自动链接：我的博客地址<https://xfbxfbx ...
powershell基础命令
hostname：电脑在网络中的名称。
pwd：打印工作目录。即输出目前的文件夹地址。
cd：更改路径。cd x（进入下一级目录x）；cdx/y/z（进入下几级目录z）；cd\（当前目录的根目录）；cd ..（返回上一级目录）；cd../../..（返回上几级目录，cd后一定要有空格）。
dir：列出路径下的内容。 Linux是ls
mkdir：创建路径。即创建新文件夹。mkdir -px/y/z（创建往下的多级目录）。
New-Item：创建空文件。格式：New-Itemx.txt -type file。
rmdir：删除路径。
rm：删除文件。
pushd：推送路径。即保存当前路径并转到一个新路径下。
popd：弹出路径。返回到之前pushd保存的路径。
cp：复制文件或路径。cp x.txt some/（复制文件x到some文件夹）；cp -recurse somenewplace（复制some文件夹，生成新文件夹newplace）。
mv：移动文件及路径。即重命名。
more：逐页显示整个文件。
type：打印输出整个文件。
exit：退出sh ...
svg 转圈圈
svg 转圈圈12345678910111213141516171819202122232425262728293031323334353637383940414243444546<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>动画效果</title> <!--此处填写代码--> <style> svg { cursor:pointer; } </style></head><body> <svg width="320" height="200" xmlns="http:// ...
IndexDB 功能
IndexedDBIndexedDB 具有以下特点。
（1）键值对储存。 IndexedDB 内部采用对象仓库（object store）存放数据。所有类型的数据都可以直接存入，包括 JavaScript 对象。对象仓库中，数据以”键值对”的形式保存，每一个数据记录都有对应的主键，主键是独一无二的，不能有重复，否则会抛出一个错误。
（2）异步。 IndexedDB 操作时不会锁死浏览器，用户依然可以进行其他操作，这与 LocalStorage 形成对比，后者的操作是同步的。异步设计是为了防止大量数据的读写，拖慢网页的表现。
（3）支持事务。 IndexedDB 支持事务（transaction），这意味着一系列操作步骤之中，只要有一步失败，整个事务就都取消，数据库回滚到事务发生之前的状态，不存在只改写一部分数据的情况。
（4）同源限制 IndexedDB 受到同源限制，每一个数据库对应创建它的域名。网页只能访问自身域名下的数据库，而不能访问跨域的数据库。
（5）储存空间大 IndexedDB 的储存空间比 LocalStorage 大得多，一般来说不少于 250MB，甚至没有上限。
（ ...
IndexDB代码 功能
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220 ...
BEM 书写规范
BEMBEM 代表 “块（block）,元素（element）,修饰符（modifier）”,我们常用这三个实体开发组件。
在选择器中，由以下三种符号来表示扩展的关系：
12345- 中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。__ 双下划线：双下划线用来连接块和块的子元素_ 单下划线：单下划线用来描述一个块或者块的子元素的一种状态type-block__element_modifier
块（block）1.list
元素（element）123456.list{}.list .item{}.list{}.list__item{}
修饰符（modifier）12345678910.list{}.list.select{}.list .item{}.list .item.active{}.list{}.list_select{}.list__i ...
html5存储
HTML5存储12345web storage和cookie的区别:1.cookie的大小是受限的2.每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽3.Web Storage自身拥有setItem,getItem,removeItem,clear等方法，cookie需要前端开发者自己封装像setCookie，getCookie等方法。4.cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。
12345678910111213141516171819202122232425localStorage和sessionStorage本地存储和离线存储相同的使用方法：1，setItem方法设置存储内容。2，getItem方法获取存储内容。3，使用removeItem方法删除存储内容。localStorage.setItem('Key名', 'Value值');localStorage.getItem('Key名');// ...
常用 meta
几种常用 meta12345<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /><meta name="format-detection" content="telephone=no, email=no" /><meta name="apple-mobile-web-app-capable" ...
LESS 功能
变量 Variables123456@header-height:60px;@footer-height:686px;.header { height: @header-height; background-color: @header-bottom-bgcolor;}
混合 Mixins123456789101112131415.fl{ float: left;}.fr() { float: right;}.nav { .fl();}.profile { .fr();}
在 css 里面并没有 fr,因为被认作是调用的样式，不是输出的样式
123456789.fl {float: left;}.nav {float: left;}.profile {float: right;}
参数混合 Parametric-Mixins123456789101112.border-radius(@r ...
LESS安装三种编译方法
less三种编译方法koalahttp://koala-app.com/index-zh.html
安装后把less文件夹直接拖在程序里面
less2css +sublimetext3首先在官网上安装node.js
https://nodejs.org/en/
打开cmd
1npm install less
Sublimetext ctrl + f 安装插件
less2css
然后在user配置中添加以下代码
1{ "minify":false, "outputDir":"auto", }
如果outputDir设置成
"./"则是同目录编译less
"./css"则是 in the root of the project
cmd打开cmd到less文件夹
1lessc 文件名.less 编译后名.css
在html中引入less12<link rel="stylesheet/less" href= ...
