原创 SASS的認識

一.sass/scss的認識 今天我們來認識一個CSS的預處理器-------sass/scss,它可以讓我們把css當成js來寫,可以有變量,字符串,嵌套,函數,引入,擴展,循環,計算等等邏輯處理,讓樣式的編程不可那麼的單一化,也可以減

原创 uniapp插件-微信小程序富文本編輯器myeditor在H5內容沒顯示問題

使用uniapp插件市場的富文本插件editor的時候,在小程序顯示正常,在H5顯示錯亂  內容不見了 效果是這樣 在小程序顯示正常 在H5就變成這樣了 查看源碼發現是樣式問題  定位的時候 把高度設置成100%,不是不見了而是變覆蓋

原创 vue-element-admin npm instatll 下載報錯

我們從github把 vue-element-admin 下載下來  npm i  會發現報下面錯誤 是因爲有些依賴版本太低  換成新的版本就好  執行以下   npm update 更新依賴 也是最重要的一步  把項目的 node_

原创 H5保存圖片到本地和預覽

H5的話 通過A鏈接我們可以實現圖片的下載和預覽 圖片下載方法   動態創建A鏈接,添加download屬性和href屬性,並觸發點擊事件, let alink = document.createElement('a'); alink.

原创 webpack-----從入門到精通(三)

從 webpack-----從入門到精通(一)我們知道了webpack的基本配置的相關信息, 而從 webpack-----從入門到精通(二)我們知道了plugins 的使用,讓用戶不用去處理一些簡單而有鼓譟的東西 而現在我們就要來學習w

原创 webpack-----從入門到精通(二)

從 webpack-----從入門到精通(一)我們知道了webpack的基本配置的相關信息,不過在第一步的操作的,每次生成新的文件,我們都要自己去引入,是不是覺得webpack不是應該自動 ,爲啥還要我們手動,其實是因爲我們還沒用到它的其

原创 webpack-----從入門到精通(四)

從 webpack-----從入門到精通(一)我們知道了webpack的基本配置的相關信息, 從 webpack-----從入門到精通(二)我們知道了plugins 的使用,讓用戶不用去處理一些簡單而有鼓譟的東西 從 webpack---

原创 HBuilderX無法啓動微信小程序,

在HBUILDX運行uniapp項目在小程序端的時候 微信開發者工具打不開,檢查兩個地方 1.第一是 開發者工具的安裝路徑     右擊開發者工具 -> 屬性-> 複製起始位置 返回hbuilderx 運行->運行小程序模擬器->運行設

原创 JS怎麼喚起百度地圖

JS通過鏈接的形式可以打開導航詳情. location.href = http://api.map.baidu.com/marker?location=緯度,經度&title=位置信息&content=內容&output=html  

原创 vue-cli腳架引入sass報錯問題 TypeError: this.getResolve is not a function

通過vue-cli腳架的搭建後,我們要在項目引入sass , npm install node-sass --save-dev npm install sass-loader --save-dev 或者 npm install sa

原创 VUE腳架項目搭建----APP項目的構建入口文件

通過vue-cli腳架的搭建,我們得到一個初始化的項目,我們刪除對應不需要的文件,比如裏面的logo,鏈接,hellWord文件,等到一個沒有其他的框架,然後我們就要來搭建項目,怎麼要搭建項目纔可以方便維護和擴展,這裏我們來討論的是APP

原创 vue腳架的搭建

1.安裝node  到node官網安裝對應版本的node 下載下來,然後傻瓜式的安裝都電腦,打開cmd命令 對應打 node -v npm -v 出現對應的版本號的時候證明你安裝成功,如果沒有,請配置node的環境變量 二 安裝vue-

原创 JavaScript的設計模式(一)-構造器模式

構造器模式 在面向對象編程中,構造器是一個當新建對象的內存被分配後,用來初始化該對象的一個特殊函數。在JavaScript中幾乎所有的東西都是對象,我們經常會對對象的構造器十分感興趣。 對象構造器是被用來創建特殊類型的對象的,首先它要準備

原创 CSS-通過樣式實現各種圖形樣式

三角形  1.角度向上 width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transpa

原创 CSS-單行省略和多行省略

單行省略 div { white-space:nowrap;/* 規定文本是否折行 */ overflow: hidden;/* 規定超出內容寬度的元素隱藏 */ text-overflow: ellipsis;