小demo
关注
分享
扫一扫
咩咩羊10
微光·炬火
展开
-
发布-订阅模式实现【js设计模式】
代码demo var 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 · 138 阅读 · 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 · 342 阅读 · 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 · 6394 阅读 · 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 · 459 阅读 · 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 · 459 阅读 · 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 · 209 阅读 · 0 评论