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小時內與您取得聯系。