Joan_zero

1. 数据存储 document.cookie="k=v"：使用键值对存值，同名覆盖。 document.cookie="k=v;expires=eDay"：expires 可以指定过期日期，-1表示立即失效。 document.cookie：返回由 ; 拼接的客户端所有coo…

效果图：https://user-gold-cdn.xitu.io/2020/4/8/171580b93458fdfb?imageslim布局：snake.html样式：snake.css脚本：sna

1. 概念入门 原始写法：$(document).ready(() => {})，参数可替换为ES5的function函数。 简单写法：$(() => {})，参数可替换为ES5的function函数。 JS转JQ：$(JS原生对象)。 JQ转JS：JQ对象[0] 或 JQ对象…

1. 基本操作 元素.text()：获取元素的纯文本内容，对元素集合操作则将全部结果进行拼接。 元素.text("v")：设置元素的纯文本内容，对元素集合操作则将所有元素都依次设置。 元素.html()：获取元素的HTML内容，对元素集合操作则将全部结果进行拼接。 元素.htm…

1. 鼠标事件 元素.click(() => {})：鼠标左键单击元素时触发事件。 元素.mousedown(() => {})：鼠标左键在元素上按下时触发事件。 元素.mouseup(() => {})：鼠标左键在元素上抬起时触发事件。 元素.dblclick(() => {…

1. 节点操作 $("<p>")：创建一个 <p></p> 节点。 $("<p id='p1'>hi</p>")：创建一个 <p id='p1'>hi</p> 节点。 A.append(B)：在节点A中追加节…

布局：rhythm.html样式：rhythm.css脚本：rhythm.js数据：song001.json图片：dance.gif

1. 基本概念 概念： Bootstrap来自全球最大的微博公司Twitter，于2013年8月发布，是目前很受欢迎的，移动设备优先的，基于CSS3，HTML5和JQUERY的前端框架，Bootstrap最为重要的部分就是它的响应式布局，通过这种布局可以兼容PC端、Pad端以及…

1. 按钮组 替换 btn-group 为 btn-group-vertical 即可形成垂直按钮组，不支持嵌套。 添加 btn-group-xs/md/lg 可以设置整组按钮为小号/正常/大号。 将多个按钮组放进一个 btn-toolbar 容器中即可形成按钮工具条。 2. …