5 狼丶宇先生

Web前端工程师

我要认证

有朋自远方来,不亦乐乎!尽微薄之力,让社会更美好!

等级
TA的排名 3w+

js/node aes128cbc加解密

1.安装 crypto 模块npm i crypto --save 2. 封装AES128加解密工具类 aes-util.jsimport crypto from 'crypto';const KEY = '21c081ba60f49b07';const IV = 'c4c64d8a21c081ba';/** * 加密方法 * @param data 需要加密的数据 * @param key 加密key * @param iv 向量 * @returns st

2020-08-07 13:55:01

js/javascript获取时间戳的5种方法

1.获取时间戳精确到秒,13位const timestamp = Date.parse(new Date());console.log(timestamp);//输出 1591669256000 13位2.获取时间戳精确到豪秒,13位const timestamp = Math.round(new Date());console.log(timestamp);//输出 1591669961203 13位3.获取时间戳精确到豪秒,13位const timestamp =

2020-06-09 10:59:25

解决 vue.draggable 拖拽 点击事件失效无效与拖拽事件冲突的问题

draggable 是个非常不错,而且很方便的拖拽组件,但是你在项目中可能会遇到被包裹的拖拽元素对象的点击事件失效的问题,事件冲突了.先看代码示例,再看解决思路及方法.1. 被拖拽组件的父组件 Warp.vue<template> <draggable v-model="sendData.template" class="app-form-items" @change="handleDraggableFormItemChange"> <t.

2020-05-21 18:23:31

vue-editor2 上传图片的坑 @imageAdded 自定义图片上传的时候  @imageAdded 不触发,无效

vue中的富文本编辑器,vue2-editor, 使用use-custom-image-handler 自定义图片上传的时候 @imageAdded 不触发,无效;<!--@imageAdded="handleImageAdded"这里不要使用驼峰,否则不太好使-->要用@image-added="handleImageAdded" 才行...<template> <vue-editor v-model="editorVal...

2020-05-14 18:38:43

[Vue warn]: Duplicate keys detected: 'true'. This may cause an update error. found in xxx vue 报错

vue中报错[Vue warn]: Duplicate keys detected: 'true'. This may cause an update error.found in xxx可能是的你绑定的key重复了.

2020-05-13 11:11:40

分享一个简洁、有趣的无限下拉方案(转载文章)

本文主旨长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了,本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说,看下图,也许你可以发现什么?不知你是否从上面这张图中注意到了什么,比如只是渲染了可视区域的部分 DOM ,滚动过程中只是外层容器的 padding 在改变?前一点很好理解,我们考虑到性能,不可能将一个长列表(甚至是一个无限下拉列表)的所有列表元素都进行渲染;而...

2020-04-30 13:43:40

(转载)全面梳理JS引擎的运行机制,从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理

此文章全文均为转载:原文链接:https://juejin.im/post/5a6547d0f265da3e283a1df7前言见解有限,如有描述不当之处,请帮忙及时指出,如有错误,会及时修正。———-超长文+多图预警,需要花费不少时间。———-如果看完本文后,还对进程线程傻傻分不清,不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我,一...

2020-04-03 08:48:51

vue分页插件nuxt分页算法js支持url跳转分页和ajax参数分页

在vue或者nuxt的项目里可能会用到的分页插件.url分页效果是通过跳转url的形式来传递页面参数,或者url?page=1等的方法,下面是源码部分,别的需要的自行修改即可.AppPager.vue<template> <ul class="app-pagination"> <template v-if="type == ...

2020-03-31 12:57:05

分享一个好用开源的数据库建模软件工具 pdman

官网地址:http://www.pdman.cn/数据库建模极简易用数据库建模过程精细提炼,化繁为简,省去不必要的操作,只留下最需要的,直截了当的展现给用户。自带案例自带参考案例,以耳熟能详的[学生信息管理]为原型参考,让用户能够快速了解PDMan。...

2020-03-29 20:06:51

亲测在vue 3.x中自动引入全局less变量

vue项目开发过程中,每次都引入一次全局变量觉得很麻烦,接下来就可以解决你的麻烦了.首先我们要用到一个工具style-resources-loader执行这个命令安装.npm i style-resources-loader --save-dev然后在vue.config.js中配置const path = require('path');/** * 自动引入全局...

2020-03-26 17:58:36

手把手教github授权登录 nodejs koa第三方授权登录

可能在你开发的一个网站有这样的一个需求,实现GitHub第三方登录,废话不多说我们先看看具体流程:1.第一步去注册一个github的账号并登录,注册的步骤就省略了,直接往下看登录后点击头像的箭头,然后就会看到以下的一个下拉菜单,然后点击Settings2.第二步点击Developer settings3.第三步 点击OAuth Apps4.第四步点击New...

2020-03-25 15:21:17

分享一个nodejs中koa操作redis的工具类 基于 ioredis

分享一个node 操作redis的工具类 基于ioredisredis.jsconst config = require(':config/server.base.config');const { getUCMd5 } = require(':lib/Utils'); //getUCMd5 的实现 MD5(`${str}${config.saltMD5}`).toUpperCas...

2020-03-13 08:47:24

解决nodejs koa express以及vue,nuxt项目中使用别名映射vscode不提示的问题,兼容webpack的@和best-require 的:xxx 别名映射,sequelize没提示

nodejs中使用别名映射,兼容webpack的@和best-require 的:xxx 别名映射安装库 best-require 进行别名映射npm i best-require --save映射别名. 实例在本项目中 server/index.js 中const path = require('path');const ROOT_PATH = process.cwd()...

2019-11-30 00:09:30

js根据文件的大小,选择合适的单位显示, js格式化文件单位显示,js计算文件字节大小

在做文件管理系统的时候,后台可能只会保存文件的最小字节单位,但是在前端显示的时候,为了方便易读,所以需要根据文件的大小,选择合适的单位显示,存储的计量单位与单位之间的进制一般为 1024,所以只需要一直除就可以计算了.代码如下/** * 格式化文件大小 * @param {*} value */ formatFileSize(size) { ...

2019-11-21 17:30:10

vue中使用Alipayer,播放rtmp,m3u8,mp4视频, vue-alipayer-v2.

这是一个基于Alipayer 开发并封装于vue的播放器由于项目需要接入rtmp协议的直播流,用于实时监控,看了网上的几个开源播放器,最后选择了阿里云的开源播放器,Alipayer,但是Alipayer是cdn加载的,且没得一个正式的vue版本,最后还是选择了自己手写吧.废话不多说,直接上代码,如下:项目地址:https://github.com/langyuxiansheng/vue-...

2019-11-14 18:18:50

sign-canvas 一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端;

写在前面 :在项目的开发过程中可能会涉及到手写签名(电子签名)那些,在前端的思路是使用canvas 来签名,导出成图片进行保存。此轮子是继https://blog.csdn.net/qq_33270001/article/details/81809535之后,用于vue项目中,为了方便自己与众人和复用而开发;相比以前:1. 增加npm 包一件安装并使用,2. 增加v-mode...

2019-11-01 13:38:14

nodejs koa2 + koa-body开发文件上传服务(图片,视频,音频....)

代码所在的项目:https://github.com/langyuxiansheng/biu-server-admin已开源在用node开发后端服务的时候,可能会用到fs文件系统.我这里用的koa2+ koa-body做的文件上传服务.废话不多说.直接上源码, 主逻辑在FilesService.js中,代码部分提供思路仅供参考.config里的配置,主要是代码中有staticPath...

2019-09-27 14:06:20

web前端javascript播放H.264/MJPEG视频/支持双码流

最近遇到调试本地的车牌识别相机,需要解码视频编码H.264/MJPEG/支持双码流2格式的视频,解析方法如下<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>WebSocket Test</title> <me...

2019-08-28 17:38:12

vue 报错: [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded" 很可能是你的name错了

当你的vue项目中出现这种报错的时候,页面肯定是显示不出来,找了半天,似乎也没发现有循环引用的呀为啥会报内存溢出呢?vue.runtime.esm.js?2b0e:619[Vuewarn]:ErrorinnextTick:"RangeError:Maximumcallstacksizeexceeded"warn@vue.runtime.esm.js?2b0e:...

2019-08-16 14:34:33

koa框架会用也会写—(koa-view、koa-static)

Koa中常用的中间件:koa-session:让无状态的http拥有状态,基于cookie实现的后台保存信息的session koa-mysql:封装了需要用到的SQL语句 koa-mysql-session:当不想让session存储到内存,而想让session存储到mysql数据库中时使用 koa-router:后台会接受到各种请求的url,路由会根据不同的url来使用不同的处理逻辑...

2019-07-19 08:54:21

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 脉脉勋章
    脉脉勋章
    绑定脉脉第三方账户获得
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取