2021年02月_马优晨

04月 03月 02月 01月

原创异常的捕获与处理

一、异常介绍按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。例如：页面元素异常（例如按钮无法点击、元素不展示），页面卡顿，页面白屏。异常虽然不会导致计算机宕机，但是往往会导致用户的操作被阻塞。二、异常分类执行 JS 期间可能会发生的错误有很多类型。每种错误都有对应的错误类型，而当错误发生的时候就会抛出响应的错误对象。ECMA-262 中定义了下列 7 种错误类型：三、异常捕获1 window.onerror

2021-02-25 18:24:26 87

原创 react列表元素hover

常见的列表元素hover，我们使用的方式是，在获得原始数组对象的时候加一个标识符，然后mouseIn 的时候改变状态，mouseOut的时候恢复状态；一、举例演示const arr = [ {name:'123',age:13,sex:'man'}, {name:'125',age:13,sex:'man'}, {name:'124',age:13,sex:'man'} ](1)添加标识const arr = [ {name:'123',age:13,sex:'man',sho

2021-02-25 17:57:47 127

原创 mac中打开nginx位置

（1）在文件夹中搜索（1）在右上角的搜索框检索

2021-02-04 17:23:08 130

原创一些JS优化小技巧

1. if多条件判断如果if里面包含多个判断条件，可以把判断条件存到一个数组，然后在去这个数组中检索”输入的值“是否满足条件；// 冗余if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {}// 简洁if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {}2. if…else…单个if else可以直接使用变量赋值替代，省时省力// 冗余let test: boolean;

2021-02-01 14:51:55 132 2

原创动态高度过渡动画

动态高度过渡动画先看一个demo本质想的想法是通过给元素切换它的.up，.down类，让它实现展开、合上的动画{ height: unset; transition: all 0.3s linear; will-change: height; &.up { height: 0; } &.down { height: unset; }}很奇怪，明明给height属性设置了...

2021-02-01 12:16:40 86