原创 微信小程序-地圖開發

怎麼使用地圖? 地圖展示: 1、首先在 .wxml文件中 引入微信小程序內置的 map 組件     <map       id="myMap"       class="map"       scale="20"      

原创 getLocation 需要在 app.json中 聲明 permission 字段

背景: 在通過微信小程序中的getLocation()進行定位時,出現了該錯誤 解決辦法: 給 app.json 裏面增加 permission 權限配置即可,如下代碼:   "permission": {     "sc

原创 微信小程序引入 vant UI組件庫

實現步驟: 1、首先在項目根目錄下創建一個 miniprogram 文件夾   2、然後進入到 miniprogram 文件夾下,打開DOS命令行工具,通過 npm init -y 初始創建一個 package.json文件

原创 自定義微信小程序tabBar組件上邊框的顏色

背景: 在微信小程序的實際開發過程中,有時候我們需要修改微信小程序提供的 tabBar 組件頂部邊框的顏色,以滿足項目需求   解決方案: 方式一: 通過tabBar組件自帶的 borderStyle 屬性來控制邊框的顏色,將邊框的顏色

原创 如何根據需求搭建一個基於Vue Element UI 的前端框架

搭建背景:          本框架是基於Vue 3.10.0  、element-ui 2.12.0、axios 0.19.0、vuex 3.1.1 、vue-router 進行開發 搭建步驟:      1、首先創建一個Vue項目  

原创 查看目前瀏覽器佔有的市場份額

問題: 作爲Web前端開發工程師,在進行網頁開發時,經常需要對不同的瀏覽器,不同的分辨率進行適配。作爲產品經理,可能需要了解目前市場上主流的瀏覽器有哪些?所做的網站是通過哪種方式訪問的?是直接訪問還是通過搜索引擎進行訪問的?訪問該網站是

原创 查看目前移動端設備市場份額

問題:   作爲程序員、設計人員、項目經理等相關人員,有時候需要知道當前移動端的市場份額是多少?目前主流的Android系統版本是多少?通過移動端上網的時間分佈情況?通過移動端設備上網的男性多還是女性更多?目前移動端設備主流的分辨率是多少

原创 通過原生js動態給元素添加選擇器

  添加: 節點.classList.add("類名"); 例如: li.classList.add('active');   刪除: 節點.classList.remove("類名"); 例如: li.classList.r

原创 關於給Echar中的圖表設置寬度爲100%,但實際只有100px的問題

背景:        在開發一個前端項目時,需要用到Element-ui的<el-tabs>組件和Echart開源庫,當兩者嵌套使用時,我給Echart中的圖表寬度設置爲了100%,但是實際的寬度卻只有100px,出現錯誤的代碼如下:

原创 Vue中使用uuid

安裝: npm install uuid --save 使用:      1、引包 const uuid = require('uuid')     2、調用 console.log(uuid.v1()) //98fc11a0-dd

原创 在Vue Cli 3中引入高德地圖

方式一:        說明:              通過安裝vue-amap 插件的方式來引入        步驟:                   1、去 高德開放平臺中申請一個KEY             2、安裝vue-

原创 svg-sprite-loader

svg-sprite-loader 是什麼?            它是用於創建SVG精靈圖的Webpack加載程序。通過該插件可以將導入的SVG文件自動生成爲symbol標籤並插入進html中。            官方源碼    

原创 TypeScript 使用手冊

1、基礎類型:                1.1、布爾                             關鍵字: boolean                                 定義:  //定義變量類型 變

原创 通過vue-amap插件以手動輸入和鼠標點擊的方式動態添加單個多邊形到地圖中

核心代碼: <template> <div> ============================14、高德地圖--創建多邊形的使用案例============================ <el-form

原创 background-color: currentColor;

  currentColor 是什麼?          currentColor 是css3中的新屬性,它的意思是設置顏色值爲當前文字的顏色 ,也就是說currentColor的值 == color屬性的值。   currentColo