翻滚的咸鱼君-CSDN博客

原创乾坤（微前端）父子样式隔离终极解决方案——替换插件前缀

产生背景基座应用采用vue2、element-ui子应用采用vue3、element-plus因为element-ui和element-plus前缀相同、命名规则相同，但内部html结构发生变化，从而导致子应用element-plus的样式会被污染。解决方案笔者之前也有写过使用post-css的解决方案，但还存在未解决的问题，有兴趣的同学可以去看一下，乾坤父子样式隔离解决方案——postcss浅尝写一个webpack loader替换element-ui class前缀，写一个postcs

2021-11-29 19:56:38 7575 58

原创乾坤父子样式隔离解决方案——postcss浅尝

产生原因子应用样式后加载，由于父子应用样式同名，导致了样式覆盖思路以父应用elementUi2.0为例，子应用elementPlus为例查看官方文档，官方文档给出了两个解决方案，一一实施，发现都未解决start(opts?)Options { sandbox - boolean | { strictStyleIsolation?: boolean, experimentalStyleIsolation?: boolean } - 可选，是否开启沙箱，默认为 true。}当配置

2021-11-08 15:16:06 8343 3

原创手把手教你撸一个vscode Snippets（代码补全），包括发布到商店。

一、前言使用vscode过程中，代码补全是不是让你撸起代码来如有神助。社区环境中现有的代码补全插件，如Element UI Snippets，让你使用ElementUi过程中更加得心应手。可一旦没用现成的，撸起代码来是不是就痛苦多了，现在手把手教你撸一个vscode Snippets。二、准备工作安装node全局安装yo generator-code，npm install -g yo generator-code三、开发yo code 生成基本文件，类似于npm init。选择ne

2021-07-15 14:27:44 612

原创 eval与new Function的简单介绍以及区别

一、简介eval 和 new Function 都可以将一段字符串解析成一段js脚本并执行。二、使用1、eval作为一个全局方法，传入一个参数（String）即可执行let name = 'a'eval('console.log(name)')// 输出'a'2、new Functionnew Function() 可以接n个参数，最后一个参数作为函数体。let name = 'a'let test = new Function('arg', 'console.log(arg)')

2021-06-09 10:34:53 1529 3

原创 js Array.prototype.concat的polyfill

Array.prototype.concat的polyfill一、语法var new_array = old_array.concat(value1[, value2[, …[, valueN]]])二、参数可选，参数类型不限，若参数为空，返回原数组的浅拷贝。三、返回值新的 Array 实例。四、描述该方法创建一个新的数组，它由被调用的对象中的元素组成，每个参数的顺序依次是该参数的元素（如果参数是数组）或参数本身（如果参数不是数组）。它不会递归到嵌套数组参数中。以上内容参考五、polyf

2021-04-14 10:27:54 139

原创一点关于for循环和let、var声明的思考

一、前提知识储备1、for循环有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。2、只要块级作用域内存在let、const命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。3、var 会穿透 for 、if 等语句。4、let不允许在相同作用域内，重复声明同一个变量。二、思考，下面四段代码分别会发生什么1、代码一 for (var i = 0; i < 3; i++) { let i = 'abc';

2020-11-24 16:10:21 416

原创前端实现下载图片或文件的方法大全

一、通过a标签来下载图片或文件<a href="down.jpg" download="name" target="_blank"></a>**注意：**如果不加download属性，某些浏览器会解析并打开图片。二、通过js动态创建标记下载图片或文件function downloadImg(){ const url = 'http://www.a.com/pic.jpg'; // 图片地址 const a = document.creat

2020-07-15 15:22:13 2530

原创一段代码理解js的this指向

一段代码理解js的this指向首先，代码双手奉上函数的this指向js定时器的this指向首先，代码双手奉上var str = 'window' const obj = { str: 'obj', fn: () => { console.log(this.str) //window setTimeout(() => {...

2019-11-04 11:21:55 146

weixin_44008717的博客