摘要：
canvas时钟 时钟参数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .clock { width: 400px; margin: 100px auto; b 阅读全文
摘要：
离线记事本 这是一个笔记应用,不需要联网,也不需要数据库,可以直接把数据储存在本地.方便易用! ^_^ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>记事本</title> <script src="http://apps.b 阅读全文
摘要：
点赞效果 混合模式创建点赞: 不同颜色, 运动轨迹,到达顶端opacity为0, 整体向上跑 享元模式存储点赞对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点赞</title> <script src 阅读全文
摘要：
文字快闪 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http- 阅读全文
摘要：
樱花飞舞 思路 混合原型模式生成随机雪花: 颜色 大小 运动方式 位置(x,y) 雪花运动向下掉落, 当雪花超出屏幕, 在页面中随机生成一个新雪花 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title< 阅读全文
摘要：
css模拟时钟 思路: 画时钟数字(x,y)坐标 x = x0 + r*cos(deg) y = y0 + r*sin(deg) 知识点: 创建元素: createElement 添加元素: appendChild css3旋转: transform:rotate(30deg); css3改变旋转中 阅读全文
摘要：
拖拽 鼠标移动到box上,按下鼠标左键,移动鼠标,box开始跟着鼠标移动 鼠标按钮抬起,box不再移动 注意: 计算box移动时, 当前box的位置 + 两个坐标的差 box移动后, 要更新起始坐标位置 <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
摘要：
模拟键盘效果 模拟键盘 通过js模拟键盘按压效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0;} .btn{ wi 阅读全文
摘要：
创建版本库 基本文件操作 创建远程版本库 添加远程库 分支管理 创建版本库 cd: 切换目录,比如 cd e: 切换到e盘 mkdir: 创建一个文件夹 pwd: 查看当前目录 git init: 初始化一个本地库 $ git config --global user.name "name" 设置用 阅读全文