静宝宝的博客-CSDN博客

原创 websocke-nodeJS基础实现代码

//WebSocket协议是基于TCP的一种新的协议。WebSocket最初在HTML5规范中被引用为TCP连接，作为基于TCP的套接字API的占位符。它实现了浏览器与服务器全双工(full-duplex)通信,也就是即时通讯。//nodejs代码如下const express=require('express');const static=require('express-static');

2017-03-29 23:29:57 363

原创 ajax交互(GET/POST)原生代码

//ajax的优势就是无刷新从服务器取数据 //ajax状态有5个值 0：请求未初始化 1：服务器连接已建立 2：请求已接收 3：请求处理中 4：请求已完成，且响应已就绪 ---------------------------------------- //http状态码 (sta

2017-03-29 21:48:28 394

原创滚轮事件--原生JS函数封装

function addwheel(obj,fn){ function wheel(ev){ var oEvent=ev||event; var bDown=true; if(oEvent.wheelDelta){ if(oEvent.wheelDelta<0){ bDown=false;

2017-01-24 21:46:46 1495

原创在线运行代码

效果如下图，点击按钮执行代码之后会生成右边页面接下来我做一个简单的布局<style type="text/css"> textarea{ width: 500px; height: 500px; }</style><body> <textarea name="" r

2017-01-24 14:07:52 2184

原创无线随机运动-原生JS详解

让一个块在页面中无限随机运动相当于不停地给物体一个随机的目标点 <style type="text/css"> div{ width: 100px; height: 100px; background: red; position: absol

2017-01-24 13:27:18 1006

原创苹果菜单靠近变大-原生JS详解

以下是效果图下面我做一个简单的布局<style type="text/css"> *{ margin: 0; padding: 0;} .box{ width: 100%; position: absolute; left: 0;

2017-01-24 12:15:09 470

原创圆的运动-原生JS详解

接下来做一个简单的布局<style type="text/css"> .box{ width: 200px; height: 200px; border: 1px solid #000; position: relative;

2017-01-23 21:59:28 1085

原创斜三角分块运动-原生JS详解

与上一篇分块运动不同的是，上一篇是一行一行的一块一块的运动直到最后一个。而斜三角分块运动是从左上角开始，只要是斜对角在一条线上的都会同时显示，透明度从0到1开始运动。两种运动的大部分代码一样，由于for循环瞬间就可以完成，只需要改变需要同时运动的元素在定时器开启时的延时时间而已； <style>.box{ width: 800px; height:

2017-01-23 21:02:48 831

原创分块运动-原生JS详解

下面我做一个简单的布局,假设图片路径为image/0、1、2.jpg共三张图片<style>.box{ width: 800px; height: 400px; margin: 50px auto; position: relative; background: url(imag

2017-01-23 20:01:23 370

原创穿墙运动-原生JS详解

这是拉钩网的效果图，模仿原网站写的，大家可以参考原网站效果图1–Math.atan2()函数与所求角度函数详解，参照下面代码看图2–关于鼠标移入方向与值n的详解，参照下面代码看图3–这是我写的一个简单的demo;//只是布一个简单的局来模仿<ul> <li> <img src="image/1.png"/> <

2017-01-22 22:34:33 473

原创用原生js封装运动框架

… function getCssStyle(obj,styleName){ if(obj.currentStyle){ return obj.currnentStyle[styleName] }else{ return computedStyle(obj,false)[styleName] }function startMov

2017-01-15 22:12:42 567

静宝宝的博客