![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小demo
咩咩羊10
微光·炬火
展开
-
发布-订阅模式实现【js设计模式】
代码demovar Event = (function() { var _callbacks = {}, listen, emit, remove; //_callbacks 缓存所有订阅者的回调函数 listen = function(eventName, fn) { if(!_callbacks[eventName]) { _callbacks[eventName] =[fn]; } else{ _call原创 2021-06-08 17:21:30 · 111 阅读 · 0 评论 -
轮播也可以这么简单
轮播可不可以用定时器实现?将需要的轮播图片存入Img数组,用计时器调用换容器背景图片的函数来实现图片轮播。如果不想通过换背景图片可改为其他形式。$(document).ready(function() { var img = ['./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg'];...原创 2017-04-13 20:38:43 · 324 阅读 · 0 评论 -
webpack打包一个项目过程(详细)
前言项目初始目录结构如下:-build_test //项目名 -node_modules -public index.html -src index.js //入口文件 app.js other.js style.css -package.json其中,public/index.html为展示页面,其代码如下:<!DOCTYPE html><...原创 2019-08-26 10:54:42 · 6309 阅读 · 1 评论 -
express+mongoose
const express = require(‘express’);const mongoose = require(‘mongoose’);//链接mongo 并且使用imooc这个集合const DB_URL = ‘mongodb://127.0.0.1:27017/imooc’mongoose.connect(DB_URL)mongoose.connection.on(‘con...原创 2019-08-29 11:38:25 · 425 阅读 · 0 评论 -
webscoket实时通信实现demo【node模拟服务端】
开工前准备工作1.前后端约定好长链接的URL(本文举例:域名-127.0.0.1,端口号-8081,路径-/test)2.前后端约定好发送message指令的格式(本文格式为 {‘userId’:’ ', ‘message’: ’ '} )前端封装可保持长链接的websocket构造函数1.创建一个普通的websocket连接var ws = null;var createWebsocket = function(url) { // 检查浏览器是否支持websocket if (!('W原创 2021-01-28 20:08:40 · 411 阅读 · 0 评论 -
时钟clockByCanvas
<!DOCTYPE html><html><head> <title>clock</title> <link rel="stylesheet" type="text/css" href="index.css"></head><body> <div> <canv...原创 2018-04-29 15:58:39 · 176 阅读 · 0 评论