- 博客(44)
- 收藏
- 关注
原创 element-plus中el-button的icon图标不显示
element-plus官网<el-button type="primary" :icon="Edit" circle></el-button>的新写法不能用,在icon的示例里面方法可以使用。<el-button type="primary"> <el-icon style="vertical-align: middle;"> <search /> </el-icon> <span...
2021-12-07 19:36:17 9831 6
原创 vue项目中ts文件调用vuex方法
vuex文件:ThemeVuex.tsimport { Commit } from 'vuex'const state: any = { /** 当前主题 */ currentTheme: 0}const mutations: any = { SET_CURRENT_THEME(state1: any, v: any) { state1.currentTheme = v }}const actions: any = { set
2021-10-28 14:04:36 2174
原创 vue3中使用pdfjs-dist预览pdf,vue.config.js配置pdf文件
参考博文:1.pdfjs-dist https://juejin.cn/post/69958566871062610002.vue.config.js配置 https://ask.csdn.net/questions/7425984遇到问题:1.vue-pdf在vue3项目中引入时报错,似乎是不支持。所以选择了pdfjs-dist。2.在引入pdf文件时报错解决:配置vue.config.js中对pdf文件的支持。const path = requir...
2021-08-20 13:52:49 6479 3
原创 vue3中使用element-plus的el-form遍历表单和表单验证,动态获取ref
vueAPI链接:https://v3.cn.vuejs.org/guide/composition-api-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%BC%95%E7%94%A8vue3获取动态ref:<template v-for='(v,index) in state.tasks' :key='"tasks"+index'>// userWorkFormRefs 一定名字不要写错,要和js中的一致 <el-form :mo
2021-08-16 16:17:54 4733
原创 《你不知道的JS》读书笔记十 this词法
特殊函数类型:箭头函数。箭头函数并不是使用function关键字定义的,而是使用被称为“胖箭头”的操作符=>定义的。箭头函数是根据外层(函数或者全局)作用域来决定this。箭头函数的词法作用域: function foo() { // 返回一个箭头函数 return (a) => { // this继承自foo() console.log(this.a) } } var obj1 = { a: 2 } var obj2 =
2021-07-22 16:24:37 90
原创 《你不知道的JS》读书笔记九 this全面解析
一:调用位置调用位置:函数在代码中被调用的位置(而不是声明的位置)。下面看一下调用栈和调用位置: function baz() { // 当前调用栈是:baz (执行栈,代码执行的地方) // 因此,当前调用的位置是全局作用域 console.log('baz') bar() // bar的调用位置 } function bar() { // 当前调用栈是baz-->bar // 因此,当前调用位置在baz中 console.log('
2021-07-08 14:27:21 79
原创 《你不知道的JS》读书笔记八 关于this
this的机制非常复杂: function identify() { return this.name.toUpperCase() } function speak() { var greeting = 'Hello' + identify.call(this) console.log(greeting) } var me = {
2021-06-25 17:16:29 69
原创 《你不知道的JS》读书笔记七 动态作用域
动态作用域和词法作用域的区别:词法作用域是关于引擎如何寻找变量以及会在何处找到变量的规则,最重要的特征是他的定义过程发生在代码的书写阶段。而动态作用域是让作用域在运行时被动态确定的。代码说明: function foo() { console.log(a) } function bar() { var a = 3 foo() } var a
2021-06-25 16:14:45 58
原创 《你不知道的JS》读书笔记六 作用域闭包
function foo() { var a = 2 function bar() { console.log(a) } return bar } var baz = foo() baz() // 2
2021-05-28 15:21:55 64
原创 《你不知道的JS》读书笔记四 块作用域
1.在js中块作用域概念很陌生: for (var i = 0; i < 10; i++) { console.log(i) }
2021-05-28 14:21:00 59
原创 《你不知道的JS》读书笔记三 函数作用域和块作用域
一:函数作用域和块作用域1:函数作用域 function foo(a) { var b = 2 // 一些代码 function bar() { // ... } // 更多的代码 var c = 3 } bar() // 失败 ReferenceError参数错误 co
2021-05-13 16:43:42 255
原创 《你不知道的JS》读书笔记二 词法作用域
二:词法作用域1:编译器的处理:词法作用域就是定义在词法阶段的作用域:词法作用域是有你在写代码时将变量和块作用域写在哪里决定的,因此当词法分析器处理代码时会保持作用域不变。 function foo(a) { var b = a * 2 function bar(c) { console.log(a, b, c) } bar(b * 3) }
2021-05-13 16:19:44 68
原创 《你不知道的JS》读书笔记一 作用域
一:作用域1:编译器的处理: var a = 2(1)当var a,编译器会询问作用域是否已经有了一个该名称的变量存在于同一个作用域的集合中。如果是,编译器会忽略该声明,继续进行编译,否则他会要求作用域在当前作用域的集合中声明一个新的变量,并命名为a。(2)引擎会首先询问作用域,当前作用域集合中是否存在一个叫做a的变量。如果是引擎会使用这个变量,如果否,引擎会继续查找该变量。最终找到a变量,就会将2赋值给它,否则会抛出异常。 LHS(Left-hand Side)引用和...
2021-04-25 17:02:26 70 1
原创 vue项目中贝塞尔曲线+canvas绘制两点之间的直线
贝塞尔曲线绘制动态轨迹和canvas绘制两点之间的直线,两种方式(都是从网上找的),做下记录:<template> <div class="testBeiSaiEr"> <div class='a'></div> <div></div> <div class='b'></div> <!-- <canvas id="c1.
2021-04-22 16:24:16 2056
原创 element使用 MessageBox,关闭close
confirm的关闭方法 MessageBox.confirm(`即将把${crane.name}的模式切换为${str},请确认:`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning', center: true, customClass: 'crane-confirm-messag
2021-04-15 14:44:24 2828
原创 vue+typescript+es6配置
由于项目中要去掉eslint,意外出现了以下报错:Module parse failed: Unexpected token (86:57)File was processed with these loaders: * ./node_modules/cache-loader/dist/cjs.js * ./node_modules/babel-loader/lib/index.js * ./node_modules/ts-loader/index.jsYou may need an add
2021-03-30 13:49:57 425 1
原创 vue中使用mqtt报错404
vue中使用mqtt报错404给我npm更新mqtt的包,更新到最新版本!!!!!!!!!用的好好地mqtt突然报错404,在好几个测试工具上地址都没问题,最后查出是版本的问题,更新了就好了,真是坑小仙女啊!!!!...
2020-11-04 19:45:07 326
原创 vue组件中引入public文件,build打包后找不到资源报错404
在组件中我使用object标签预览pdf文件<object width="100%" height="100%" data="/help/help.pdf" type="application/pdf" id='help-object'> </object>该help.pdf文件我是放在了public文件夹下(public/help/help.pdf),为了不被webpack编译(位置如图)很开心没问题,但是build打包之后给后端,就出现问题了,该文件路径报错4
2020-09-16 14:46:20 5454 3
原创 vue中npm引入editor.md编辑器插件
官网并没有安装指南╭(╯^╰)╮1:npm安装editornpm install editor.md2:安装jquery(如果使用cdn在组件中引入,会报错zepto找不到)所以要安装jquery(这一步网上有很多示例,这里就不重复了)npm install jquery --save3:使用重要的一步!!!在组件中引入:leteditor=require("editor.md/editormd");leteditorObj=editor("test...
2020-06-01 14:54:43 2129 3
原创 iview中动态实现menu三级菜单,多级菜单
在新的项目中用到了iview中的menu菜单,我们的需求是三级菜单,按照官网写固定不太好,所以我就在页面上写了一个动态渲染(好几层循环!!!也算是个笨方法了,记录一下嘛,嘻嘻)template部分<template><div class="deskTop_page"> <Menu ref="side_menu" :active-name="act...
2019-07-25 11:39:06 5519 1
原创 react-native使用webview模块报错(版本过高,降低rn版本)
第一次写react-native,光是安装+解决报错就浪费了2天时间(暴风式哭泣.....)1:安装完毕2:下载脚手架3:成功实现HelloWorld4:就在我想使用webview的时候,出现了各种错误,说是webview模块找不到,我就yarn下载,下载之后又是另外的报错,解决不完的报错,后来在网上查到,webview从react-native0.6版本独立出去了,so....我...
2019-07-11 14:51:11 1036
原创 vue中axios请求中断
最近在项目中遇到一个交互过慢的问题,在进行其他操作的时候,就必须要中断上次请求,以免页面卡顿,具体实现代码如下:配置文件:request.jsimport axios from 'axios'const service = axios.create({ baseURL: process.env.BASE_API, // api 的 base_url timeout: 1080...
2019-05-08 16:42:17 870
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人