项目开发

CSS通过使用伪元素、定位和animation等常用属性，极简地实现鼠标移入的水波效果，可以快速地应用在业务场景中。

一般历史遗留项目已经提前做了请求方式的集成，不再需要重新定义。如果是新起的项目，前端采用哪种请求方式是需要和后端去协商的，否则会出现接口无法跑通的情况。

在日常开发过程中，对时间戳进行时间转换，是经常会遇到的问题，接下来就以replace的方式实现时间转换函数。

平时开发中，如果标题超出一行，我们希望为其添加title的提示，但是，如果统一加title=xxx，会出现，文本是否超出都会出现title的现象

又是一个老生常谈的功能，接下来会从零实现一个万年日历，从布局到逻辑，再到随处可见的打卡功能。日历的布局、日期数据的产生、年月的变化、连续最长打卡日期和补卡逻辑...

element-ui的表单提交基本每个项目都会使用到，其中针对特定区域的值进行校验的场景也不少，其文档相对简单，下面就贴上代码，复制粘贴到一个.vue文件即可运行。

屏幕数据无限滚动，鼠标移入滚动停止，鼠标移出滚动继续。并且，鼠标移入滚动是可触底的（当然改造改造也可不让触底）。这种业务场景出境率还是非常高的，下面就直接上代码。

优化大体可以就拉取资源体积的大小，请求速度和资源组织方式角度去优化。也可以通过浏览器的`Performance`和`Lighthouse`模块生成加载或者性能报告，根据其提示的思路去优化页面。

在地址栏输入一个链接到页面打开，页面打开缓慢、卡顿、空白等问题都会影响用户的留存率，那么，前端性能优化就是一个绕不开的话题，其目的就是让前端资源更少、加载更快。

iframe是在一个页面中嵌入另一个业务或者功能最快的方式，那么父容器向子容器以及子容器向父容器数据传递就是父容器和子容器信息传递的桥梁了。

正则表达式的使用 在一个字符串中寻找目标字符串是否存在，常用的简单的方法有includes或者indexof; 如果寻找一类字符串，就需要使用一个匹配模型或者匹配公式，那么，这个模型或公式就是正则表达

Function和eval都可以执行javascript代码片段，假设，需要在window环境中执行如下代码： 1.Function2.eval

将一个对象中的某个删除，并形成新的一个对象的方法有： 1.for + if 2 delete 3.JSON.string的第二个参数 4.结构赋值