使用mui搜索框触发手机软键盘搜索按钮事件
要虚拟键盘显示“搜索”二字，需满足以下两个条件：（1）设置input属性 type=‘search’（2）input需在form表单中，若是实现点击搜索，实现搜索事件，需要对按键进行监听。注意要点:
css中:focus伪类的使用
当元素获取到焦点之后，若该元素是一个有效的链接，则通过“Enter”键即可进入该链接地址；在页面中也可以通过\\\"Tab\\\"键，遍历所有的可获得焦点的元素，使其获得焦点；
css模块化方案
这篇文章主要介绍了css模块化方案，css的模块化方案可能和js的一样多，下面简单介绍几种主要的模块方案，非常具有实用价值，需要的小伙伴可以参考下。css的模块化方案可能和js的一样多，下面简单介绍几种主要的模块方案
在ios端点击按钮闪烁解决方法
在ios端，safari浏览器上触发click事件有300ms的延迟响应，为touch添加的样式会和click冲突而出现闪烁问题，在safari中触摸事件的相应顺序如下：
使用Jest测试Js
在技术术语中测试意味着检查我们的代码是否符合某些预期。例如：给定一些输入，一个名为“transformer”的函数应返回预期的输出。有许多类型的测试，很快你就会被术语所淹没，让我们长话短书。测试分为三大类：
CSS中inline、block和inline-block的区别
block块级元素特点：每个块级元素都从新的一行开始，并且其后的元素也另起一行；inline内联元素特点：和其他元素都在一行上；元素的高度、宽度及顶部和底部边距不可设置；
React Hooks 是不能替代 Redux 的
我的许多同事最近通过各种方式问同一类问题：“如果我们开始用 hook 后，那还有必要用 Redux 吗？”“React hook 不是让 Redux 过时了吗？那只用 Hooks 就可以做 Redux 所有能做的事了吧？”
为什么要用webpack？
现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。模块化，让我们可以把复杂的程序细化为小的文件;
web前端开发自学路线是怎样的？
学习前端的几个个阶段：一阶段：html标签、html5新增标签、css样式、css3样式、媒体查询等;二阶段：JavaScript、jQuery、ajax、面向对象、http传输协议等;三阶段：canvas、js高级应用、JS-SDK、H5新增技术;四阶段：node.js、vue.js