自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 收藏
  • 关注

原创 解决vue3 动态引入报错问题

最后打印了下,modules['../../components/flowchart/edge/dbedgeview/dbedgeview.vue']和我那个defineAsyncComponent里面直接import也一样啊,真的是,非要加个glob。警告,查了下,是动态引入的问题,看到说要用glob。之前这样写的,能使用,但是有警告。

2023-12-11 15:11:41 209

原创 js 平级数据转树形结构,并加上序号

/ 注意这里没有static,保存遍历的结果。// 先找到所有子分类作为一个值。// 再将这个值追加到一个新数组中。//平级数据转换成树形数据。

2023-07-06 16:26:12 405

原创 electron+vue3+vite+antdesign

首先在我的项目vue3+vite+antdesign 基础上使用electron,两者并不冲突,只需要在我原先项目基础上安装electron就行,需要安装一些包以及配置就可以了,本次记录一下怎么使用,以及当时遇到的问题。注意electron时,"type": "commonjs",用vite项目的时候是"type": "module",(当时这个地方没注意,报错了)在项目根目录新建electron文件夹,再里面再新建electron.js。前提是vue3+vite+antdesign 没问题哈!

2023-05-07 22:31:27 686

原创 根据时间戳获取总用时(天时分秒)

return Math.floor(day) + "天" + Math.floor(h) % 24 + "时" + Math.floor(m) % 60 + "分";return Math.floor(h) % 24 + "时" + Math.floor(m) % 60 + "分";return Math.floor(m) % 60 + "分";//获取总用时(天时分秒)

2023-03-30 17:15:15 525

原创 ueditor 中聚焦问题

ueditor

2022-12-02 16:49:50 350 1

原创 打包后,清除console.log

vue项目打包

2022-10-12 15:06:19 870

原创 nginx(简介)

这周

2022-10-10 18:19:08 765

原创 jquery 分页兼容i7,i8浏览器

分页兼容 jquery

2022-08-31 11:01:01 217

原创 js正则密码校验

2022-08-31 10:56:10 1128

原创 vue3生命周期

vue3生命周期

2022-08-12 10:00:14 302

原创 修改项目git地址

f

2022-07-04 12:08:06 550

原创 js向标签中插入字符串

insertAdjacentHTML(position, text)参考网址:Element.insertAdjacentHTML() - Web APIs | MDNjs

2022-04-26 17:18:56 980

原创 docker 本地文件与容器映射。dockerfile

docker 容器创建第一种,命令行方式创建

2022-04-22 16:45:23 6023

原创 js(shuffle)洗牌算法

洗牌算法(shuffle)的js实现Fisher-Yates先看最经典的Fisher-Yates的洗牌算法这里有一个该算法的可视化实现其算法思想就是从原始数组中随机抽取一个新的元素到新数组中从还没处理的数组(假如还剩n个)中,产生一个[0, n]之间的随机数 random 从剩下的n个元素中把第 random 个元素取出到新数组中 删除原数组第random个元素 重复第 2 3 步直到所有元素取完 最终返回一个新的打乱的数组按步骤一步一步来就很简单的实现functi...

2022-04-20 16:23:44 2937

原创 ie8 浏览器提示是否 阻止访问js脚本

<!-- saved from url=(0014)about:internet -->ie8以下浏览器老是提示是否允许阻止js脚本或activeX控件,真的很烦人,查了资料,说是放在head标签中,我试了,没起作用,应该是在html标签下加,一定要注意添加位置,...

2022-01-19 15:54:54 231

原创 js 递归(1)

