socket.io emit的几种用法

by

服务器信息传输

// send to current request socket client
socket.emit(‘message’, “this is a test”);

// sending to all clients except sender
socket.broadcast.emit(‘message’, “this is a test”);

// sending to all clients in ‘game’ room(channel) except sender
socket.broadcast.to(‘game’).emit(‘message’, ‘nice game’);

// sending to all clients, include sender
io.sockets.emit(‘message’, “this is a test”);

// sending to all clients in ‘game’ room(channel), include sender
io.sockets.in(‘game’).emit(‘message’, ‘cool game’);

// sending to individual socketid
io.sockets.socket(socketid).emit(‘message’, ‘for your eyes only’);
上述集中方式为socket.io常用的数据传输方式,

io.sockets.on(‘connection’, function (socket) {

});

回调函数的socket参数为一个 client 与服务器的连接标示，不同的 client 会有不同的连接标示。

Read More →

js返回上一页并刷新代码整理

by

一：JS 重载页面，本地刷新,返回上一页
复制代码 代码如下:

<a href=”javascript:history.go(-1)”>返回上一页</a>
<a href=”javascript:location.reload()”>重载页面，本地刷新</a>
<a href=”javascript:history.go(-1);location.reload()”>返回上一页重载页面，本地刷新</a>

返回前二页并刷新的JS代码应该怎样写。
复制代码 代码如下:

history.go(-2);
location.reload();

二：js 方法
复制代码 代码如下:

<a href=”#” onclick=”self.location=document.referrer;”>返回</a>

Read More →

VUE基础教程之插件

by

开发插件

插件通常会为 Vue 添加全局功能。插件的范围没有限制——通常是下面几种：

添加全局方法或属性，如 vue-element

添加全局资源：指令/过滤器/过渡等，如 vue-touch

添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。

一个库，提供自己的 API，同时提供上面提到的一个或多个功能，如 vue-router

Vue.js 的插件应当有一个公开方法 install。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象：

MyPlugin.install = function (Vue, options) {
// 1. 添加全局方法或属性
Vue.myGlobalMethod = …
// 2. 添加全局资源
Vue.directive(‘my-directive’, {})
// 3. 添加实例方法
Vue.prototype.$myMethod = …
}
使用插件

通过 Vue.use() 全局方法使用插件：

// 调用 `MyPlugin.install(Vue)`
Vue.use(MyPlugin)
也可以传入一个选项对象：

Vue.use(MyPlugin, { someOption: true })
一些插件，如 vue-router，如果 Vue 是全局变量则自动调用 Vue.use()。不过在模块环境中应当始终显式调用 Vue.use()：

// 通过 Browserify 或 Webpack 使用 CommonJS 兼容模块
var Vue = require(‘vue’)
var VueRouter = require(‘vue-router’)

// 不要忘了调用此方法
Vue.use(VueRouter)

Read More →

VUE基础教程之混合

by

基础

混合以一种灵活的方式为组件提供分布复用功能。混合对象可以包含任意的组件选项。当组件使用了混合对象时，混合对象的所有选项将被“混入”组件自己的选项中。

示例：

// 定义一个混合对象
var myMixin = {
created: function () {
this.hello()
},
methods: {
hello: function () {
console.log(‘hello from mixin!’)
}
}
}

// 定义一个组件，使用这个混合对象
var Component = Vue.extend({
mixins: [myMixin]
})

var component = new Component() // -> “hello from mixin!”

Read More →

VUE基础教程之自定义过滤器

by

基础

类似于自定义指令，可以用全局方法 Vue.filter() 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。过滤器函数以值为参数，返回转换后的值：

Vue.filter(‘reverse’, function (value) {
return value.split(”).reverse().join(”)
})
<!– ‘abc’ => ‘cba’ –>
<span v-text=”message | reverse”></span>
过滤器函数可以接收任意数量的参数：

Vue.filter(‘wrap’, function (value, begin, end) {
return begin + value + end
})
<!– ‘hello’ => ‘before hello after’ –>
<span v-text=”message | wrap ‘before’ ‘after'”></span>

Read More →