s:
<script> new Vue({ el:'#my', data:{ listsL:[ {name:'北京1',check:false}, {name:'北京2',check:false}, {name:'北京3',check:false}, {name:'北京4',check:false}, {name:'北京5',check:false}, ], listsR:[] }, methods:{ addR:function(){ var a=this.listsL.filter(function(v){ return v.check==true; }) this.listsR=[...this.listsR,...a]; this.listsL=this.listsL.filter((a)=>{ return ! new Set(this.listsR).delete(a); // return a.check==false; }) } } }) //函数封装 methods:{ addR:function(){ var l=this.fitlerData(this.listsL,true); //console.log(l) //this.listsR.push(l); this.listsR=[...this.listsR,...l]; //合并 this.listsL=this.fitlerData(this.listsL,false); }, fitlerData:function(data,type){ return data.filter(function(v){ return v.check==type; }); } } </script>
html:
着科技的不断发展,时间轴创意互动系统应运而生,为人们带来了一种全新的探索方式。这款系统结合了创意与互动,为用户打造了一个穿越历史,探索未来的独特之旅。
创意时光旅程:时间轴创意互动系统以一个虚拟的时间轴为基础,将历史事件和未来趋势融合在一起,创造了一个充满创意的时光旅程。用户可以沿着时间轴前行,逐步了解不同时期的重要事件和发展趋势。
互动探索体验:用户可以通过触摸屏幕、手势操作等方式与时间轴互动。在特定的时间点,用户可以点击事件节点,触发多媒体展示、动画效果、声音效果等,深入了解历史事件的背后故事和影响。
多维度信息呈现:时间轴创意互动系统不仅呈现文字描述,还通过图像、视频、音频等多媒体元素,以及交互式的3D模型和虚拟现实技术,将历史事件和未来趋势以更加生动多样的方式呈现出来。
创意互动游戏:系统还融入了创意互动游戏,使用户在探索历史的过程中能够参与互动挑战,增加游戏性和趣味性。通过游戏,用户可以更深入地了解历史事件的背景和意义。
用户定制化体验:时间轴创意互动系统支持用户定制化体验。用户可以根据自己的兴趣选择探索的历史时期或未来趋势,定制个性化的时间轴旅程,深入研究感兴趣的内容。
激发创意思考:系统还鼓励用户参与创意思考,通过用户生成内容、意见投票等互动形式,增加用户在探索过程中的参与感和创造力。
社交分享与互动:用户可以将自己的时间轴旅程和发现与朋友分享,通过社交媒体平台互动讨论,创造出一个多样化的探索社区。
时间轴创意互动系统为用户带来了一场穿越历史、探索未来的独特之旅。通过创意性的互动方式,多媒体元素和互动游戏的结合,用户能够以全新的方式了解历史和未来,激发创意思考,获得愉悦的学习体验。无论是在教育、文化、科普领域,还是在展览、博物馆等场合,时间轴创意互动系统都将成为一个引人入胜的探索工具,让用户充分感受时间的魅力与创意的无限可能性。
本文转载于图赞官网:https://www.tuzankeji.com/news/gsxw/1264.html
维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律,协助人们在科学与艺术、逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。
分别归类为:
能够认真看完就是一次对javascript的回顾与提升,可以很好的检验基础。
javascript变量
javascript运算符
javascript数组
javascript流程语句
补充一点东西:switch case那写的好像少了点 js的case 标签 不光可以是常量 还可以是表达式 变量 对象,还有break 如果省略的话会发生穿越现象 所以break的存在并不光是为了结构清晰 还有就是防止穿越现象的发生
javascript字符串函数
javascript函数基础
javascript基础DOM操作
文档对象模型DOM
javascript正则表达式
补充:\w是指的单词字符,单词字符包括:a-z、A-Z、0-9,以及下划线, 包含 _ (下划线) 字符;\W指的是非单词字符
最后送上高清网盘地址,大家可以自行下载到本地,大图更方便查阅http://pan.baidu.com/s/1gf0QTt5
*请认真填写需求信息,我们会在24小时内与您取得联系。