举例来说吧:下面数组处理成,将peojectId有值的都去掉。 let arr = [{ name: "小美", projectId: null, children: [{ name: "小白", projectId: null, children:...

2021-09-17 11:49:26 1216

原创 vue对后台返回的文件流进行下载

//request.js//对返回数据进行判断,(该项目是因为会对code进行响应拦截,文件流不返回code,所以对code不做判断)// if('application/octet-stream'==response.headers['content-type']){// returnresponse.data// }download.jsimportrequestfrom'@/utils/request'functiondownload(...

2021-04-22 12:00:30 2056

原创 gif转为静态图片处理

在一些低核浏览器,性能比较低的情况下,再加上gif不能压缩,特别影响内存,很容易造成页面卡顿。处理:转为静态图片<div class="bxGifBox"> <img src="./img/gif/bx-1.png" class="bxGif" /> <img src="./img/gif/bx-2.png" class="bxGif" /> ...

2021-01-25 17:09:37 1262

原创 摇筛子css3

html: <div class="thiesescale"> <div class="wrapper" id="wrapper"> <div class="box1"></div> <div class...

2021-01-25 16:55:53 162

原创 css tip提示动画

.tipCoin{ position: absolute; z-index: 2; font-size: 3rem; color: #fff; text-align: left; top:39px; left: 33px; background: #A8C71B; padding: 8px 10px; border-radius: 15px; ...

2021-01-25 16:46:18 314

原创 js 进度条,显示加载进度

一:引入ImgPreloader.js(function() { function Preloader(srcs, opts) { this.srcs = srcs; this.opts = opts ||{}; this.loaded = []; this.load(); } Preloader.prototype.load = function() { for (var i = 0; i < this.srcs.length; ++i) ...

2021-01-25 16:37:17 361

原创 js 抛物线运动方法封装

// 抛物线动画的方法function jump(dom, dx, dy, time) { //elx当前元素的位置,dx dy是x ,y 的偏移量 // let elX = $(dom).css("left").split('px')[0]*1; // let elY = $(dom).css("top").split('px')[0]*1; // parseInt($(".drawItem").eq(orginindex).position().left) le...

2021-01-25 16:23:55 144

原创 在电视屏幕上进行debug调试

一:引入debug.v3.js文件二:debugLog(),相当于console.log()debug.v3.js(function() { var opt = { enable: true, isMsgAppend: true, //false 每条log信息插入到在panel底部 }; window.debugLog = debugLog; if (!opt.enable) { return false; } var debug...

2021-01-25 16:22:56 706

原创 js 键值判断

$("body").on("keydown",function(event){ debugLog("event.which:"+event.which); if(event.which === 37){ debugLog("left37") event.preventDefaul...

2021-01-25 16:02:36 325

原创 ajax添加请求头

// beforeSend: function(request) { // request.setRequestHeader("uid", G_user.user_id); // },

2021-01-18 13:47:44 1218

原创 翻牌效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* div{ position: relative; margin: 100px...

2020-12-23 21:13:19 77

原创 网页自适应,等比缩放

可以先写一个预定的宽高,然后在等比缩放,//自适应缩放 getc() { // let width = document.documentElement.clientWidth; // let height = document.documentElement.clientHeight; window.addEventListener('load', adaptation);...

2020-12-21 19:17:52 1178 1

原创 js 格式化时间

exportdefaultfunctiondateFormat(fmt,date){//日期转换letret;constopt={"Y+":date.getFullYear().toString(),//年"m+":(date.getMonth()+1).toString(),//月"d+":date.getDate().toString(),...

2020-11-13 11:36:45 91

原创 uni-app消息推送

1.首先登录注册:https://dev.dcloud.net.cn/app/index?type=02.接下来这一步很重要,哎,找了好久,对后面的cid的获取很有用。记住有这些东西。3.创建一个uni-app项目,配置manifest.json,这里就用到上面的东西了哈4.CID的获取,注意是让cid在客户端里显示,然后将获取的值保存下来哈,后面有用代码展示:<script> export default { dat...

2020-10-20 16:38:32 2454 3

原创 微信小程序轮播图swiper

<!--轮播图开始--><view class="index_swiper"> <swiper autoplay indicator-dots circular> <swiper-item wx:for="{{swiperList}}" wx:key="goods_id" > <navigator> <image ...

2020-10-12 19:12:18 154

原创 在微信小程序中使用less

代码使用vscode编写,微信小程序用来预览,使用vscode使用less ,会自动将less编译成wxss.首先:下载easy less插件然后在vscode设置中,加入"less.compile":{"outExt":".wxss"}

2020-10-12 19:03:36 1747 2

原创 微信小程序将原生请求通过es6的promise来进行优化

在request文件夹中新建index.js在需要的page页面进行引入,比如我的首页轮播图数据代码:index.jsexportconstrequest=(params)=>{returnnewPromise((resolve,reject)=>{wx.request({...params,success:(result)=>{...

2020-10-12 18:54:36 282

原创 使用git将项目上传到码云

第一步:建立本地git仓库 1 2 cd 到你的本地项目根目录下,执行git命令 git init 第二步:将本地项目工作区的所有文件添加到暂存区 1 git add .// . 表示所有文件, 如果想添加项目中的指定文件,那就把 . 改为指定文件名即可 第三步:将暂存区的文件提交到本地仓库 1 git commit -m""//冒号里面写注释语...

2020-08-15 18:23:43 306

原创 vue2-editor富文本编辑器

参考:https://www.npmjs.com/package/vue2-editor安装:npminstallvue2-editor引入:import{VueEditor}from"vue2-editor";注册:components:{VueEditor},<vue-editor v-model="model.body" useCustomImageHandler @image-added="handleImageAdde...

2020-06-17 21:57:02 376

原创 js中this指向

一:默认绑定针对上面的例子,那如何获取到对象obj里的值呢?把指向obj的this放到自执行函数里作为实参调用由于闭包的this默认绑定到window对象,但又常常需要访问嵌套函数的this,所以常常在嵌套函数中使用var that = this,然后在闭包中使用that替代this,使用作用域查找的方法来找到嵌套函数的this值二:隐式绑定三:隐式丢失this指向​ 隐式丢失是指被隐式绑定的函数丢失绑定对象,从而默认绑定到window。这种情况容易出错.

2020-05-09 19:46:06 422

原创 使用log代理从console.log

2020-05-05 18:57:31 224

原创 js放大镜效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ padding: 0; ...

2020-04-27 15:51:44 175

原创 js事件总结

事件:

2020-04-26 21:42:54 76

原创 事件对象中的坐标位置

2020-04-26 20:00:05 213

原创 js阻止默认事件

2020-04-26 18:27:10 264

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除