- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端html(spa)、后端java通过docker部署
完整源码在最后前端资源单独开发和部署，通过nginx来设置html访问路径，并将所有非/api访问路径都指向前端目录。接口服务也是通过docker单独服务注：这里前后端部署在同一个机器（本地localhost）上不同docker容器中前后端没有直接通信，因为docker容器之间直接通信，需要做一些额外配置，这里略过。我这里前后端通过宿主主机（本地192.168.77.49）来通信，实现数据流程 如下 1 - 2 - 3 - 4 - 5 - 6。......
2022-08-05 11:11:53
607
原创 Promise 控制并发数
问题引入年前遇到这样一个现场写代码的笔试题目，奈何最后没整出来。后来回家经过几翻尝试，promise+sync最终得以实现需要实现这样一个执行器：一次性向任务队列添加15个异步任务执行器在所有异步任务完成后，按任务顺序，在回调方法中传回任务结果数组执行器最多同时执行4个异步任务都是码农，直接上代码 // 定义15个任务，每个任务中都是异步操作 const p1 = () => new Promise((resolve, reject) => setTimeout(
2021-02-19 21:18:10
247
原创 拉取代码工具(脚手架)demo
在平常的工作中，有这样一个场景：一个包含基础功能的项目，可以作为一套快速开发的标准样本，放到github上分享出来。每一次要用的时候，git clone拉取一份到本地，进行快速开发。也可以制作一个脚手架（或者说是npm命令包），比如说create-react-app，我们通过全局安装，在需要新建react项目的地方，直接create-react-app+项目名，即可快速初始化一个项目.初始化的项目包含了完整的react项目开发的基础内容。全局安装脚手架（npm会把脚手架加入到全局系统变量中），系统
2020-12-09 19:28:45
467
原创 h5效果记录
记录一下前段时间工作中使用到的h5的效果，方便以后需要时翻出来看看。滚动中的进度条，代码：<div class="bottom"> <i class="bg"></i> <i class="wrap"> <i class="curr"></i> </i></div><style> .bottom { width: 350px;
2020-12-08 19:14:29
127
原创 Nodejs 文件(或目录)复制操作完成后 回调
前言现在需要实现这样一个功能，将目录a中所有文件及文件夹复制到目录b，并在整个操作完成后，执行一次某个方法，或者一个回调。有几种方法可以尝试实现上述功能遍历目录及文件前，给个计数器，初始值设置在null，文件/目录每读取一个文件，计数器数量增加1（若初始值为null，则直接赋值1），复制完成后数量减少1，每隔某个时间后读取计数器，若计数器不是null并且是0，则表示已经复制完成，调用回调方法。这种方法 计数可能会不准遍历目录中都使用同步的方法，nodejs中fs库大部分方法都有同步的实现，
2020-11-30 17:15:49
770
原创 水滴效果实现图片切换
水滴效果实现图片切换用户点击，从点击位置开始，类似湖水中波浪散开效果来切换下一张图片。html代码如下:<div id="wrap"> <div id="bg"></div> <canvas></canvas></div>实现思路是canvas中画出第一图片在画布背后再用div#bg中放入第二张图片用户点击后，画布慢慢透明，div中图片显示画布透明完成后，立即在画布画出第二张图片，将下一张图片放入
2020-11-27 16:13:51
191
原创 canvas中图片大小自适应
canvas中图片自适应图片在canvas中自适应大小并居中。通常图片大小与canvas的大小是不同的，分为以下几种情况图片高或宽，超过canvas高或宽图片高、宽，都超过canvas高宽；图片高、宽都小于canvas高、宽问题的本质其实是动态计算图片大小，并在canvas适合的位置画出图片直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2020-11-27 11:19:44
7531
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人