原创 [問題探討]VUE項目通過VS CDDE的ESLint插件實現代碼保存時自動格式化

需求 VUE項目在代碼保存時自動格式化 實現工具 VS CDDE+ESLint插件 配置步驟 1,背景:Vue項目通過VS CDDE工具打開; 2,在VS CDDE倉庫中搜索ESLint插件並安裝,見下圖示意: 3,安裝後,依照

原创 [問題探討]js一鍵複製功能

需求:js一鍵複製指定元素內容 實現: 1,commonFunc.js function copyText(selector) { return new Promise((resolve, reject) => {

原创 [問題探討]VUE項目爲新環境配置新的npm run打包命令

需求:VUE項目爲新環境配置新的npm run打包命令,爲此命令定義專屬環境變量,比如預發佈環境npm run preDeploy STEP1:先上圖解釋npm run build命令如何獲取環境變量 1,npm run buil

原创 [隨手記]docker php報錯'mysqli_connect' is not a function 或 class 'mysqli' not found

背景:docker 配置 php環境完成後,使用php mysqli連接sql報錯 分析: 1,開始使用如下方法連接: $conn = mysqli_connect("127.0.0.1","root","","newxiaoa"

原创 [問題探討]ECharts實現帶釣魚島和南海諸島的中國(China)地圖

問題:實現帶釣魚島和南海諸島的中國(China)地圖 環境:VUE+ ECharts 重點闡述: 1,在VUE安裝ECharts後,在如下目錄就有地圖js/json可以使用 node_modules—echarts—map—js

原创 [問題探討]ES6 set 數據結構實現數組和字符串去重

需求: 數組和字符串去重 分析: 去重一般是通過遍歷的方法解決,不過ES6 set 數據結構給了我們新的思路,本文重點介紹此方法,後面會附上遍歷的相關解法; 實現: 一,set方法 1,set介紹(此介紹參考MDN,如有侵權請聯繫

原创 [問題探討]position: sticky;實現banner吸頂功能

需求: 實現banner吸頂功能,即nav,bannner,content上下三欄佈局頁面上,向上滾動過程中: 1,nav會消失逐漸; 2,banner會逐漸向上移動,直到貼到body頂部然後固定在body頂部; 3,conten

原创 [問題探討]js中的錯誤捕獲和拋出try-catch-finally throw

版權說明: 本文參考了《JavaScript高級程序設計(第3版)》第17章 ‘錯誤處理與調試’ 的相關內容,並在其基礎上做了拓展,如有侵權請版權方聯繫博主刪除。 博主聯繫方式:[email protected] 問題: 捕獲

原创 [問題探討]多元素同id時的事件綁定

問題分析: id作爲識別元素的唯一標識,從語義上講不應該出現共用現象,實際操作中如果有多個元素共用id也會造成意料之外的問題。 項目結構簡單時,這樣的錯誤一般不會出現,但是在結構複雜,又有大量重複功能出現時容易出現id重複現象。

原创 [問題探討]select()實現文本默認選中以及setSelectionRange()實現獲取用戶選擇的文本內容

問題: 在需要大量複製黏貼的場景中,自動選擇指定元素內所有文本,可以減少用戶點選操作,提升交互體驗; 另外,也有一些場景需要獲取用戶在指定元素上選擇的內容。 本文參考《JavaScript高級程序設計(第3版》整理如下代碼,給以上

原创 [隨手記]URI和中文字符串互轉

問題: URI和中文字符串互轉 說明: URI是什麼 URI,通一資源標誌符(Universal Resource Identifier, URI),表示的是web上每一種可用的資源。 我們都知道URL(Uniform Resou

原创 [隨手記]自定義瀏覽器scrollbar樣式

問題: 如何自定義瀏覽器scrollbar樣式 答案: /*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/ ::-webkit-scrollbar { width: 10px; height: 10px; backg

原创 [問題探討]使用Googe Maps谷歌地圖實現不帶暗黑水印的地圖調用

背景 海外項目需要用到谷歌地圖,幾經周折總算顯示了地圖,並去掉了可惡的暗黑水印,這裏簡述一下過程,給大家參考。 正文 說明:一般的思路是先查看API,寫一個hello world,我也是這麼做的,但是卻遇到了地圖加載失敗(使用的A

原创 [隨手記]chrome和safari都是webkit內核,爲什麼兩個瀏覽器還會有兼容性問題?

問題: chrome和safari都是webkit內核,爲什麼兩個瀏覽器還會有兼容性問題? 分析: 剛開始接觸瀏覽器內核的時候,我們會瞭解到chrome和safari都是webkit內核,至於webkit的來歷,故事有點長,想了解

原创 [問題探討]vue中json的使用

json的定義: JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。 JSON 是 JS 對象的字符串表示法,它使用文本表示一個 JS 對象的信息,本質是一個字符串。 vue中json的用法