自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除