轮子库

2015年10月09日 轮子库已关闭评论 阅读 563 次

graphql-express-mysql

demo

vue-ssr-renderer-demo

demo地址

个人博客

技术栈:vue+vueRouter+express+express+mysql+graphQL

demo地址

异常监控

技术栈

因为webpack2版本不兼容ie8,要兼容ie8需要考虑webpack1,成本较大,故放弃,异常监控一共写了两个版本,webpack版本(分模块开发版本)及原生版本分别对应/webpack``/module两个文件夹

demo地址

 React

react 案例 demo

reactjs教程 :  demo                       ps:http://reactjs.cn/react/docs/tutorial-zh-CN.html

React 编程思想 :(待完善) demo   ps: http://reactjs.cn/react/docs/thinking-in-react-zh-CN.html

 

 

jquery特效

焦点图切换:

jquery焦点图切换(待提高)

demo

 

固定时间内改变属性.

$("li").animate({"margin-top" : "10px"}, "slow");

$(".conbox").animate({"height" : h-180+"px"}, 500)

demo

参考及拓展:

jQuery 效果 - animate() 方法

jquery实现文字由下到上循环滚动的实例代码

demo

另:可能会出现的问题

为了有利于保护安全性,Internet Explorer己限制此网页进行可以访问计算机的脚本或ActiveX控件。请单击这里获取选项

拓展:

jquery 通用滚动特效,文字单行,多行停留滚动,图文上下左右滚动

JQuery实现文字无缝滚动效果(Marquee插件)

文字无缝滚动jQuery上下滚动js效果代码

PCASClass (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 3.0.140215

jQuery导航顶部固定

拓展:

导航顶部固定

参考:

http://bbs.csdn.net/topics/390728126%3Fpage%3D1

待解决:

question-mark_21323680如何设置下拉锚点对应导航li的切换??

ajax

jquery ajax读取json文件,点击修改增加li  demo

选择提交判断是否正确 demo 

ps:JavaScript实现调查问卷

 

 

 

原生js部分

用数组完成多个图片的渐隐渐入 demo

一些小特效demo

掩饰菜单(出现和隐藏)demo

IV CSS遮罩层

展开收起

question-mark_21323680点击切换背景

点击返回鼠标坐标

点击返回顶部

获取元素节点的非行间样式

右侧悬浮广告(position:fix可实现,但ie6不支持)

右侧悬浮 缓冲运动到指定位置   demo

点击任意点,关闭div显示(阻止事件冒泡)  --------- demo

鼠标跟随demo

demo2

坦克大战(键盘控制div)demo

question-mark_21323680

差射出子弹到屏幕尽头

只能数字的输入框(键盘事件) demo

自定义右键(阻止默认事件) demo

简易拖拽 demo

question-mark_21323680

少resize事件  参考 :  http://www.zhangxinxu.com/wordpress/2010/03/javascript%E5%AE%9E%E7%8E%B0%E6%9C%80%E7%AE%80%E5%8D%95%E7%9A%84%E6%8B%96%E6%8B%BD%E6%95%88%E6%9E%9C/

记住用户名,点击删除(cookie操作)demo

ajax点击调用不同的服务器文件demo

ajax读取文件内的数组和josn数据demo

ajax分页demo

运动基础demo

分享到demo

淡入淡出demo

缓冲运动demo

多个目标的运动,使用一套框架demo

自动播放幻灯片效果(透明度)demo

参考:   demo

div先变宽在变高(回调函数) demo

简单的多属性改变(json)demo

完美运动框架 (同时改变多个属性)demo

轮播02demo

多图片展开收缩(布局转换)demo

仿新浪微博(链式运动)(先展现高度,再展现透明度)demo

无缝滚动  demo

仿苹果菜单特效 demo

简单弹性运动 demo

简单弹性运动02 demo

弹性运动导航 demo

碰撞+重力  demo

简单面向对象  demo

重力+弹性+拖拽 demo

面向对象02demo

拖拽(面向对象)demo

好看的运动边框 demo

仿手机锁屏 demo

懒加载(异步加载) demo

js运动初级 demo javascript dom操作艺术第十章 (待完善)

瀑布流 demo

ps: demo

closest()方法应用,点击右侧元素收起左侧元素 demo

轮播面向对象改写demo

代办事项添加(面向对象) demo (未完成,待续)

ps参考 :demo

 

订阅者模式   demo

 

移动端 

相册 demo  (待完善)

 

 

 

css3

仿新浪导航(结构选择器)demo

target属性应用demo

模拟单选demo

模拟单选点击切换divdemo

风车(圆角应用)demo

遮罩特效demo

放手机开机动画demo

斜切导航demo

时钟css3demo

transition过渡效果完成事件demo

3d-1demo

3d盒子demo

3d幻灯demo

无缝滚动 demo

div走回字形demo

动画结束问题 demo

3d图片轮播demo

翻转效果 demo

3d折纸01demo

3d折纸02demo

ps参考:

3d折纸02demo

3d折纸02demo

点灯笼 demo

ps:参考 demo

 

 

html5

笔记

百度音乐拖拽 demo

参考: 拖拽购物 demo

笔记02

鼠标划线 demo

方块运动demo

canvas时钟. demo

 

php

 

目录待完善 http://www.siyuweb.com/demo/mulu.php

 

 

搜集类

幻灯片效果遮罩切换demo

3d幻灯 demo

 

 

Swiper常用于移动端网站的内容触摸滑动

http://www.swiper.com.cn/

 

 

swiper 当前页动态播放    demo

 

 

 

资料搜集

网址类

jquery标记编辑器插件Tag Editor

jquery之家

 

 

焦点图切换

kinMaxShow

SuperSlide一个比较好的特效

jquery旋转木马插件SLICK          demo

jquery jcSlider插件           demo

Nivo Slider    http://www.helloweba.com/view-blog-119.html

unslider http://www.bootcss.com/p/unslider/

12款经典图片轮播jquery插件

jQuery适合移动设备触摸屏的响应式幻灯片插件

http://www.jq22.com/jquery-info4809  

http://www.htmleaf.com/Demo/201501291295.html

jquery响应式轮播

http://www.jsshare.com/news/13?newstype=2

 

 

 

 

 

 

 

 

三级联动:

02备用:http://www.siyuweb.com/website/web/594.html

css3动画简介以及动画库animate.css的使用

jquery圆环进度条插件

纯CSS无图片三角形

纯CSS气泡框实现方法探究

css面包屑道航

漂亮的图片纸牌特效 demo

">" "<"括号形状的  可以写两个,背景不一样,遮挡一部分

多层图片效果

放大镜效果 demo

jquery 全屏滚动插件 http://www.dowebok.com/77.html

jquery 旋转特效  http://www.css88.com/archives/4519

 

 

 

css部分

The Shapes of CSS

 

 

 

游戏类

贪食蛇  demo

http://www.suilv.wang/jie/index.html

翻转游戏   demo

http://www.miaov.com/student/ldd/simple.html#myInfo

配对游戏

http://www.miaov.com/student/ldd/peidui/

http://www.miaov.com/student/ldd/cool.html#

扫雷

http://www.miaov.com/student/ldd/ray/

评论已关闭!

Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录