![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
yuruixin_china
世界上有10种人,一种懂二进制,一种不懂二进制 !
展开
-
时间戳与时间
1494407292000–>2017/5/10 下午5:08function getLocalTime(nS) { return new Date(parseInt(nS)).toLocaleString().replace(/:\d{1,2}$/,' '); }原创 2017-05-10 17:44:43 · 462 阅读 · 0 评论 -
bootstrap与pagehelper实现分页
最近做的一些小项目中,都有用到分页,需要自己去搞。就把整个分页实现整理下吧,方便自己也方便他人。 前台1.引入paging.js//分页,页码导航,要求参数为一个对象function createPageNav(opt) { opt= opt || {}; var $container = opt.$container || null, //必需,页码容原创 2017-05-17 16:00:05 · 6339 阅读 · 0 评论 -
使用iframe来实现的系统,长时间未操作易发生的尴尬界面
在项目开发中,尤其后台管理系统,通常对于登录状态有一个时间限制,长时间不操作会被清除session,并跳转至登录界面。对于使用iframe来实现的页面之间交互的,此时就会显得尤为尴尬,发生下图的问题: 解决方式: 在页面头文件中添加如下一段代码:<script type="text/JavaScript"> if(window != window.top){ win原创 2017-06-22 19:30:18 · 621 阅读 · 0 评论 -
使用Strophe.js基于xmpp服务实现即时通讯
最近要做一个直播的礼物功能。刚开始打算使用websocket去实现数据的时效性,但是考虑到后期的并发以及pc+h5+app三端的对接,最终选用 ejabberd作为服务,ejabberd是基于Jabber/XMPP协议的即时通讯服务器,是可扩展性最好的一种Jabber/XMPP服务器,支持分布多个服务器,并且具有容错处理,单台服务器失效不影响整个cluster运作。最初,同事给了一个converse原创 2017-07-29 18:30:30 · 11989 阅读 · 15 评论 -
基于js的简单队列实现
/** * [Queue] * @param {[Int]} size [队列大小] */function Queue(size) { var list = []; //向队列中添加数据 this.push = function(data) { if (data==null) { return false; }转载 2017-09-03 16:27:09 · 3623 阅读 · 0 评论 -
websocket实现聊天室等功能
最近有做一个h5项目,有如下场景需求: 1.实现实时聊天。 2.多人登录,有一个教师角色可控制其他角色用户的视频播放(播放,暂停,快进)。 最初考虑视频控制的实现方向是推流,但是由于没有接触过这方面,着实头疼了一阵。最后,经过一夜梦中思考,次日上午,采用指令的方式实现对视频的控制。 是不是听着很高大上?其实很简单,以上两个功能都是通过onmessage函数实现,将教师端的页面加上监控视频的事原创 2017-03-31 17:55:25 · 1766 阅读 · 0 评论 -
maven插件解决项目中静态资源版本问题
产品从第一次上线后,迭代发了两个版本了。由于含web客户端,由于浏览器的静态资源缓存策略,出现了静态资源的版本管理问题。开发人员每次修改完js或css文件后都需要自己在html文件中修改版本号,这给开发带来极大不便,且容易出现漏改版本号。 初步解决方案是为所有静态资源引入都加入一个当前版本的版本号,每次发版前全局替换。缺点是会改变源码文件,且使项目的所有静态资源缓存都失效了。这会影响用户体验。...原创 2018-03-09 22:01:56 · 2072 阅读 · 3 评论 -
web应用实现跨域请求的两种常用方式(CORS、JSONP)
什么是跨域?由于浏览器的同源策略,不允许跨域调用其他页面的对象。所谓跨域是指跨域名。同一域名是指协议、域名、端口三者均相同,任一不同都不属于同一域名,举例如下:当网站http://www.domain.com/work.html文件中发起一个ajax请求时,若请求的URL为下列情况时,跨域结果如下: URL 说明 是否跨域 http://www.domai...原创 2018-07-26 14:15:13 · 976 阅读 · 0 评论 -
上手dva.js
初始化安装 dva-cli 用于初始化项目:npm install -g dva-cli或yarn global add dva-cli创建项目目录,并进入该目录:mkdir your-projectcd your-project初始化项目:dva init然后运行npm start 或 yarn start即可运行项目。目录结构项目初始化以后,默认的目录结...转载 2019-03-07 09:14:11 · 433 阅读 · 0 评论