文章图片
类似这种效果，熟练操作键盘事件，多加一个过滤时间效果
前言： 写在最初，公司的项目有约一百个页面，我如何快速找到其中一个，甚至是封装组件中的点击事件
一种很快的适用小技巧，
一：复制url在代码中，Ctrl+p 快速找到该页面
文章图片
文章图片
二：假如你要找这个按钮，是不是有一个百度搜索文字，记住它
文章图片
打开vsCode，在侧边点击右键，勾选上Search，默认是有的，如果没有在勾选上
文章图片
文章图片
文章图片
文章图片
前期回顾
文章图片
30秒学会 —— 《获取验证码基本操作》_0.活在风浪里的博客-CSDN博客前期回顾 懒人必备 —— 时间神器 moment_0.活在风浪里的博客-CSDN博客亲测好用，及其好使的插件，开发懒人必整，就算是自己可以写，一大堆代码，真的要写吗？https://blog.csdn.net/m0_57904695/article/details/123767269?spm=1001.2014.3001.5501先说先验证码思路，其实很简单，1、前端触发获取验证码,同步显示有效验证倒计时;
2、后台通过代理平台发送验证短信;
解释：你在页面触发验证码请求后，后台接...https://blog.csdn.net/m0_57904695/article/details/123781413?spm=1001.2014.3001.5501
效果如动图： 
文章图片
解释： 
文章图片
- {{ item.query }}---{{ item.time | timeFilters }}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#home {
margin: 200px;
height: 100%;
display: flex;
.input_box {
width: 600px;
min-height: 50px;
border: 2px solid #eeeeee;
outline: none;
#input {
width: 100%;
height: 50px;
padding-left: 15px;
border: none;
outline: none;
}
ul > li {
height: 40px;
margin-bottom: 5px;
padding: 0 10px;
line-height: 40px;
}
.active {
background-color: #eeeeee;
}
}
button {
width: 130px;
height: 55px;
background-color: #4e6ef2;
color: #fff;
font-family: "Courier New", Courier, monospace;
outline: none;
border: none;
border-radius:0 5px 5px 0;
margin-left: -2px;
}
.inputBlue {
border: 2px solid #4e6ef2;
}
.inputEee {
border: 2px solid #eeeeee;
}
._active {
border-top: 1px solid #cccccc;
box-sizing: border-box;
margin: 0 10px;
}
}结语： 祝大家在2022都变得更强
文章图片
【公司的开发需求|模仿百度搜索 （上下翻动、带有时间）】
推荐阅读
- 开源项目|Vue项目实战 —— 哔哩哔哩移动端开发—— 第二篇
- 插件|我只写注释 —— 让Ai写代码
- vue|抽出20分钟,快乐学习Vue
- Vue|uni-app 微信小程序获取当前定位
- 前端|uniapp开发微信小程序利用腾讯地图实现定位功能
- axios|axios封装 —— 动态加载、数据缓存
- 计算机网络|【前端vue——系列6】vue连接摄像头并实现摄像头暂停，计时，截图到本地等功能
- vue|vue调用浏览器摄像头并实现拍照、下载到本地功能
- vue|vue pc端调用摄像头进行拍照并实现裁剪上传