- 博客(14)
- 收藏
- 关注
RSS订阅原创 js中forEach的异步问题
js中forEach的异步问题今天尝试了下在 forEach函数中调用 await Promise() 方法,如下:var arr = [1,2,3]arr.forEach(async (v,i,a)=>{await Promise()})发现并没有按照想象中等到上一个Promise 处理完成后再执行下个Promise。经过查阅资料后发现,实际forEach函数内部是异步的,遇到这种问题请使用for循环,如下:var arr = [1,2,3]for(let i=0;i<arr
2021-03-03 11:08:35
4514
1
原创 Mac 上 command not found: tsc command not found:http-server 等问题
拿http-server举例安装查看路径 npm install http-server -g复制这个路径记下 下面要用到2.终端输入以下命令，打开bash环境编辑页面open .bash_profile3.加入环境变量,这里加上步骤1复制的内容export PATH=$PATH:$M2_HOME/bin: 这里加上步骤1复制的内容4.保存bash_profile文件，然后在终端中输入source .bash_profile命令，即可生效。5.终端执行以下命令，启动本地服务器成功
2020-12-28 13:35:01
582
原创 vue项目中页面滚动 修改索引标签的选中状态
应用场景如下由于项目组件化 所以写了一个混入公用jsexport const scrollEvents = { data() { return { num: 0, scrollTimer: null, }; }, methods: { /** * 外层容器已经钉死 请定义id 为 scrollWrapperActive ????必定义 * 内部item的className变量为sonName 默认为 itemScroll
2020-12-02 17:23:19
515
1
原创 vue 多组件传值技巧
vue组件之间通信，我们可以使用props和vuex两种方式，但是vuex太重，props在多级组件中使用又太麻烦，子子子子子 这种多层组件向上触发事件很容易出BUGso v-on="$listeners" 可以解决每层都要emit事件和参数！eg:<top> <parent> <center> <bottom> </bottom> </center> </parent>&
2020-11-24 11:12:29
1103
原创 vue 组件页面互相跳转 不走created,mounted 问题
vue页面跳转 想在created 或mounted中 使用初始化函数 不成功eg： Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行 created,mounted 之类的钩子1.需要在路由组件中, 添加 beforeRouteUpdate 钩子来执行相关方法拉去数据。2.设置 router-view 的 key 属性值为 $route.fullPath<router-view
2020-11-20 10:46:53
5319
原创 实用JS小技巧 - 会持续更新
If 的简便写法 let newPath = ""; if (item.id == 0) { newPath = "/examination/sectionTopics"; } else if (item.id == 1) { newPath = "/examination/knowledgeTopics"; } else if (item.id == 2) { newPath = "/examination/t
2020-08-26 14:23:51
137
原创 Vue实例的生命周期
生命周期函数：满足一定时机会自动调用，我们可以在这些函数中加入一些自定义业务逻辑代码简称CMUDC 创建 ：beforeCreate（创建前） created（创建后）M 挂载：beforeMount（挂载前）mounted（挂载后）U 更新：beforeUpdate（更新前）updated （更新后）D 卸载：beforeDestroy（卸载前）destroyed（卸载后）初始阶段：...
2019-06-18 10:51:54
146
原创 数组去重方法
方法一: ES6 数据去重法function noRepeat(arr) { return Array.from(new Set(arr));}console.log(noRepeat([1,1,1,2,3,4])); // [1,2,3,4]方法二: 创建新数组,判断新数组中是否有重复的元素function noRepeat(arr) { var newArr = [];...
2019-05-13 11:52:35
207
原创 关于弹性盒子Flex布局
Flex弹性布局说明：重点是分清楚主轴方向，侧轴方向的设置，作用在父元素和作用在子元素上的属性。(1)控制方向flex-direction控制主轴方向，取值有row(默认) |row-reverse | column | column-reverse(垂直方向翻转)align-items控制侧轴方向，取值有strenth(默认) | flex-start(顶部对齐) |flex-end(底...
2019-05-12 09:04:36
853
原创 史上最全常用正则表达式大全
很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式数字：^ [0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*...
2019-05-08 09:14:28
257
原创 函数内部this指向的几种默认情况和改变this的指向
<script> // 【1.在普通函数中的this】→ window function fn() { console.log(this); } fn(); var obj = { sayHi:function() { console.log(this); function fn1...
2019-05-05 20:09:45
419
原创 继承
一.继承介绍1.1 什么是继承？生活：子承父业编程：类与类之间的关系。 子类继承父类中的成员。不用继承：学生类：姓名、年龄、性别、打招呼、跑医生类：姓名、年龄、性别、打招呼、跑老师类：姓名、年龄、性别、打招呼、跑…使用继承：人类[父类]：姓名、年龄、性别、打招呼、跑学生类[子类]→人类[父类]医生类[子类]→人类[父类]老师类[子类]→人类[父类]…...
2019-05-05 20:01:23
255
原创 css/js常用动画
概念区分transform（变形）——组合属性，可以只设置其中一个/多个属性值，空格隔开。属性定义元素的形状/位置变化，：可以定义五个子属性：移动translate缩放scale旋转rotate扭曲skew矩阵变形matrix元素translate（移动）——transform的一个属性值，定义元素的移动效果translate(x,y)两坐标同时移动，可以使用百分比tran...
2019-05-05 09:54:36
411
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人