原创 bootstrap中jquery插件——帶下拉菜單的標籤頁
這篇是用來記錄怎樣爲應用了bootstrap樣式、組件的元素引用標籤頁插件，其實無論使用bootstrap中哪一個插件都有兩種方式： 一種是直接使用data-*擴展屬性，這是 Bootstrap 中的一等 API，也應該是首選方
2020-06-22 00:54:57
1
原创 bootstrap中jquery插件——Carousel輪播廣告
輪播廣告在網站中的應用實在是太常見了，下面說一說怎樣使用bootstrap中的Carousel插件來實現輪播廣告效果，下圖爲最終效果： 具體實現方法請看下面的代碼： <div class="carousel slide" d
2020-06-22 00:07:35
3
原创 bootstrap中jquery插件——affix附加導航、以及滾動監聽功能的實現
在一般大型的網頁，會有頂部和側面兩個導航。bootstrap提供的附加導航（側面導航）可以實現監聽頁面滾動功能，下面看一下是什麼樣的： 如上圖所示，右側導航原本是相對定位的，當它隨頁面滾動到頂部的時候，會變成固定定位回到原來的位
2020-06-22 00:07:31
原创 bootstrap中jquery插件——警告框、工具提示框、彈出框、模態框
bootstrap的JavaScript插件中提供了幾種形式的提示框。其中就有警告框、工具提示框、彈出框和模態框。下面就來一個一個的看看它們是怎樣使用的吧！ 警告框 它就是這個樣子的，點擊右側的小叉子可以將它隱藏。如果不想要淡
2020-06-22 00:07:30
原创 echarts插件——關於echarts在默認隱藏的div中不顯示的問題
相信很多實用echarts插件的朋友都會遇到這樣的問題，echarts圖表在其他的div中可以正常顯示，但在一個初始時默認隱藏的div中卻顯示爲空白。 這是因爲ECharts 沒有獲取到div的高寬而導致初始化失敗，這時候可以：
2020-06-22 00:07:29
原创 safari瀏覽器實現模擬click點擊事件
在項目中經常會用到onclick點擊事件觸發效果，如給button按鈕添加一個點擊事件： <button id="btn">點我</button> <script> var btn = document.getElemen
2020-06-22 00:07:27
17
原创 js讀寫cookie方式以及中文亂碼問題
讀寫cookie是前端工程師在做項目時會經常使用的技術。cookie是瀏覽器提供的機制、是javascript的另一種機制，可以達到真正全局變量的要求。 它將document 對象的cookie屬性提供給JavaScript。可以
2020-06-22 00:07:26
61
原创 小程序連接藍牙設備併發送指令
支付寶小程序：開放平臺-官方文檔地址：https://docs.alipay.com/mini/api/bluetooth-api#a-namegfgkonamyopenbluetoothadapter 微信小程序：公衆平臺-官方
2020-06-07 13:37:03
原创 支付寶小程序動畫效果適配（微信小程序同）
前景：在做位移等動畫效果時，所要求填寫的距離參數沒有單位，據實測是手機的分辨率，物理像素乘以dpr。導致在不同手機上移動距離不相同，適配很不好 解決：使用小程序的獲取系統信息方法my.getSystemInfo獲取windowW
2020-06-07 13:37:03
原创 HTML5 / JS實現百度地圖基本常用功能
很多網站都會使用到地圖功能，提供地圖接口的第三方也有不少，我這裏來聊一下百度地圖提供的API及百度地圖基本功能的實現： 首先需要在百度地圖開放平臺申請一個屬於自己的密鑰，網址：http://lbsyun.baidu.com/ap
2020-02-22 23:28:53
原创 bootstrap組件——導航條
bootstrap提供了導航條組件，效果是這樣的（也可以是黑底白字的樣式）： 這是在pc端下的樣子，在移動端中間的導航會摺疊起來，最右邊多一個控制摺疊的按鈕，像下面這樣： 具體實現代碼如下： <div class="
2020-02-22 23:28:53
原创 JS防止表單提交之後用戶點擊瀏覽器後退按鈕再次提交
如標題，防止這種做法的方法有很多，但一般都是需要結合服務器端技術來實現。這裏我換一種思路純用js方式來避免這種情況的發生。 其實目標很明確，就是爲了防止用戶返回跳轉之前提交表單的頁面。那麼我們完全可以讓表單提交後跳轉到一個新的頁
2020-02-22 23:28:53
原创 bootstrap中jquery插件——下拉菜單
這篇是用來記錄怎樣爲應用了bootstrap下拉菜單組件的元素引用下拉菜單插件的，其實無論使用bootstrap中哪一個插件都有兩種方式： 一種是直接使用data-*擴展屬性，這是 Bootstrap 中的一等 API，也應該
2020-02-22 23:28:53
原创 bootstrap中jquery插件——collapse摺疊效果-手風琴效果
先來掌握collapse插件的基本用法，再慢慢深入實例。 collapse最基本的效果是像下圖所示的，點擊按鈕可以顯示/隱藏下面的元素： 實現代碼如下： <a class="btn btn-success" href="#
2020-02-22 23:28:53
原创 動態樣式語言——less運行環境的搭建及使用
由於CSS的維護和擴展工作艱鉅。“動態樣式語言”（如 less）在CSS的基礎之上，添加了一些標準的“語言”所必須的內容：類型、變量、運算、函數、循環選擇、繼承等。 但是瀏覽器默認只支持靜態樣式語言，所以所有的動態樣式首先必須“
2020-02-22 23:28:53