- 博客(27)
- 收藏
- 关注
RSS订阅原创 前端架构升级：老项目拆解，根据服务边界拆解成3个项目，通过 qiankun 实现微前端
一体化平台的启动，给前端架构升级提供了一个契机，所谓的天时，地利，人才，现在不开始更待何时。
2022-07-27 19:38:35
1935
1
原创 qinkun 系列 01 - 为什么选用乾坤
微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(Frontend Monolith)后，随之而来的应用不可维护的问题。
2022-07-22 14:59:46
1036
原创 vue 组件多开，数据被覆盖问题排查及解决方案
vue-route详情页面多开时，前面的页面数据被新开的页面数据覆盖了。详情页面的路由，使用动态路由匹配。
2022-06-21 10:46:49
3090
原创 IE白屏修复，vue 兼容IE
白屏报错：SCRIPT5022: SecurityError主要原因应该是代码中有es6语法，IE解析错误，如果代码中没有就排查是不是引入的第三方插件中含有es6 语法；排查方法： 1.回忆最近导入的包，先注释掉看看是不是该文件引起的 2. main.js 将引入的包一个一个注释排出看看是哪个文件导致的； 3. 引入 babel-polyfill，转化es6 语法，可以配置转化node-module 引入的包； 4. 找...
2022-04-25 23:51:15
2361
原创 vscode 配置保存时自动格式化代码 eslint； 整合eslint和prettier
1. 安装eslint插件2.设置中搜索 eslint3. 在settings.json 中编辑加上下面这段代码："editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, //autoFix默认开启，只需输入字符串数组即可 "eslint.validate": ["javascript", "vue", "
2022-04-20 15:10:15
1072
原创 ERR_PNPM_INVALID_OVERRIDE_SELECTOR Cannot parse the “//“ selector in the o
pnpm debug 可以看出："err": { "name": "pnpm", "message": "Cannot parse the \"//\" selector in the overrides", "code": "ERR_PNPM_INVALID_OVERRIDE_SELECTOR", "stack": "pnpm: Cannot parse the \"//\" selector in the overrides\n at
2022-04-12 10:55:54
4464
原创 vue+vite 项目启动 esbuild 报错
dyld: Symbol not found: _SecTrustEvaluateWithError Referenced from: /Users/yseventeen/Vue_project/vue-vben-admin-main/vue-vben-admin/node_modules/.pnpm/registry.npmmirror.com+esbuild-darwin-64@0.14.34/node_modules/esbuild-darwin-64/bin/esbuild Expecte.
2022-04-11 17:04:53
13900
8
原创 vxe-table 表格里每行的项的下拉选项不同的处理方式
需求：直送商品、非直送商品，差异原因和差异处理方式的下拉选项要求不一样。简单记录一下实现方式，可以作为参考：1. 在激活编辑时对下拉选项赋值（根据条件去请求接口获取下拉选项或者前端设置下拉选项）；@edit-actived="editActivedEve"editActivedEve为获取下拉值的处理方法<vxe-grid ref="xGrid" border="default" height="400" .
2022-02-08 16:04:00
4520
2
原创 vxe-table 激活编辑时，只能输入数字，失去激活时进行格式化处理。
vxe-table 激活编辑时，只能输入数字，失去激活时进行格式化处理。
2022-01-19 10:43:49
1887
原创 el-select 改变弹出提示框，点击取消值变为原值
el-select @change 事件点击切换选项后，v-model 的值其实已经改变了，change事件取到的值也是新的选项的值。el-select 所支持的方法中都无法取到旧值。那么监听change事件弹出提示，点击取消要改为旧值应该怎么实现呢？
2022-01-19 10:28:52
4913
1
原创 js __proto__和prototype的区别
__proto__:原型对象（在__proto__ 上添加的属性不会被继承）prototype:可继承的原型对象（构造函数的属性）
2019-10-10 20:36:50
127
原创 记一次对象数组分类过滤的处理
// 对象数组时这样的var arr = [{"tradeacco":"2194","bankserial":"002","bankinfo":"中国工商银行[尾号9105]","bankacconame":"陈坤","bankacco":"6222021702054679105","capitalmode":"3","capitalmodename":"银联通","detailcapitalm...
2019-09-29 15:36:23
292
原创 js避雷之——定义及使用array注意事项
刚进公司，从处理一些简单的需求入手，了解项目代码。（前人挖坑后人埋⛏，希望我不会成为专业挖坑小能手 ┗|｀O′|┛ 嗷~~）记录一下 ------原代码是这样的：在data(){}中定义了一个outWay数组（vue项目），用来配置转出方式，看起来是不是没毛病。然鹅???? 鹅鹅鹅~~后面是这样子用的等等好多这样的判断。。。。。。大量的使用索引进行操作（v-for使用了index；...
2019-09-23 19:39:08
154
转载 HTML+CSS书写规范和顺序
1、命名规则说明1、所有的命名最好都小写2、属性的值一定要用双引号("")括起来，且一定要有值如class="app",id="app"3、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整例如：<div></div>4、空元素要有结束的tag或于开始的tag后加上"/" <br />、<img />5、表现与结构完全分离，代码中不...
2019-08-28 17:37:23
1075
原创 js原生(包含es6语法) - 模拟Mac 日历
html部分按照上中下布局来写，没什么难度，就不解释了。。。<body> <!-- Mac日历模拟 --> <div id="calendar"> <div class="bar"> <div class="btn y-center"> <s...
2019-08-21 16:07:00
402
原创 js-几个基础知识的
变量类型值类型和引用类型值类型：number 、string 、boolean 、undefined 、null引用类型：除了值类型之外的值，例如：object、array 、function值类型只能存储一个值值类型复制就是值类型本身引用类型复制只是复制引用类型的指针，并不是真正的值的靠包，他们之间是会相互干预的引用类型特点：可以无限制的扩展属性JS中使用typeof能得...
2019-08-13 10:20:33
115
原创 内存泄漏
内存泄漏内存泄漏指任何对象在您不在拥有或需要它之后仍然存在，js的垃圾货收起定期扫描对象，并计算引用了每个对象的其他对象的数量，如果一个对象的引用数量为0（没有其他对象引用过该对象），或对该对象的唯一引用是循环的，那么该对象的内存即可回收。1. setTimeout 的第一个参数急用字符串而非函数的话，会引发内存泄漏。2. 闭包3. 控制台日志4. 循环（在两个对象彼此引用且彼此保留时，...
2019-08-13 10:18:47
91
原创 闭包
闭包能够读取其他函数内部变量的函数（内层作用域可以访问外层作用域的变量）闭包的产生：产生于多个函数的嵌套之间实际开发中闭包的应用：封装变量，收敛权限闭包的缺点：滥用闭包可能造成内存泄漏。因为闭包中引用到的包裹函数中的变量永远不会被释放，所以应该在必要的时候及时释放这个函数。闭包的好处：- 希望一个变量长期驻扎在内存中- 避免全局变量的污染- 私有成员的存在 func...
2019-08-13 10:18:23
173
原创 js-记录一个很有意思的题目-1
通过原型链扩展Object Function属性首先要知道： typeof F // 'function' typeof f // 'object'new 出来的是对象所以f取不到Function扩展的 b方法，（f现在自身的方法里找有没有 b ，没有就向上去Object中找）...
2019-08-07 15:58:42
81
原创 js-web-api(Dom \ Bom \ 事件绑定 \ Ajax请求 \ 存储)
Dom操作html是xml的一种特殊结构dom ：浏览器把拿到的html代码，结构化为一个浏览器能够识别并且js可操作的一个模型①获取DOM节点 var div1=document.getElementById(‘div1’)；//元素 var divList=document.getElementsByTagName(‘div’); //集合 console.log(divL...
2019-08-06 19:14:30
140
原创 js常用API(Data \ Math \ Array \ Object)
①日期 Date.now() //获取当前时间毫秒数 var dt=new Date() dt.getTime() //获取毫秒数 dt.getFullYear() //年 dt.getMonth() // 月，月份是从0开始的 (0-31) dt.getHours() //小时(0-23) dt.getMinutes() //分钟(0-59) dt.g...
2019-08-06 16:25:19
319
原创 js同步、异步
异步js是单线程的语言，所以需要异步何时需要异步：- 在可能发生等待的情况下- 等待过程中不能像alert一样阻塞程序运行的情况前端使用异步的场景- 定时任务：setTimeout ，setInterval- 网络请求：ajax请求，动态加载- 事件绑定 console.log(100) setTimeout(function(){ console.log(200)...
2019-08-06 15:26:09
69
转载 清除浮动的方法（清除浮动后造成的影响）
1. 额外标签法是w3c推荐的做法是通过在浮动元素末尾添加一个空的标签例如：<div style="clear:both"></div>，或者其他标签 <br> 等亦可。<div class="father"> <div class="big"> </div
2019-01-31 11:54:13
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人