- 博客(27)
- 收藏
- 关注
RSS订阅原创 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
1516
原创 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
831
原创 vue挂载在this上的自定义方法的注释
vue挂载在this上的自定义方法的注释先看效果创建自定义方法element代码提示自定义代码提示先看效果创建自定义方法首先，将自己的方法挂载到实例上Vue.prorotype.$xconfirm=...这一步，代码实际上已经可以用了。蛋似，没有任何代码提示，除了写代码的你，谁也不知道这玩意是啥意思，咋用。（或许一个月之后你也不知道啥意思了）element代码提示我们用element-ui的时候，有几个挂载在全局的方法其实是有代码提示的，比如这个八一八代码element-ui.d.
2021-12-03 10:42:53
873
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
531
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
2393
原创 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
720
原创 小程序签字
大致思路，canvas1签字，canvas2绘制底图，将canvas1转为透明背景的图片缩放并选择合适位置绘制到canvas2上，canvas2转为图片。大致效果代码片段地址：https://developers.weixin.qq.com/s/PvUK88mx71t5
2021-09-07 19:18:34
95
原创 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
5101
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
985
原创 npm ERR! Unexpected end of JSON input while parsing near ‘...0\npHU7A0Ut3ZBPSm7Qit‘
网络问题1.检查npm源是不是淘宝镜像npm config list2.检查自己的网络，是不是开了小飞机啥的，记得关掉
2021-06-09 09:53:43
77
原创 创建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
1177
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
1812
原创 手机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
820
2
原创 使用vuex-persist时刷新数据丢失
vuex-persist是为了解决vuex刷新时会丢失数据的问题，但是有一次偶然发现，使用cache缓存数据时，刷新数据竟然丢失了？？？，亿脸懵逼 { console.log("editor blur!", quill); let e = document.querySelector('.ql-tooltip,.ql-editing') if(e){ l
2020-06-24 14:54:46
2658
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
182
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
841
原创 前端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
1559
原创 vscode注释html出现//的问题（装了vetur）
vscode注释html出现//的问题（装了vetur）插件冲突了，看了下别人的文章，有的是es6/es7babel的插件冲突，我的是跟vue3 snippets插件冲突了。
2020-05-12 17:53:34
2572
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人