小桑前端作品展示

1.JS综合作品

• 你的名字:古诗文起名机器人
• 个性化定制2048游戏
• 排序算法可视化
• 二手房计算器
• 人名转拼音工具
• 协议转HTML工具
• 随机名人名言-AJAX API
• 滑动解锁插件slide to unlock
• 时间的颜色插件colorful time
• 日期选择器插件 date picker
• 面向对象的选项卡
• bootstrap个人网站
• 词频统计
• 电缆型号翻译
• css背景图演示

2.主流前端框架

• React购物清单
• React井字棋
• AngularJS留言板
• AngularJS 知乎注册
• vue还款利息计算器new
• H5还款利息计算器
• Angular还款利息计算器
• 基于nodejs的微博应用

3.页面布局

• 京东布局
• 腾讯布局
• 家具网站布局1.0
• 家具网站布局2.0-bootstrap
• jquery mobile

4.web技术

• cookie
• ajax
• js自定义事件
• jsonp搜索建议
• web性能优化

5.页面效果和小功能

• 购物车
• 标签选项卡
• 多级导航菜单
• 原生JS表单验证
• 富文本编辑器
• 任意比例放大镜
• CSS Sprite
• 倒计时
• 拍卖
• 变色时钟
• 图片滚动
• 内容滚动
• 导航
• 360旋转
• 豆瓣打分
• 手风琴菜单
• discuz论坛用户信息
• 留言板
• web收藏夹
• 图片轮播
• 瀑布流
• 固定广告(IE兼容性试验)
• 无延时按键移动
• 图标拖拽
• 盒子全角度缩放和移动
• 自定义滚动条

6.动画效果

• 动画框架
• 动态时钟
• 幻灯片切换-左右方向
• 幻灯片切换-上下方向
• 幻灯片切换-淡入淡出
• 幻灯片切换-无缝滚动
• 手风琴菜单
• 打字效果
• 图片翻页特效
• mac电脑dock效果
• 图标对齐排列
• 带进度条的幻灯片
• 唱片封面浏览
• 圆形运动
• 浮动遮罩信息
• 触摸事件模拟

7.CSS3效果

• 重力倾斜box
• 水平垂直居中
• flex测试
• css背景图演示