『壹』 Vue.js中v-if的一個小問題
v-if判斷的本質就是布爾值的true和false,只要能滿足條件是可以有運算符的。你這個是邏輯問內題,假如books.length本身是容0,books.length == 0得到的布爾值是true,而0的布爾值是false,你兩個判斷的依據不同,得到的結果自然不一樣。
『貳』 vue中怎麼在進入路由之後進行判斷
進入購物車頁面的時候,可以在 mounted 方法裡面判斷你的購物車數據,並不需要在路由裡面判內斷呀:
//...
<divv-if='shoppingList.length>0'>
//顯示購物車列容表
</div>
<divv-else>
<p>購物車中沒有商品</p>
</div>
在進入該頁面的時候,通過判斷你的購物車列表即可
『叄』 vue購物車裡面的加減按鈕滾動後才生效是怎麼回事
使用鍵盤來上「Scroll Lock 」鍵的源開關或打開,來進行控制:
如果自定義狀態欄出現「滾動」字元說明「Scroll Lock 」鍵被按下,選定的單元格已鎖定,當按鍵盤翻頁鍵(page up、page down)鍵,或按動游標鍵時。選定單元格不會變化,但表格試圖相對位置會變化。
如果自定義工具欄中」滾動「字元消失,那麼說明「Scroll Lock 」鍵已解鎖,這是按動鍵盤翻頁鍵(page up、page down)鍵,或按動游標鍵時。選定單元格跟隨按鍵變化。
『肆』 vuex中car的值改變了,getters沒有監聽到頁面中也沒有改變
因為看不來到全部內容,推源測是這樣的,你的car是一個數組,對於數組來說,更新數組元素是不會引起vue感知到數據更新的。因為數組是引用類型,本質上來說,它所指向的「地址」並不因你變更了數據元素的內容而發生變化。
對待數組,vue一般推薦的方法是對數據中的任何變化,都生成一個新數組,並賦回原來的數組變數,由於變成一個新數組了,這個變化是vue可以感知到的,視圖就會更新。
『伍』 vue購物車出現了一個bug,一個單選按鈕取消選中,為啥全部按鈕包括全選按鈕都取消選中了
記錄復選框的狀態對象沒有和數據的id或者key關聯起來, 不能用一個變數記錄所有數據的選中狀態。
『陸』 前端面試,被問到vue的組件是怎麼寫,我怎麼回答
vue框架中狀態管理。在main.js引入store,注入。新建了一個目錄store,….. export 。場景有:單頁應用中,組件之間的狀態。音樂播放、登錄狀態、加入購物車
『柒』 我在電腦本地搭建了IIS伺服器,vue打包用的history模式,瀏覽器刷新就是404,請問我要怎麼配置呢!
第一階段:
HTML+CSS:
HTML進階、CSS進階、div+css布局、HTML+css整站開發、
JavaScript基礎:
Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效:
常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵:
正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、
JQuery:基礎使用
懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段:
HTML5和移動Web開發
HTML5:
HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、WebSocket、Canvas.
CSS3:
CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:
響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發:
跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段:
HTTP服務和AJAX編程
WEB伺服器基礎:
伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎:
PHP基礎語法、使用PHP處理簡單的GET或者POST請求、
AJAX上篇:
Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇:
JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段:
面向對象進階
面向對象終極篇:
從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵:
繼承性、多態性、封裝性、介面。
設計模式:
面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段:
封裝一個屬於自己的框架
框架封裝基礎:
事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級:
運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充:
JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段:
模塊化組件開發
面向組件編程:
面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程:
AMD設計規范、CMD設計規范、RequireJS,LoadJS、淘寶的SeaJS。
第七階段:
主流的流行框架
Web開發工作流:
GIT/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:
Angular.js、Backbone.js、Knockout/Ember。
常用庫:
React.js、Vue.js、Zepto.js。
第八階段:
HTML5原生移動應用開發
Cordova:
WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目,配置,編譯,調試,部署發布)。
Ionic:
Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新,上拉載入,側滑導航,選項卡)。
ReactNative:
ReactNative簡介、ReactNative環境配置、創建項目,配置,編譯,調試,部署發布、原生模塊和UI組件、原生常用API。
HTML5+:
HTML5+中國產業聯盟、HTML5PlusRuntime環境、HBuilder開發工具、MUI框架、H5+開發和部署。
第九階段:
Node.js全棧開發:
快速入門:
Node.js發展、生態圈、Io.js、Linux/Windows/OSX環境配置、REPL環境和控制台程序、非同步編程,非阻塞I/O、模塊概念,模塊管理工具、開發流程,調試,測試。
核心模塊和對象:
全局對象global,process,console,util、事件驅動,事件發射器、加密解密,路徑操作,序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO。
Web開發基礎:
HTTP協議,請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。
快速開發框架:
Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。
Node.js開發電子商務實戰:
需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車,訂單結算、在線客服即時通訊模塊。
『捌』 vue的mint-ui中tabbar是用什麼邏輯切換樣式的為什麼我切換不了
// 點擊了ItemclickTabBarItem() { // // 列印組件 // console.log(this.refs.pullList); // // 列印偏移量 // console.log(this.refs.pullList.scroll.scrollProperties.offset); let PullList = this.refs.pullList; if (PullList.scroll.scrollProperties.offset > 0) { // 不在頂部 // 一鍵置頂 PullList.scrollTo({y:0}); }else { // 在頂部 // 執行下拉刷新動畫 PullList.state.pullPan = new Animated.ValueXY({x: 0, y: this.topIndicatorHeight * -1}); // 載入最新數據 this.loadData(); // 關閉動畫 setTimeout(() => { PullList.resetDefaultXYHandler(); },1000); }}
2.關閉篩選菜單滑動手勢
那這邊我們的篩選菜單還有個問題,就是可以響應我們的手勢進行滾動,這樣肯定是不對的,那麼我們需要關閉這個手勢的監聽,使這個菜單不能滾動,具體操作如下:
GDCommunalSiftMenu.js
12345678910111213141516171819
render() { return( <TouchableOpacity onPress={() => this.popToHome(false)} activeOpacity={1} // 不透明 > <View style={styles.container}> {/* 菜單內容 */} <ListView scrollEnabled={false} // 設置禁止滾動 dataSource={this.state.dataSource} // 設置數據源 renderRow={this.renderRow.bind(this)} // 根據數據初始化 Cell contentContainerStyle={styles.contentViewStyle} // 內容樣式 initialListSize={16} // 一次性渲染幾行數據 /> </View> </TouchableOpacity> )}
『玖』 用JavaScript代碼模擬購物車。
購物車挺復雜的,不是一句兩句能說清的,現在前端都用react,vue這類響應式框架做購物車,事半功倍。