Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dukegod/h5-demos
web utils pre-dev & pre-test
https://github.com/dukegod/h5-demos
Last synced: 8 days ago
JSON representation
web utils pre-dev & pre-test
- Host: GitHub
- URL: https://github.com/dukegod/h5-demos
- Owner: dukegod
- Created: 2015-05-22T01:53:29.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T16:45:26.000Z (about 2 years ago)
- Last Synced: 2024-11-12T16:31:12.094Z (2 months ago)
- Language: JavaScript
- Homepage: http://blog.stakecode.com/h5-demos/
- Size: 20 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# demos
命名规范:
全小写，中划线
关于文件夹的类型以后通过前标进行标注:
+ css-
+ js-
CDN引用说明，大部分引用http://www.bootcdn.cn/，更新的比较快，比较稳定
+ zepto.js ://cdn.bootcss.com/zepto/1.2.0/zepto.min.js
+ jquery ://cdn.bootcss.com/jquery/3.0.0/jquery.js
+ css://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css
### 项目演示发布发布到 gh-pages
```js
git subtree push --prefix=demos origin gh-pages
```
`http://dukegod.github.io/h5-demos/`+（具体的项目文件就可以访问）项目演示
[默认css样式总结](https://github.com/dukegod/h5-demos/tree/master/demos/reset-class)
### 项目
[自定义事件研究](https://github.com/dukegod/h5-demos/tree/master/demos/custom-event)
[数据双向绑定](https://github.com/dukegod/h5-demos/tree/master/demos/shu-ju-shuang-xiang-bang-ding)
[移动端点击事件](https://github.com/dukegod/h5-demos/tree/master/demos/app-hover)
[background_size](https://github.com/dukegod/h5-demos/tree/master/demos/background-size)
[解决汉字带来的字符长度的问题](https://github.com/dukegod/h5-demos/tree/master/demos/chinese-trans-start)
[doT 模板](https://github.com/dukegod/h5-demos/tree/master/demos/doT)
[不同的加载方式浅析](https://github.com/dukegod/h5-demos/tree/master/demos/diffs-between-loader)
[动态修改META](https://github.com/dukegod/h5-demos/tree/master/demos/dynamic-modifing-meta)
[事件绑定](https://github.com/dukegod/h5-demos/tree/master/demos/event-bind-listen)
[移动页面的滚动](https://github.com/dukegod/h5-demos/tree/master/demos/fast-scroll)
[文件上传](https://github.com/dukegod/h5-demos/tree/master/demos/file-upload)
[flex 演示](https://github.com/dukegod/h5-demos/tree/master/demos/flex-components)
[全屏](https://github.com/dukegod/h5-demos/tree/master/demos/full-screen)
[获取页面的伪类的样式](https://github.com/dukegod/h5-demos/tree/master/demos/get-style)
[图片按照比例显示by css](https://github.com/dukegod/h5-demos/tree/master/demos/img-setting)
[图片轮播](https://github.com/dukegod/h5-demos/tree/master/demos/img-slide)
[图片的雪碧图处理](https://github.com/dukegod/h5-demos/tree/master/demos/img-sprite)
[图片滑动移动端](https://github.com/dukegod/h5-demos/tree/master/demos/img-touch-slide-imook)
[input 优化](https://github.com/dukegod/h5-demos/tree/master/demos/input-kinds)
[jquery 中html() 与 text()区别](https://github.com/dukegod/h5-demos/tree/master/demos/full-screen)
[各种高度宽度总结](https://github.com/dukegod/h5-demos/tree/master/demos/kinds-of-height-width)
[正则匹配emoji表情，特殊字符串](https://github.com/dukegod/h5-demos/tree/master/demos/input-content-limit)
### 控制样式居中，弹框样式，css实现滑动
[css控制居中与模态框总结](https://github.com/dukegod/h5-demos/tree/master/demos/css-positon)
[css实现水平滑动滑动](https://github.com/dukegod/h5-demos/tree/master/demos/css-slide-nowrap)
[css控制显示省略号](https://github.com/dukegod/h5-demos/tree/master/demos/css-show-ellipsis)
[css控制属性position的属性](https://github.com/dukegod/h5-demos/tree/master/demos/css-position-fixed)
[视频加载](https://github.com/dukegod/h5-demos/tree/master/demos/loadvideo)
[模块移动](https://github.com/dukegod/h5-demos/tree/master/demos/move-block)
[parabola 动画效果](https://github.com/dukegod/h5-demos/tree/master/demos/parabola)
[时间转为字符串](https://github.com/dukegod/h5-demos/tree/master/demos/time-trans-string)
[倒计时](https://github.com/dukegod/h5-demos/tree/master/demos/counter)
[瀑布流加载样式](https://github.com/dukegod/h5-demos/tree/master/demos/water-fall-layout)
[倒计时支持UMD](https://github.com/dukegod/h5-demos/tree/master/demos/counter)
[移动div](https://github.com/dukegod/h5-demos/tree/master/demos/animate-div)
### 高性能的scroll研究，节流，防抖，数据滑动加载，无线滚动
[函数的去抖](https://github.com/dukegod/h5-demos/tree/master/demos/debounce)
[函数的节流](https://github.com/dukegod/h5-demos/tree/master/demos/throttle)
[数据加载demo](https://github.com/dukegod/h5-demos/tree/master/demos/loading-dates)
[clear-fix-float](https://github.com/dukegod/h5-demos/tree/master/demos/clear-fix-float)
[safari-body](https://github.com/dukegod/h5-demos/tree/master/demos/safari-body)
[]()
### 布局
flex + rem + dpr 动态适配m端布局方案demos
[传统布局](http://blog.stakecode.com/h5-demos/viewport-pro/normal.html)
[动态修改dpr](http://blog.stakecode.com/h5-demos/viewport-pro/dpr.html)
[动态修改dpr与rem](http://blog.stakecode.com/h5-demos/viewport-pro/dpr-rem.html)
[最终方案，兼容三方插件](http://blog.stakecode.com/h5-demos/viewport-pro/index.html)
[]()
[]()