原创 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