原创 JS怎麼喚醒高德導航

JS通過鏈接的形式可以打開導航詳情. <a href="https://uri.amap.com/marker?position=經度,緯度&name=所在的位置名稱">高德地圖</a>  

原创 JavaScript的設計模式(三)-單例模式

/**  * 單例模式之所以這麼叫,是因爲它限制一個類只能有一個實例化對象。  * 經典的實現方式是,創建一個類,這個類包含一個方法,這個方法在沒有對象存在的情況下,將會創建一個新的實例對象。如果對象存在,這個方法只是返回這個對象的引用。

原创 uniapp-插件NoticeBar 通告欄滾動顯示不出來

我們通過uniapp的插件市場引入NoticeBar    引入之後 滾動之後發現文字不見了 ,通過檢查代碼樣式發現,當它滾動的時候,內容的高度爲0,既然知道了原因,那就解決了 在components找到源碼文件 找到樣式表,找到u

原创 ECHART思維導圖插入圖片

默認是思維導圖的都是文字 myChart.showLoading(); var data = { "name": "flare", "children": [ { "name":

原创 uniapp--熱更新代碼

第一步通過ajax請求後端的wgt文件,這個文件是可以通過HBUILDX生成的更新包 第二步官網有給了一個前端的更新代碼,不過會出現一個錯誤 unexpected EOF,所以我們用另一個寫法 plus.runtime.getProp

原创 uniapp-怎麼把項目打包成H5

如果沒有項目的話就自己創建項目uni-app 創建完項目我們會得到一個uniapp框架,可以往裏面添加屬於自己的功能和需求 但我們把需求和功能都寫好,就是發佈的時候,通過uniapp 我們可以發佈成 下面多種平臺的項目 這裏我們是打

原创 JavaScript的設計模式(二)- 模塊化模式

在JS模塊化中我們可以分爲 對象表示法 AMD模塊 CommonJS ECMAScript Harmony 模塊化模式 一.對象表示法 在對象字面值的標記裏,一個對象被描述爲一組以逗號分隔的名稱/值對括在大括號({})

原创 vue-cli項目代碼提交倉庫校驗沒使用的對象

在構建vue-cli 腳架的時候會提示是否使用eslint校驗代碼,而當使用eslint後,提交代碼你會發現,只有文件裏面有沒有使用的變量,對象,或者參數的時候,代碼是提交不了倉庫的,會報錯類似下面的錯誤,錯誤就是這個對象或者變量未定義或

原创 vue-cli+prerender-spa-plugin配置SEO

通過vue-cli頁面可以搭建spa單頁面應用,但單頁面項目不利於網站的SEO,現在vue也提供了預渲染,服務器渲染的相關操作,這裏的介紹一種相對簡單的,通過 prerender-spa-plugin來配置,將單頁面變成多頁面 第一步:引

原创 phpstom怎麼設別vue項目的@路徑

第一步 在根目錄配置一個 phpstom.config.js文件 const path = require('path'); function resolve(dir) { return path.join(__dirname

原创 charles---抓包HTTPS的方法

從網站下載下來的抓包Charles默認抓包HTTPS,如下圖,什麼數據都是看不到,全部亂碼, 只需要在 Proxy -> Proxy Settings 和 Proxy -> SSL Proxying Settings配置一下 第一步在

原创 VUE-cli 項目-- Cannot find module '@vue/cli-shared-utils'

運行 項目的時候遇到  Cannot find module '@vue/cli-shared-utils',截圖的話,忘記截圖了,就沒有弄,有再遇到,在補充, 只需要先運行一下  cnpm update / npm update 重新更

原创 HTTP請求常見錯誤碼集合

目錄 一. 1XX開頭的 二. 2XX開頭的 三. 3XX開頭的 四. 4XX開頭的 五. 5XX開頭的 一. 1XX開頭的 1.意義       1開頭的表示 信息提示,這類狀態表示臨時的響應 2.常見 100 - 繼續 101 - 切

原创 UNIAPP怎麼引入在項目裏面引入echart

在uniapp項目中,沒有所謂的標籤,只有對應的組件,這裏就要藉助 renderjs-echarts-demo ,它能把對應的JS和HTML轉換爲對應的組件,只支持H5和APP 第一步 :引入renderjs-echarts-demo 

原创 css實現骨架屏

<style lang="scss" scoped> @mixin skeleton-ani { 0% { left: 0 } to { left: 100% } } @-webkit-keyfr