jquery 鼠标文字更随

by

html代码

<a href=”http://www.shangzh.com” class=”tooltip” title=”老李的博客”>尚站互联首页</a>

js代码

//鼠标跟随
var x = 15;
var y = 10;
$("body").append("<div id='tooltip' style='position: absolute;border: #333 1PX solid;background: #f7f5d1;padding: 1px;color: #333;display: none;padding: 1px;'></div>");
var mytooltip = $("#tooltip");

$(".tooltip").mouseover(function (e) { //当鼠标指针从元素上移入时
   this.mytitle = this.title;
   this.title = '';
   mytooltip.html(this.mytitle).css({ "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px" }).show("fast");
}).mouseout(function () { //当鼠标指针从元素上移开时
   this.title = this.mytitle;
   mytooltip.html('');
}).mousemove(function (e) { //当鼠标指针从元素上移动时
   mytooltip.css({ "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px" });
});

phpsocket.io https配置

by

在使用phpsocket.io时需要https支持，在配置的时候踩了不少坑，这里做一下笔记。

如果你的ssl比较多，当然可以用独立域名来配置phpsocket.io 那就比较简单。只需要用nginx代理ssl就可以了，配置如下

server {
listen 443;

# host name to respond to
server_name ws.example.com;

# your SSL configuration
ssl on;
ssl_certificate /etc/ssl/localcerts/ws.example.com.bundle.crt;
ssl_certificate_key /etc/ssl/localcerts/ws.example.com.key;

location / {
# switch off logging
access_log off;

# redirect all HTTP traffic to localhost:8080
proxy_pass http://localhost:8080;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

# WebSocket support (nginx 1.4)
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection “upgrade”;
}
}

Read More →

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 →