momobutong

摘要： \cx：匹配由x指明的控制字符；例如 \cM ==> Ctrl+M 或者 enter键 \f： 换页符 \s： 匹配任何空白字符，包括空格、制表符、换页符等 \S： 匹配任何非空白字符 .：匹配除换行符外的任何单字符 \b：匹配一个单词边界；也就是单词和空格之间的位置 \B：匹配非单词边界 \w：匹 阅读全文

摘要： Flex布局 弹性布局 一、任何一个容器都可以指定为 Flex 布局： 1、flex-direction：项目的排列方向 2、flex-wrap：如果一条轴线排不下，如何换行 3、flex-flow: flex-direction flex-wrap 4、justify-content：项目在主轴上 阅读全文

摘要： SVG实现波浪效果 svg path：C 贝塞尔曲线绘制波浪形状 A 绘制圆弧形 svg animate：制作波浪动画，为了波浪动画效果自然，设置values关键点 attributeName：变化属性名 dur：动画时间 repeatCount：循环次数 效果图： 阅读全文

摘要： 移动端之摇一摇 一、移动端重力感应事件 window.devicemotion事件在一个固定的间隔（极快的时间间隔）内被触发，并指定了设备在那个时候接收到的加速度的物理力的大小 在devicemotion事件回调函数的event参数中，有个属性可以来获取设备的运动传感器的加速度数据， event.a 阅读全文

摘要： canvas实现刮刮卡效果 实现步骤： 完整代码： 底图： 效果如下： 阅读全文

摘要： JWT(JSON Web Token) 允许我们使用JWT在用户和服务器之间传递安全可靠的信息的规范。 JWT由三个部分组成：header（头部）、payload（载荷）、signature（签名）。 一、头部 header 头部用于描述关于该JWT的最基本的信息，例如其类型以及签名所用的算法等，用 阅读全文

摘要： 学习篇之SVG 一、use重用 与 g组合 xmlns变量实际上指示浏览器如何解释称为SVG的XML方言 <g></g> 组合 <use /> 重用 <ellipse /> 椭圆形 圆心(cx, cy) x轴半径rx、y轴半径ry 二、linearGradient 线性渐变 与 radialGrad 阅读全文

摘要： CSS3 过渡、动画、多列、用户界面 transition过渡 animation 动画 多列 column-count 元素应该被分隔的列数 column-gap 列与列之间的间隔 column-rule 列与列之间的宽度、样式、颜色规则 用户界面 resize 规定是否可由用户调整元素的尺寸 b 阅读全文

摘要： CSS实现栅格布局 设置容器container： 清除浮动： 假设有12列布局： 实例： 阅读全文

摘要： JS实现掷骰子 实现方法： 方法一：通过background-position、background-image、backg-repeat三个属性以及jquery animate()方法改变背景骰子图来实现图片切换。 PS：调整background-position比较麻烦，由于背景是一张包含各个点 阅读全文