proginn12494917982023年02月02日
60阅读
所属分类博客

作品详情

参考了iTab的界面设计,书签部分 界面样式 壁纸 等部分采用js动态添加或修改,比如书签部分:js判断本地缓存是否有对应的数组,先 let bookmark = [] 本地缓存有就 bookmark = 缓存的数组,for循环这个数组将对应的元素和信息添加到对应的位置,没有就 bookmark = 事先准备好的数组 并且存入本地缓存 再进行for循环,添加书签时 先let 一个空数组,查找一下当前分类的索引, 将对应的数据放到数组里后 push 进 bookmark 的对应分类里, 然后js添加元素 ,把 bookmark 存入本地缓存,弹出提示“书签添加成功”,删除时查找分类索引,查找当前删除的书签索引,有了这两个索引就能准确的删除数组的对应数据,删除完后再将对应的元素删掉,将 bookmark 存入本地缓存,弹出“删除成功提示”,bookmark数组结构:[{sidebar:{icon:"分类的图标",type:"图标类型",name:"分类名称"},bookmarks:[name:"书签名称",icon:{type:"图标类型",src:"图标src或id"},url:"书签url",type:"书签类型",remark:"书签介绍,可有可无 js添加书签部分不会用到",gridSizi:"grid布局"]}]
查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论