- 博客(25)
- 收藏
- 关注
RSS订阅原创 nodejs发送邮件
1、先申请个发送邮箱。这里以网易邮箱为例，申请163邮箱后进入设置开启IMAP/SMTP服务，可以获取到一个授权码。pass: '*******' //授权码生成之后，要等一会才能使用，否则验证的时候会报错。//发件人邮箱的授权码 这里可以通过qq邮箱获取 并且不唯一。from: `"某某系统"`,// 发件人 邮箱 '昵称'// 创建一个smtp客户端配置。//这里可以添加html标签。// 发件人邮箱账号。// 收件人 的邮箱。//创建一个收件人对象。
2022-11-11 14:04:54
3038
3
原创 node+koa-generator框架小项目学习中遇到的问题记录
koa2-cors跨域，数据库连接，热更新：nodemon，pm2：Node进程管理工具
2022-10-10 11:20:01
234
原创 generic-pool资源池优化puppeteer 并发
前言：在之前的文章中我们记录了puppeteer将h5页面转pdf下载的功能实现。在部署到Linux后我们发现pup很消耗内存，因为是一个chrome。考虑到并发量大给服务端带来压力。需要用到generic-pool来管理控制puppeteer创建的实例。下面的代码都是网上可搜索到的。我这里仅作一下记录。重启node服务时注意调用清理池pool.drain().then(()=>pool.clear())
2022-09-30 17:31:16
968
原创 【Highcharts】vue+Highcharts大数据量折线图
1、业务需求： 1) 对22w的数据点进行绘制。实际采集数据是远大于22w的，后端接口在保证图形完整性会对原始采集的数据进行过滤。过滤后最多情况下有22w的数据点需要进行渲染。 2）x轴为时间范围，可对X轴进行放大，通过鼠标点击选择时间区域查看某个时间段进行更详细数据。在用户选择时间范围后重新请求接口获取进一步数据。（保证后端过滤数据后图形展示的不失去真实性的情况下。） 3）存储用户查阅的时间范围的历史记录，可以返回上一步查询以及重置图形。默认查询范围为单日24小时
2022-08-03 15:47:31
1788
原创 vue+animejs循环走马灯实现平滑动态折线图
前言：不是最优解，仅仅提供一种实现思路。目标：需要实现一个平滑流畅的动态折线图最开始尝试使用ECharts动态更新实现，实际数据由于波动较大，在动态更新数据重新绘制的过程中，人眼捕捉到的变化效果并不理性。所以尝试了其他的方式。长连接获取的数据渲染后延迟显示。这里用到了animejs循环走马灯1、npm install animejs2、import anime from "animejs/lib/anime.js";<div class="cell">
2022-05-07 17:32:55
3965
2
原创 一些零碎的小知识
1、navigateToMiniProgram:fail :target appId is the same as the caller appId"微信小程序跳转其他小程序不可以自己跳自己wx.navigateToMiniProgram({ appId:'wx571*********',path:'pages/lightsit/lightsit',extraData:{...
2022-03-28 19:29:12
797
原创 微信小程序wx.writeBLECharacteristicValue汉字转buffer问题
1、对于utf-8编码的中文汉字转成buffer类型，一个汉字三个字节，由于设备不支持组包，所以超过20字节的也没有进行拆包。仅提供一个方案，下面贴代码： stringToArrayBuffer(str) { var bytes = new Array(); var len, c; len = str.length; for (var i = 0; i < len; i++) { c = str.charCodeAt(i); if (c >= 0x0100
2022-01-20 14:33:34
1665
原创 echarts自定义series-custom中的return_rect和return_path
echarts自定义series-custom中的return_rect和return_path
2021-11-25 14:57:06
2128
原创 VUE踩坑：vue赋值后原数据随赋值后的数据的变化而变化
let templateF = JSON.parse(JSON.stringify(this.templateForm))
2020-04-20 23:21:20
624
原创 小程序wx.request简单Promise封装
//公共请求jsimport {baseURL} from "./config.js"export default function request(option){ return new Promise((resolve,reject)=>{ wx.request({ url: baseURL + option.url, method: opti...
2020-04-16 22:42:47
159
原创 vue实例：日历相关应用
最近室友遇到的一个面试案例题，具体要求如下：日历面板的展开折叠，在整个页面内下拉展开日历面板，上滑折叠日历面板 选择日期，点击日期时选中某天，日期背景颜色发生变化，可切换的其他日期，不能同时选中，“今天”的日期未选中时背景样式有差异。 切换星期，在日历面板未展开状态下，在日历面板上左右滑动来切换星期，向左滑下一星期，向右滑上一星期 切换月份，在日历面板展开状态下，在日历面板上左右滑动来切...
2020-04-14 22:56:45
454
1
原创 VUE脚手架3 axios跨域相关配置
1、修改根目录下vue.config.js，配置devServer2、注意axios中baseURL就不需要配置了3、axios的请求拦截器中配置对应的headers头部
2020-04-14 21:53:37
374
1
原创 HTML5+CSS3笔记2
十三、网络监听接口：H5侧重点在于移动端，很多接口在pc端使用有些存在兼容性问题 1、ononline：网络连接的时候触发这个事件 Window.addEventListener('online',function(){}); 2、onoffline：网络断开时触发 Window.addEventListener('offline',function(){});十四、全屏接口1、...
2020-04-13 13:42:41
121
原创 HTML5+CSS3 笔记1
一：什么是html5 1、H5是html语音的第五"大版本"。 2、目前主流浏览器支持H5(chrome,firefox,safari等)，IE9及以上支持H5，ie8以下不支持H5。 3、改变用户与文档的交互方式：多媒体、video、audio、canvas 4、新特性：语义特性，本地存储特性，网页多媒体，二维三维，特效(过渡，动画) 5、和H4区别...
2020-04-12 23:55:27
145
原创 Less笔记整理
1、什么是less？less是一种css预处理动态样式语言，拓展css语言增加了变量，Mixin，函数等特性，使css更易维护和拓展。 可以在客户端上运行，也可以在node服务端运行。 详情指路中文官网：http://lesscss.cn/2、less的编译工具：www.koala-app.com。这里就不多介绍其他工具和使用啦(*^▽^*)。3、less中的注释：以//开头的注释不...
2020-04-10 23:10:06
113
原创 小程序学习笔记：小程序组件间通信方式
小程序组件间通信方式父组件访问子组件，通过this.selectComponent(".component").setIndex(index)，setIndex为子组件定义的方法，可以利用setIndex来修改组件内部数据。 子组件定义父组件触发事件：triggerEvent(eventName, detail)，eventName为自定义事件名称，detail为事件携带参数信息 ...
2020-03-30 20:00:08
167
原创 vue-router相同路径跳转报错，重写replace方法。
修改router文件夹下index.jsimport Vue from 'vue'import VueRouter from "vue-router";const originalReplace = VueRouter.prototype.replace;VueRouter.prototype.replace = function replace(location) { r...
2020-02-25 15:43:55
1668
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人