![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 65
Z网球
这个作者很懒,什么都没留下…
展开
-
关于JavaScript中reduce的使用场景
(花色简称: 红桃-H, 梅花-C, 方块-D,黑桃-S)定义一个函数,让用户选择两张扑克牌, 函数返回所有可能的顺子组合, 如果能形成同花顺,在开始前打印(SF).然后计算每一种顺子不同花色的排列组合;顺子的长度相当于for循环的层数 ,也就是递归的次数;,利用reduce去递归,比起正常递归调用,思路更加清晰, 每一步结果一个自动传下去;打印结果: SF->DA, D2, D3, D4, D5。顺子固定长度为5张牌,不用考虑K之后到A的情况。是从1开始的,而不是0开始。顺子就是一个排列组合问题,原创 2022-11-14 11:59:30 · 651 阅读 · 0 评论 -
DragResize
拖拽缩放原创 2022-10-18 11:53:11 · 128 阅读 · 0 评论 -
Token刷新处理
【代码】Token刷新处理。原创 2022-10-17 16:59:42 · 105 阅读 · 0 评论 -
前端录屏demo
前端录屏工具原创 2022-09-23 18:31:26 · 409 阅读 · 0 评论 -
前端实现图片压缩
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片压缩</title></head><body> <input type="file" name=原创 2020-06-24 15:38:36 · 242 阅读 · 0 评论 -
js小游戏 - 五子棋人机
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="" type="image/x-icon" /> <meta http-equiv=原创 2020-06-02 18:45:15 · 777 阅读 · 0 评论 -
js小游戏 - 消灭星星
github地址简介:刚学js的时候写了一个消灭星星的小游戏的, 现在改进下算法,复用dom加快渲染;其中所有定时器只是用来演示 算法的过程。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2020-06-02 17:58:20 · 926 阅读 · 0 评论 -
WebAssembly之js调用c/c++代码
安装emscriptenwindows系统 建议采用wsl安装比较方便;示例test.c:#include <stdio.h>#include <emscripten/emscripten.h>int EMSCRIPTEN_KEEPALIVE myFunction(int argc, char **argv){ printf("这是一个测试函数\n"); return 0;}编译: 会生成test.js test.wasm;(详细编译命令看官网) emc原创 2020-05-22 12:25:14 · 1553 阅读 · 0 评论 -
前端将一个canvas的动画,录制成一个视频
requestAnimationFrameindex.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="whammy.js"></script></head><body> <canvas id="canvas原创 2020-05-09 17:35:49 · 2096 阅读 · 1 评论 -
electron安装+vue实现录屏的的demo
github地址:https://github.com/zengwangqiu/electron-vue安装electron最好采用cnpm主进程main/index.tsimport path from "path";import window from "./window";import { dialog, app, ipcMain, globalShortcut, Notification, shell, screen } from "electron";let mainWindow:原创 2020-05-09 17:20:16 · 7590 阅读 · 6 评论 -
使用ffmpeg将rtmp流转成hls,使用video.js播放
服务端 ts-node server.tsserver.tsimport express from 'express';const app = express();app.all('*', (req, res, next) => { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type,Content-Length, Authoriz原创 2020-05-09 16:49:01 · 2117 阅读 · 2 评论 -
chrome插件demo
chrome插件manifest.json{ "name": "Desktop Capture", "description": "Allows you to capture your desktop for use in video applications", "version": "0.1.0", "manifest_version": 2, "background": { ...原创 2020-04-07 12:35:31 · 431 阅读 · 0 评论 -
canvas裁剪视频流
captureStreamdrawImagegetImageDataindex.html文件:<!DOCTYPE html><html><head> <style> body { background: black; color: #CCCCCC; } #c2 { background-image: u...原创 2020-04-07 11:49:25 · 828 阅读 · 0 评论 -
chrome浏览器录屏
getDisplayMediaMediaRecorder下载的视频格式一般播放器放不了!【vlc播放,或者使用ffmpeg转下码】index.html文件如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...原创 2020-04-07 11:26:58 · 1881 阅读 · 0 评论 -
react异步引用组件
import React, { Component } from "react";export default function asyncComponent(importComponent) { class AsyncComponent extends Component { constructor(props) { super(props); this...原创 2018-12-26 09:51:52 · 438 阅读 · 0 评论 -
localStorage跨域问题
域名1:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/&g原创 2018-12-25 12:02:38 · 1409 阅读 · 0 评论