- 博客(3)
- 收藏
- 关注
原创 简单小需求(前端搜索框)
watch监听searchValue字段 输入框为空时 selectFlag设为false。点击某一项时,将searchValue赋值为点击项,selectFlag为true,查询列表重置为仅有选中项;双向绑定搜索框输入内容searchValue,searchValue为空 不过滤拿全列表 不显示查询列表;点击选中项后,selectFlag为true,不显示查询列表;默认selectFlag 为 false。查询列表通过动态样式绑定,借助selectFlag。模糊查询利用正则表达式;
2024-08-20 21:26:03 235
原创 简单小需求(轮播点击按钮)
我们可以将按钮栏标题放到数组中,遍历数组渲染出节点样式;每项添加相应绑定事件;结合动态样式,返回选中/未选中的样式。通过定义一个currentIndex变量,判断 该变量 与 当前项 的索引是否一致,来判断是否添加样式。自动轮播 无疑使用定时器setInterval,回调的逻辑:当前索引自增加1 对 数组长度取余。要做一个按钮栏,默认它自动轮轮播切换;在点击时,需切换至点击项。点击切换 将currentIndex赋值为点击项索引。在点击后 需暂时停止定时器,待几秒后自动开启定时器。
2024-08-20 20:51:51 237
原创 前端实习所遇坑(flex与滚动条)
要做一个界面 内容要居中 ,内容中可能有多个小模块,可以通过搜索栏查询到,并且多个内容同时展现时,不能影响其本身大小,需使用侧边栏滑块。要居中布局,所以首先想到了flex弹性布局,但是这个时候再添加 overflow:auto 属性时,侧边栏只出现,不能滑动。放弃使用flex布局来实现居中布局,利用margin: auto来实现,前提是该盒子需要有宽高。flex布局的一个主要特点就是:容器内的项目可以伸缩自动填充可用空间或压缩以适应容器大小。
2024-08-18 14:38:32 399
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人