5 狼丶宇先生

我要认证

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

等级
TA的排名 3w+

解决html2canvas图片跨域的问题has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is pres

在使用html2canvas截屏生成图片的时候,会出现has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.这个问题.如下:正常的图片应该是这样:异常的图片,头像部分无法显示:报错:Access to image at 'http://192.168.0.220/cwcdstatic/studentheadimage/444444

2020-10-13 10:52:14

封装el-table 带多级表头,集成表格分页与导出的功能,

写在前面用了element-ui的小伙伴们都应该知道,官方给的案例中,el-table是最简单的,未经过二次封装写起来肯定是如下: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </

2020-09-30 10:02:49

nodejs 雪花算法生成long型主键ID 默认16位

之前在写nodejs应用存储使用MySQL的时候,使用了UUID作为主键,然后发现在数据量比较大的情况下,性能会直线下降,而且存储也比较消耗空间,现在重写了ID的生成部分,使用雪花算法生成long型id.参考资料: snowflake-id 感谢次代码的大佬新建一个 SnowflakeID.js 的类代码如下:/** * 雪花 ID 生成器 * Date: 2020年9月25日14:20:21 * Version: 1.0.0 * A function for converting hex

2020-09-25 17:43:25

el-tree 懒加载,默认加载N级.异步加载子节点

如何使用elementui中的树形组件在懒加载模式中会默认展开N层;需求如下:用tree组件进行懒加载默认会展开4层.剩下的使用异步加载.<template> <div id="app"> <el-tree :props="props" :load="loadNode" lazy show-checkbox> </el-

2020-08-26 09:24:58

TCP的三次握手与四次挥手

看起来有点意思;原文链接: https://www.cnblogs.com/fangdongdemao/p/10262209.html#gallery-1

2020-08-24 14:55:11

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 mysql

官网地址: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

查看更多

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