- 博客(39)
- 收藏
- 关注
RSS订阅原创 package.json中传递环境变量和.env文件中配置的NODE_ENV不统一导致的bug
package.json中传递环境变量和.env文件中配置的NODE_ENV不统一导致的bug
2022-03-10 11:23:22
2001
原创 vue-cli中的chainWebpack和configureWebpack
vue-cli中的configureWebpack和chainWebpack使用心得
2022-03-03 17:19:15
3813
原创 yarn install报Integrity check failed for “gifsicle“
integrity check failed for “gifsicle"
2022-02-11 15:02:27
3255
原创 随记-时间戳
时间戳转换工具WEB前端助手：FeHelper，浏览器插件，包含一些前端实用的工具，如JSON格式化,JSON对比,信息编解码,代码美化,代码压缩,二维码生成,二维码解码,图片Base64转换,Markdown,随机密码生成器,正则表达式,时间戳转换,便签笔记,进制转换,贷款计算器等https://www.baidufe.com/fehelper/timestamp/index.html总结：时间戳是不变的， 不会随时区的改变而改变，无论再地球的哪个一个地方，同一时刻的时间戳是相同的。再做国际化..
2022-02-11 14:50:16
259
原创 monorepo之源码调试
在源码中增加断点执行的时候找到原文件实现sourceMap源码映射需要该tsconfig.json中的配置 把sourceMap开启就可以调试源码了
2021-11-28 15:38:40
227
原创 Monorepo学习中执行npm run build报 Error[ERR_REQUIRE_ESM] of ES module
报错信息在这里插入图片描述目录结构解决步骤根package.json中添加type为module的配置报错文件中更改导入包的方式
2021-11-27 20:26:56
3994
原创 提交yarn.lock文件导致jekens打包出错
背景jekens打包过程中，因为我在jekens中配置的是yarn。但是提交了yarn.lock文件，打包就会失败问题分析看了控制台又对你了成功时的日志，发现有能在yarn install的时候出的错
2021-11-25 10:22:48
659
原创 根据数据动态合并表格
问题根据数据动态的合并单元格是一个很普遍的需求， 由于直接没有做过这需求，最近写的时候踩了点坑，写的时候需要注意一下要点要点1首先要对数据进行处理也就是同类别的放在一起,因为我们要处理的原理是，如果是相同的数据直接合并 如果是交叉的数据，这里是处理不了的正确的做法正确的数据 tableData: [ { item: "tv", type: "price", specialDiscount: "20%",
2021-11-15 09:56:04
641
原创 vscode终端无法识别yarn,npm等指令
问题在vscode终端输入yarn npm，报错原因vsCode的powershell自身设限问题。解决方法：1、vsCode的终端执行 ‘get-ExecutionPolicy‘，显示‘Restricted’ – 受限2、执行 ‘set-ExecutionPolicy RemoteSigned’ 来取消限制3、再执行 ‘get-ExecutionPolicy‘，显示‘RemoteSigned’， 表示已解禁...
2021-11-12 22:13:57
1503
原创 Promise之完善then方法
话不多说直接来干货我们已经处理好了resolve和reject中的各种情况then中我们初步处理了一下,有一种情况我们时没有处理then中的回调函数的返回值为Promiseconst PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class Promise1{ constructor (executor) { this.value = undefined; thi
2021-11-08 15:33:16
703
原创 promise原理解析上
背景有小伙伴说我写的promise实现，干货太多，新手不容易理解。今天我就按照循环渐进的写出promise基本实现。我会对比原生promise然后一步步剖析原理，写的不好地方，小伙伴可以在下方留言原生promise我们知道Promise是一个状态机，状态一旦变化就会凝固，因此我们可以用promise来处理很多问题。Promise有三种状态, fulfilled, rejected, pending，默认为pending，要么fulfilled，要么rejectedconst PENDING = '
2021-11-07 20:12:26
257
原创 docker_build的时候报错如何处理
踩坑近期再做项目的时候发现同样的配置，docker_build时有10%失败的几率。最终发现时docker没有检测到文件变动导致的解决方方案Docker_build的时，报错，报错原因和明显，docker没发现需要更新的内容因此失败了。此时需要我们在项目中改一些无关项目的东西再次提交就Ok了。...
2021-10-29 10:20:25
2451
原创 gitlab-ci.yml初次使用的踩坑
需求需要跟进不同分支来执行不同的脚本踩坑点build命令的配置规则不清楚-only:共能不是很清楚详解此处定义了stage：就是执行的阶段分别为build和docker-build。执行顺序按照从上到下build的具具体配置以及规则名字写错了找到就不会执行stage的第一步buildbuild阶段的名字写对了但是docker-build的时候没有在-only中找到匹配的分支因此不执行docker-build。这报错肯定事代码或者配置的问题具体docker-build阶段中的
2021-10-28 20:53:28
868
原创 栈结构的基本实现
栈栈是遵循先进后出的方式，新元素和待删除的元素都放在栈的顶端。旧的元素都放在栈底类似放书本一样，一摞书中我们一般都是从上（栈顶）放书或者从上面拿书代码实现class Stack { constructor() { this._key = 0; this._size = 0; this._length = 0; this._stackObj = {}; } // 从栈尾删除 返回删除后的站栈
2021-10-20 07:24:16
58
原创 函数之闭包
闭包一个函数对周围状态的引用，使他们捆绑在一起当内部函数以某一种方式被任何一个外部函数作用域访问时，一个闭包就产生了。function outside() {{ function inside() { } return inside; //outside引用了inside产生了闭包}外部变量被内部的函数引用产生闭包function outside() {{ let x = 1; function inside() { console.log(x); } in
2021-10-19 15:59:42
58
原创 ios处理post请求报错问题
前言最近在左hybird混合开发的时候，发现一bug,ios无法处理post的请求，具体说是自定义头部的post的请求。用vconsole.log看了控制台，发现status为0，请求被ios拦截了。后来发现是ios信息安全校验机制导致的。当自定义头部的时候，此时的请求为非简单请求，此时客户端就进行了options预检请求。到了服务后发现服务器没有设置客户端允许携带头比如tooken，也就是说预检请求没有通过，然后就终止的请求。解决方案方案一前端因为项目比较紧急，就采用了最简单的方法。前端设置c
2021-10-15 13:52:49
1122
原创 函数的之作用域链
函数形参实参函数作用域在函数体定义的变量，不能被外部访问。但是在函数体中可以访问外部的变量或者函数。作用域链函数可以被多层嵌套。例如，函数A可以包含函数B，函数B可以再包含函数C。B和C都形成了闭包，所以B可以访问A，C可以访问B和A。因此，闭包可以包含多个作用域；他们递归式的包含了所有包含它的函数作用域。这个称之为作用域链。（稍后会详细解释）递归将递归算法转换为非递归算法是可能的，不过逻辑上通常会更加复杂，而且需要使用堆栈。事实上，递归函数就使用了堆栈：函数堆栈。...
2021-10-15 11:32:31
70
原创 Promise其他方法的实现
原生Promise.resolve 和 Promise.reject描述resolve具有等待效果reject不具有等待效果Promise.resolve(new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve('resolve') },0)})).then((v)=>{ console.log(v, 'resolve')})Promise.reject(new Promis
2021-10-13 16:24:25
108
原创 promise基本实现
const PENDING = 'pending';const REJECTED = 'rejected';const FULLFILLED = 'fullfilled';class Promise1 { constructor(executor) { this.status = PENDING; this.value = undefined; this.reason = undefined; this.onFulfilledCa
2021-10-12 11:26:39
75
原创 前端之深入理解dom事件
EventTarget.addEventListener()EventTarget.addEventListener(type, eventListener, options)type: 事件类型， click ,dbclic, mouseenter, mouseleave,blur, change, input等；eventListener:事件监听函数或者带有handleEvent属性（值为函数才可以）的对象；options: 对象或者boolean; boolean代表此
2021-10-09 17:17:11
103
原创 前端之dom事件流
问题给一个dom元素绑定两个点击事件，一个冒泡，一个捕获。一共会执行几次，先执行哪个？共执行两次执行顺序分以下两种情况：1、dom元素为目标元素，不区分是冒泡还是捕获，执行顺序和绑定事件的顺序保持一致<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
2021-10-09 16:16:01
106
原创 Block Formatting Context格式化上下文
BFC形成的条件根元素或包含根元素的元素 浮动元素（元素的float不是none） 绝对定位元素（元素的position为absolute或fixed） 行内块元素（元素的display为inline-block） 表格单元格（元素的display为table-cell，HTML表格单元格默认为该值） 表格标题（元素的display为table-cap...
2019-04-29 16:50:09
106
原创 数据的深拷贝方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
2019-04-28 15:01:25
715
原创 数组去重的七种方法
第一种：利用对象中属性的唯一性对数组进行去重let arr = [1, 3, 4, 5, 1, 3, 4, 0,9,1,2,3,4,6,7,8,4]; function useObjDistinctArr(arr) { let obj = {}; for (let i = 0; i < arr.length; i++) {...
2019-01-09 19:38:56
256
原创 初次使用vue开发插件遇到的坑
<style lang="less" scoped> .alert{ background: red; position: fixed; z-index: 9999; width: 100%; height: 100%; left: 0; top:0; }</style><template...
2018-11-16 11:57:10
476
原创 随手笔记
/*var bb=function () {};console.log(bb);//=>[Function: bb]console.log(Object.prototype.toString.call(bb));//=[object Function]var cc=function () {};console.log(cc());//=>undefinedconsole.l...
2018-06-29 22:21:32
103
原创 ES5变量提升
//=>变量提升：var x; var y;// 此时不仅仅定义了fn，同时给fn一个空间地址，把fn对应的代码字符串放到对应的空间内;console.log(x, y,'代码创建的时候');//undefined undefined '代码创建的时候'var x = 10, y = 20;//=>x=10 y=20console.log(x,y,'代码执行的时候')...
2018-06-29 22:02:56
227
原创 n~m之间的随机整数的方法
/** n到m-1之间的随机整数* */function random(n, m) { return Math.round(Math.random() * (m+1 - n) + n);}console.log(random(1, 10));
2018-06-29 21:19:12
813
原创 克隆字符串你知道多少？
var str1 = '123456';//=>克隆字符串/*substring(负数)，表示克隆，只能有一个参数console.log(str1.substring(-2));//=>克隆console.log(str1.substring(-1));//=>克隆,console.log(str1.substring());console.log(str1.subs...
2018-06-29 18:42:38
436
原创 url问号传参对应的处理
String.prototype.queryURLParameter=function queryURLParameter() { var querySym=this.indexOf('?'); var HashSym=this.indexOf('#'); var queryArr=this.substring(querySym+1,HashSym).split('&'); ...
2018-06-29 18:39:03
2445
原创 数组去重
/** 思想* 1、定义一个第三方式数组俩存放过滤后的每一项* 2、利用indexOf(this[i])来检测检测数组中的这一项是否已经在第三方存在，* 3、不存在的话就把当前项存放的第三方数组arr中* 4、返回第三方数组（即为已经去重的数组）* */Array.prototype.distinct=function () { var arr=[]; for (var...
2018-06-06 16:02:56
79
原创 js实现多位数组转化为一位数组
var arr=[1, [2, [3], 4], 5];/** 先把数组按照都好拆分成字符串，join(',)* 在把字符串按照逗号拆分成数组，split(',')* 此时数组中的每一项都为字符串* 用for of把每一项转化正数字Number(数组中的每一项)*/Array.prototype.changeArray=function changeArray() { va...
2018-06-06 15:57:19
747
原创 vue-i18n学习中遇到的坑
学习vue-i8n,遇到了一些自己疏忽的问题。总结一下首先要在vue项目中使用，yarn add vue-i18nyarn add element-ui （注释：之后点击时候的弹窗是基于这个插件来做的）文件目录en.js中的代码module.exports = { message: { title: 'Sport Brands' }, placeholder: { en...
2018-04-20 17:15:30
7434
1
原创 浮动
在项目中，只要设置浮动了，一定要马上清除浮动，否则就不会按照页面就不会按照你的预期来展示清除浮动的方式：1、给父级元素设置固定的高度2、给父级元素设置overflow:hidden属性3、向最后一个浮动元素后面添加一个文档流内的元素，这个元素必须有clear:both属性；...
2018-03-23 18:47:29
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人