摘要: package.json "browserslist": [ "ie 11" ] webpack.config.js const path = require('path') const htmlWebpackPlugin = require('html-webpack-plugin') const 阅读全文
posted @ 2024-01-15 18:11 yaokunlun 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 场景是token有过期时间,token过期后操作需要弹窗提示token过期,然后返回登录页。 方案: token过期会返回特定code,接口请求统一拦截,如下代码是弹窗框逻辑。 function loginTimeOutMessageBox() { MessageBox({ title: i18n. 阅读全文
posted @ 2023-12-19 19:48 yaokunlun 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 记录一下,直接上代码,核心代码就一行。 注: prop需要定位到表单项的值,如下定义为[${index}].value,即校验canConfigList[${index}].value的值 <el-form :inline="true" ref="addChannelRef" :model="can 阅读全文
posted @ 2023-12-19 11:07 yaokunlun 阅读(27) 评论(0) 推荐(0) 编辑
摘要: this this 指向调用它的那个对象 var name = "windowsName"; var a = { name : "Cherry", func1: function () { console.log(this.name) }, func2: function () { setTimeo 阅读全文
posted @ 2021-02-14 22:32 yaokunlun 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 传递参数:在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量(即命名参数,或者用ECMAScript 的概念来说,就是 arguments 对象中的一个元素)。在向参数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量,因此这个局部变量的变化会反映在函数的外部。 functio 阅读全文
posted @ 2021-02-14 22:15 yaokunlun 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 执行上下文 执行上下文是评估和执行 JavaScript 代码的环境的抽象概念 执行栈 执行栈,也就是在其它编程语言中所说的“调用栈”,是一种拥有 LIFO(后进先出)数据结构的栈,被用来存储代码运行时创建的所有执行上下文。 当 JavaScript 引擎第一次遇到你的脚本时,它会创建一个全局的执行 阅读全文
posted @ 2021-02-13 23:21 yaokunlun 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 上面已经把elementUI的核心代码进行了解析,在实际应用开发中,可化繁为简,抽离核心代码,创建团队共用组件库 可基于ElementUI精简版本做开发,本文会不定时更新关于开发中遇到的问题及解决方案 如下 如何使用日常开发,会将组件库打包上传到私服供使用,为了演示,直接上传到npm 1.npm r 阅读全文
posted @ 2021-02-02 22:34 yaokunlun 阅读(592) 评论(0) 推荐(0) 编辑
摘要: 这章继续解析ElementUI的css打包方式 elementUI组件的css文件单独维护在/packages/theme-chalk/src中,每个单独的组件对应一个scss先看package.json "scripts": { "bootstrap": "yarn || npm i", "bui 阅读全文
posted @ 2021-01-29 23:31 yaokunlun 阅读(656) 评论(2) 推荐(0) 编辑
摘要: 1.fork elementUI 2.精简代码 (代码地址 https://github.com/yklhello/basic-element.git) 3.剖析结构 基础剖析 (1) ElementUI按需引入和全量引入原理 全量: import ElementUI from 'element-u 阅读全文
posted @ 2021-01-28 17:11 yaokunlun 阅读(2559) 评论(0) 推荐(0) 编辑
摘要: plugins是可以用自身原型方法apply来实例化的对象。apply只在安装插件被Webpack compiler执行一次。apply方法传入一个webpck compiler的引用,来访问编译器回调。 plugins基本结构 class HelloPlugin{ // 在构造函数中获取用户给该插 阅读全文
posted @ 2021-01-28 15:52 yaokunlun 阅读(94) 评论(0) 推荐(0) 编辑