- 博客(27)
- 收藏
- 关注
原创 vue的哈希模式下乾坤微应用的使用
开始看官网文档,简单,直接开始主应用部分封装使用乾坤的方法import { registerMicroApps } from 'qiankun'export const useQianKun = () => { const apps = [ { name: 'vue', entry: 'http://localhost:8022', container: '#vue', activeRule: '/#/vue', p
2022-03-04 15:01:27
1530
原创 SassError: Invalid CSS after “...-flex: 0 0 math“
使用element-ui修改主题时,报该错误。element-ui官方推荐@import “~element-ui/packages/theme-chalk/src/index”;这一行引入的是element-ui的scss文件,是需要编译的,如果node-sass与sass-loader版本与element-ui不一致,就可能会报错这是element-ui的版本解决方案1.将项目的node-sass跟sass-loader版本改到与element-ui一致2.使用element-ui其他
2022-03-01 10:41:17
852
原创 vue挂载在this上的自定义方法的注释
vue挂载在this上的自定义方法的注释先看效果创建自定义方法element代码提示自定义代码提示先看效果创建自定义方法首先,将自己的方法挂载到实例上Vue.prorotype.$xconfirm=...这一步,代码实际上已经可以用了。蛋似,没有任何代码提示,除了写代码的你,谁也不知道这玩意是啥意思,咋用。(或许一个月之后你也不知道啥意思了)element代码提示我们用element-ui的时候,有几个挂载在全局的方法其实是有代码提示的,比如这个八一八代码element-ui.d.
2021-12-03 10:42:53
902
1
原创 es6转es5
步骤初始化环境npm init -y首先安装babel组件npm install @babel/cli @babel/core @babel/preset-env babel-plugin-transform-es2015-modules-umd -D配置babel,.babelrc(babel配置文件){ "presets": [ "@babel/preset-env" ], "plugins": ["transform-es2015-modules-umd"]}
2021-10-14 09:34:55
552
1
原创 scss循环生成样式
其实循环生成css都是定义一个数组,然后遍历生成,主要在于各个语言的调用方式不一样.这里使用的rem作为基准单位,也可以用px或者其他_variable.scss文件// 文件名以下划线开头表示被引用文件,引用时不用加下划线和后缀名//定义颜色$colors:(primary: #db9e3f, info: #4b67af, danger: #791a16, blue-1: #1f3695, 'blue': #4394e4, "white": #fff, //当键名与变量名
2021-09-23 11:57:13
2410
原创 less循环生成css
1.普通遍历@colorArr: { white: white; primary: #35a0e8; info: #909399; success: #67C23A; danger: #F56C6C}each(@colorArr, { .text-@{key} { color: @value; } .bg-@{key} { background-color: @value; }});生成的css2.递归生成@positionArr:
2021-09-23 11:49:58
734
原创 小程序签字
大致思路,canvas1签字,canvas2绘制底图,将canvas1转为透明背景的图片缩放并选择合适位置绘制到canvas2上,canvas2转为图片。大致效果代码片段地址:https://developers.weixin.qq.com/s/PvUK88mx71t5
2021-09-07 19:18:34
105
原创 canvas实现图片旋转并保存
html部分<body> <div class="container"> <div class="source"> <img id="nc" src="./assets/btbg.jpg" alt="" srcset=""> <!-- <img id="nc" src="./assets/奶茶.webp" alt="" srcset=""> --> </div> <
2021-09-01 18:07:16
5191
2
原创 前端实现视频重叠,抠图效果
方法有两种一、 使用透明背景的webm格式视频具体方式可自行百度,跟代码关系不大,直接用就行,但是支持程度可能不太行二、使用canvas进行抠图mdn链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Manipulating_video_using_canvashtml部分<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http
2021-08-20 16:07:38
1022
原创 npm ERR! Unexpected end of JSON input while parsing near ‘...0\npHU7A0Ut3ZBPSm7Qit‘
网络问题1.检查npm源是不是淘宝镜像npm config list2.检查自己的网络,是不是开了小飞机啥的,记得关掉
2021-06-09 09:53:43
81
原创 创建vue3+vite项目记录
创建项目vue3官网链接这里使用的yarn的创建方式yarn create @vitejs/app vue-tailwind1.文件名、目录名或卷标语法不正确。error Command failed.Exit code: 1Command: E:\Program Files\nodejs\node_global\bin\create-appArguments: vue-tailwindDirectory: F:\code\tailwindcssOutput:info Visi
2021-04-29 11:00:25
1189
1
原创 vue项目template部分的校验问题
场景:在template部分写的js,vetur提示的ts的类型校验失败原因:toolClass是在main.js里面定义的全局方法,在本页的export并没有,于是报错但是本项目使用的js,并没有办法扩展类型,所以只能关闭这个校验了在setting.json里设置 “vetur.validation.interpolation”: false即可setting.json可ctrl+shift+p搜索,也可以新建工作区设置在根目录新建.vscode文件夹,在文件夹下新建setting.json文
2021-04-20 11:04:06
1835
原创 手机NFC识别跟看门狗(韦根26)识别卡片的id区别
手机识别:72372F09;看门狗:154089330;将看门狗的十进制转换为十六进制为92F3772,补0凑齐8位:092F3772每两位分割,得到:09 2F 37 72取反,得到72 37 2F 09与手机NFC识别Id一致
2020-09-27 17:52:35
842
2
原创 使用vuex-persist时刷新数据丢失
vuex-persist是为了解决vuex刷新时会丢失数据的问题,但是有一次偶然发现,使用cache缓存数据时,刷新数据竟然丢失了???,亿脸懵逼![在这里插入图片描述](https://img-blog.csdnimg.cn/20200914175254319.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTg1MjI5,size
2020-09-14 17:57:34
411
原创 安卓使用腾讯webview踩坑
参考:图片拍照封装https://blog.csdn.net/villa_mou/article/details/78728417弹窗http://blog.csdn.net/baidu_25797177/article/details/51952880项目需求原生功能,于是把之前的h5封装到安卓的webview中,本来以为稍微封装一下就行,,,唉,都是泪原生webview,上,完犊子,页面整个垮掉,换方案1.xwalk提供一个包地址,剩下的自行百度吧,一开始搜的时候感觉是相对最好的解决方案
2020-08-20 22:32:50
1861
2
原创 powershell自定义带参数的别名
1.通过$profile找到powershell的profile的位置。但是这个文件不一定存在,使用命令Test-Path $profile进行测试,如果结果为false,证明没有这个文件,需要创建。注意,以上操作必须在powershell中进行,cmd中没有该命令2.创建命令New-Item -path $profile -itemtype file -Force3.找到创建的文件,在里面写函数,输入$profile即可一般位置为C:\Users\用户名\Documents\WindowsP
2020-07-10 10:39:40
1714
原创 vue-quill-editor点击超链接时弹窗遮挡的问题
正常应该是这样的当点击最左边的文字时是这样的下面介绍我的解决办法点击超链接时,触发了quill的blur事件,在blur事件中找到弹窗的dom,当弹窗的left为负数时,给它的left置为0,代码如下onEditorBlur(quill) { console.log("editor blur!", quill); let e = document.querySelector('.ql-tooltip,.ql-editing') if(e){ l
2020-06-24 14:54:46
2697
4
原创 前端扑街仔的nginx配置
ubuntu安装,其他版本自行百度apt install -y nginx启动service nginx start或者systemctl start nginx或者直接进nginx目录找到nginx可执行文件./nginx start默认安装的nginx配置文件地址一般在/etc/nginx/nginx.conf和/etc/nginx/conf.d/default.conf前面是全局配置(http部分),后面是详细配置(location部分)目前写的基本只用到一个配置文件(多个建议直
2020-06-18 17:34:17
190
1
原创 vue给页面加缓存
提到缓存,第一反应就是keep-alive,奈何keepalive的坑实在是踩不过来。下面介绍一下本人使用的方法。需要加缓存的页面(一般为列表页)beforeRouteLeave (to, from, next) { // ... if (to.name === '详情页名字') { //去往详情页时需要缓存 let obj = JSON.parse(JSON.stringify(this.$data)) obj['$name'] = this.$ro
2020-06-18 16:46:23
854
原创 前端yaml/json转换为swagger文档
1、安装swagger依赖yarn add swagger-ui-distornpm install swagger-ui-dist --savehtml部分<div id="swagger-ui"></div>js部分注意这部分代码涉及到渲染dom节点,需要在dom渲染完成之后执行,如果是vue,把这段代码放到mounted里面或者使用this.$nextTickimport { SwaggerUIBundle, SwaggerUIStandalonePreset
2020-06-11 17:11:39
1580
原创 vscode注释html出现//的问题(装了vetur)
vscode注释html出现//的问题(装了vetur)插件冲突了,看了下别人的文章,有的是es6/es7babel的插件冲突,我的是跟vue3 snippets插件冲突了。
2020-05-12 17:53:34
2582
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人