前端开发
文章平均质量分 50
Auspicious5
这个作者很懒,什么都没留下…
展开
-
nestjs 集成 socket.io ,客户端连不上问题
nestjs 集成 socket.io,客户端连不上问题笔者遇到的是版本不一致的问题截止发稿日期, nest socket 使用的包、及其版本 @nestjs/platform-socket.io (7.6.5)此包内部依赖于 { “socket.io”: “2.3.0” }个人在客户端使用的是最新版本包 socket.io-client(3.0.5)socket.io 官方明确指出,2.0 <—> 3.0 的(客户端/服务端)不能互联,参加文档:https://socket.io原创 2021-01-15 10:35:57 · 1791 阅读 · 1 评论 -
axios是如何做到取消请求的
业务具体场景需求请求接口获取数据显示 loading 遮罩防止用户后续请求loading 遮罩上要有一个取消按钮,防止接口时间过长影响用户体验收到接口数据,关闭 loading 遮罩,跳转到下一个界面axios 的逻辑实现(取消请求部分)const CancelToken = axios.CancelToken;const source = CancelToken.source();axios.get('/user/12345', { cancelToken: source.tok原创 2020-07-11 17:05:07 · 4291 阅读 · 2 评论 -
命令行工具,使用WebStrorm或VsCode快速打开项目或文件
copen一个快捷命令,帮助你快速使用 WebStorm 或者 VsCode 打开你的项目或文件描述在使用 VsCode 的时候我们会使用 code 命令在命令行中快速打开指定项目文件夹或文件,但是 WebStorm 却没有这个选项(虽然也有解决办法,但是自己能实现何乐而不为呢)这里我写了一个 npm 插件,将 copen 命令集成到命令行里,这样你就可选的使用 WebStorm 或 VsCode打开自己的文件了。备注目前仅限 Mac (等我搬完砖去研究 Windows)本来命令想用 cxy原创 2020-07-01 12:33:13 · 1864 阅读 · 0 评论 -
代码模拟V8的副垃圾回收器的工作机制
关于V8的垃圾回收机制可以参见下面这篇文章https://blog.csdn.net/wu_xianqiang/article/details/90736087这里主要是对 V8的垃圾回收机制中的 副垃圾回收器(主要负责新生代的垃圾回收)的工作机制进行一下模拟,希望能帮助你理解 ????class Simulation { // 新生代空间 deputyContainer = { // 对象区 objMem: [], // 空闲区原创 2020-06-02 19:03:12 · 149 阅读 · 0 评论 -
基于 express 框架快速构建的 NodeJS - ES6 - MVC 项目
基于 express 框架快速构建的 NodeJS -ES6- MVC 项目项目GitHub地址 https://github.com/lovefive5/express-mvc背景:作者算是重度ES6的使用者,而且之前是开发PHP,就按照以前的逻辑整理了一套MVC的初级封装(版本1.0.0,哈哈哈,后续会优化升级的), 有问题可以直接联系我。注意: 环境变量在windows 和 mac 上有不同,想兼容的话就下载插件吧。目录结构:├─common│ ├─dbs原创 2020-05-24 13:35:56 · 427 阅读 · 0 评论 -
Vuepress 如何引入百度统计和谷歌统计
Vuepress 如何引入百度统计和谷歌统计官方文档写的比较模糊,其实就是在配置文件中添加几行配置官方文档地址本身vuepress添加了谷歌统计的插件,但是几经尝试并无作用module.exports = { plugins: [ [ '@vuepress/google-analytics', { 'ga': '' // UA-00000...原创 2019-10-09 17:45:48 · 1552 阅读 · 1 评论 -
# 使用Node.JS 爬取网页图片、下载图片到本地、上传图片到CDN、详细信息存入数据库
使用 Node.JS 爬取网页、存储数据个人博客地址,更多好内容前言以前在做爬虫项目是使用Python,操作起来不大熟练,后来了解到 cheerio 这个JS库,发现挺好用。这里就贡献一下一个小型的爬虫项目。项目选取了ETH区块浏览器:etherscan.io , 目的是获取该网站下所有ETH ERC20 代币的Logo。项目描述使用 Node.JS 爬取网页图片、下载图片到本地、上传...原创 2019-10-09 16:36:14 · 780 阅读 · 0 评论 -
node.js 如何正确的使用 七牛云官方SDK
官方 SDK 链接个人博客地址开始安装一下七牛云的 SDKnpm install qiniu然后 copy 一下官方案例代码var qiniu = require("qiniu");//需要填写你的 Access Key 和 Secret Keyqiniu.conf.ACCESS_KEY = 'Access_Key';qiniu.conf.SECRET_KEY ...原创 2019-07-16 11:54:58 · 1798 阅读 · 10 评论 -
如何手动实现一个Vue 以及 如何在浏览器上运行ES6项目
模仿Vue以及Vue项目目录,实现一个可运行在浏览器的ES6项目主要是webpack打包工具,以及vue实现的原理vue原理部分,个人学习自网易云课堂项目地址:https://github.com/lovefive5/vue_es6.git项目目录:效果图:webpack 打包配置const path = require('path') //引入pat...原创 2019-06-28 17:47:15 · 1053 阅读 · 0 评论 -
使用H5 Canvas 在微信中合成海报(背景+logo+昵称)
粗糙版,在微信里可以扫描-可以保存图片。先上传,具体优化等之后版本效果如图:<template> <div class="share_model" v-on:click="showModel(false)" v-show="isShow" :style="mainStyle"> <img :src="img原创 2019-03-04 18:50:47 · 1889 阅读 · 0 评论 -
亲测解决H5键盘顶起内容的问题
本问题有俩种情况:1.类似微信,输入框在底部;2.H5里的正常布局。安卓我没怎么测试,都用的iPhone,解决方法如下:<input v-model="phone" v-on:blur="inputOver"/>inputOver() { //输入完成之后恢复界面高度 window.scroll...原创 2019-03-05 10:15:47 · 2424 阅读 · 0 评论 -
Vue实现简单实用的 6 位验证码输入框
效果图如上。实用vue实现还是比较简单的,原生实现也类似。接下来贴代码了哦!!!需要自取<template> <div class="code-input-main"> <div class="code-input-main-item">{{code[0]}}</div> <d原创 2018-11-19 17:39:11 · 12290 阅读 · 12 评论 -
前端使用JSZIP 预览压缩包中的图片
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jszip.js"></scrip原创 2018-05-31 17:15:42 · 7486 阅读 · 1 评论 -
js+canvas绘制360加速球
广告—:工作室先给大家看几个效果图。(这里录制的gif软件有瑕疵,会有间隔,实际上是很流畅的)第一张,因为我是衔接上一个的正弦图像的例子做的。所以直接在上面更改实现的。本想这样可以实现水波流动的特效,但是正弦图像的绘制方式导致它不能填充,(可以去看看上上篇正弦图像的实现),所以喽,这是失败的案例1。然后来看第二张,其实就是平滑的上升。没有什么特别之处,接着是最后一张,最后一...原创 2017-05-11 09:34:49 · 2261 阅读 · 3 评论 -
js+canvas绘制QQ下拉刷新贝塞尔曲线效果
广告—:工作室总的来说,实现起来和QQ拨打电话效果没什么区别。效果可以用于移动下拉刷新开发。实现思想观看stroke()图就明白了。其实就是上方一个大圆,位置始终不变。然后下方一个小圆,跟随着中间的贝塞尔曲线变化进行变换。但是我这里还是有瑕疵的。因为不知道贝塞尔曲线向下偏移时候的偏移速度。只能用参数进行模拟,所以下面的圆暂时只能用整圆,不能用半圆(最后的是用半圆,交点衔接起来)。不过有兴趣的可以试试原创 2017-05-10 10:29:16 · 1701 阅读 · 0 评论 -
js+canvas实现QQ拨打电话特效
首先呢,先给特效。自己找手机录的,有点不清楚,请见谅!本来是打算做 腾讯的贝塞尔曲线下拉刷新图。然后和朋友打了个QQ电话,稍微注意了一下未接通时候的动画。然后就想着实现以下。 这里要注意的就是:canvas的中心点经过变化到canvas的正中后 canvas的 Y轴由上至下 是从(-,+);而数学坐标系的Y轴由上至下 是从(+,-)的。首先看一下html代码。就至少简单的添加一...原创 2017-05-09 20:05:32 · 841 阅读 · 0 评论 -
Js+less实现自定义的日历
首先呢,给大家讲解一下本Demo中最关键的Date()类中的set()方法。var date=new Date();date.setYear(2017);date.setDate(0);如代码可见。setYear()是给当前的date设置 年,比如setYear(2016),那你之后进行的一系列get方法都是按照2016年去执行的。 而setDate(0)的作用是什么呢?就是获得...原创 2017-05-08 16:49:28 · 679 阅读 · 1 评论 -
使用JavaScript构建图灵机器人项目
说实话,学过安卓的基本上都对图灵机器人很熟悉,基本上是入门必学。刚好这几天有时间,就把之前做的js版图灵机器人分享一下。 嗯,先上简单的一张效果图吧。 这里添加了提示文本,然后输入框添加了占位符。 先填上html代码吧。详细的说明会在注释里。HTMl代码<div id="parent" id="parent1"> <div id="root">...原创 2017-05-25 11:00:14 · 1986 阅读 · 2 评论