原创 Vue 項目在 npm run dev 時報錯Class constructor FileManager cannot be invoked without 'new'

昨天在運行項目時 出現Class constructor FileManager cannot be invoked without 'new’錯誤,查找後找到解決辦法 1)修改 package.json 裏的 “less”: “

原创 原生JS獲取元素的位置與尺寸

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

原创 GitKraken ----- pull 代碼時報錯的解決方法之一

解決辦法: 1) 找到該項目,進入項目,打開 config 文件 2) 刪除 url 後的 .git 3) 再次 pull 項目,成功解決

原创 javaScript----正則表達式

一.什麼是正則表達式 正則表達式就是一種表達文本模式(即字符串結構)的方法,有點像字符串的模板,常常用來按照“給定模式”匹配文本 簡而言之就是是一種模板,用這個模板來匹配字符串 二.如何創建一個表達式 使用字面量 var re

原创 js實現跑馬燈效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

原创 Less學習(六)----類型檢查函數(Type Checking Functions),css 守衛(CSS Guards),循環(Loop),合併(Merge)

類型檢查函數(Type Checking Functions) 要是想根據值的類型匹配混合,可以使用 is 函數 基礎的類型檢測函數 iscolor isnumber isstring iskeyword isurl 檢查一個值是

原创 Less學習(四)----擴展(Extend)

擴展(Extend) 選擇器:extend(選擇器參數){ } 擴展是less裏的僞類,作用是 將選擇器與匹配它引用的選擇器合併在一起 簡單地說,就是 在extend裏選擇器參數出現的設置規則的時候,也會給extend前的選擇器給

原创 Less學習(三)----嵌套指令和冒泡,操作符,轉義,範圍,註釋,@import

嵌套指令和冒泡(Nested Directives and Bubbling) 指令也可以像選擇器一樣被嵌套,如 media , keyframe. 冒泡就是 被嵌套的指令會被提升放在最外層,而裏面其他的選擇器順序保持不變. 1

原创 Less學習----混合(Mixins)

混合(Mixins) 1.爲什麼使用混合 一個選擇器裏設置的屬性,你想用在另一個選擇器裏,以往只能複製一遍,而現在你可以使用混合。 2.如何使用 1)直接在選擇器里加入另一個選擇器即可(類選擇器和id選擇器都可以) 2)直接在選擇

原创 Less學習(一)----變量(Variables)

變量(Variables) 1. @變量名:值; @width:400px; 注意:變量實際上是“常量”只能被定義一次 2. 變量不僅可以控制CSS規則裏的值,還可以用於其他地方,例如 選擇器名,屬性名,URLs,@import語

原创 Less學習----Vue中引入Less的方法

安裝 npm install less less-loader --save-dev cnpm install less less-loader --save-dev //推薦使用 剛開始安裝完成後,啓動項目時會報錯,不知道

原创 document.querySelector()

HTML 的DOM querySelector()方法可以不需要額外的jQuery等支持,也可以方便的獲取DOM元素,語法跟jQuery類似。 獲取文檔中id=”container”的元素 <!DOCTYPE html> <htm

原创 sortablejs----排序插件

一.Sortable 是什麼 Sortable是一個JavaScript庫,用於可重新排序的拖放列表 二.特點 1. 支持觸摸設備和現代瀏覽器(包括IE9) 2. 可以從一個列表拖到另一個或在同一個列表拖動 3. 拖動時有CSS動

原创 js---splice,slice,join,split簡單介紹

splice,join是對數組進行操作,join是把數組形式轉換成字符串形式 split是對字符串進行操作,把字符串形式轉換成數組形式 slice既可以對數組進行操作,也可以對字符串進行操作 splice(beginIndex,d

原创 Vue----watch監測數據變化

一.爲什麼要用 watch 當某些數據一旦發生變化,我們就想要採取某種措施時使用 示例 當 price 一旦發生變化時,我們想要計算出 priceDifferences <template> <div class="wat