随笔分类 -  前端开发-HTML5

数据可视化：Echart中k图实现动态阈值报警及实时更新数据
摘要：1 目标 使用Echart的k图展现上下阈值，并且当真实值超过上阈值或低于下阈值时候，标红报警。 2 实现效果 如下： 3 代码 1）头文件，引用jquery.js和echart.js;其中，jquery是实现ajax读取数据的，echart负责数据前端可视化。 2）body中创建id为main的d 阅读全文
posted @ 2016-09-09 10:34 rongyux 阅读(9093) 评论(0) 推荐(0)
REST实战：SeverClient项目+RESTful理论
摘要：理解一个新的技术，无疑就是使用它了，下面我们就通过一个可执行的demo来展现REST的原理和使用。 一 Demo 1.1 服务器端 1 主程序MainServer.java负责启动一个REST服务组件，并设置端口号，创建主路径/threshold及子路径（见步骤2），最后start启动即可。 2Th 阅读全文
posted @ 2016-07-19 17:24 rongyux 阅读(1704) 评论(0) 推荐(0)
bootstrap：前端开发案例Demo(二)
摘要：我接着前面的一篇布局接着写，前一篇我已经完成了导航条和广告的布局。前一篇的url是 http://www.cnblogs.com/rongyux/p/5365663.html 开始继续码起来； 我想最终实现的效果图是这样的，如下：分了三个页面截图，太大了： 接着上次的未完成的，继续码起来： 第五步： 阅读全文
posted @ 2016-04-09 14:12 rongyux 阅读(7934) 评论(35) 推荐(1)
bootstrap:前端开发案例Demo(一)
摘要：现在很多公司开发中都在使用bootstrap这个框架，bootstrap是Twitter公司的一个团队的作品，大大简化了我们的前端的开发。（后面会总结一些less的使用） 学习使用API我建议直接查看官网的API，地址是 http://www.bootcss.com/ 下面是部分目标效果图： 下面我 阅读全文
posted @ 2016-04-07 21:54 rongyux 阅读(30184) 评论(50) 推荐(4)
Ajax：后台jquery实现ajax无刷新删除数据及demo
摘要：上图是后台管理的新闻展示页面，现在删除数据的时候会整个页面刷新一遍，感觉很不友好，理想状态是点击右侧的删除，局部刷新删除这条数据即可。网上这方面的资料还是不多，所以写一篇总结。 那么问题来了，局部刷新技术是ajax，用jquery实现ajax更加方便有效，所以先决定使用jquery+ajax完成（最 阅读全文
posted @ 2016-03-29 20:59 rongyux 阅读(13517) 评论(0) 推荐(0)
jquery的返回顶端的功能实现
摘要：页面很长的时候，读到最下面，需要返回顶端，则在页面最下面布局一个返回顶部的图标很有用。 具体功能是，jquey控制，向下滚动出现返回顶部图片，若滚动返回顶部或点回顶部，则图标消失。 实现效果如下图： 1.布局： 2.css代码： 3。jquery代码： 既然随笔必须150字，就写一些我之后想总结的东 阅读全文
posted @ 2016-03-19 15:39 rongyux 阅读(1505) 评论(0) 推荐(1)