原创 知識總結：數組去重的方法
1、Array.from(new Set(arr))或[...new Set(arr)] var arr = [1, 1, 2, 2, 3, 4, 5, 5, 4, 3, 2, 1] console.log([...new Set(ar
2020-07-01 17:57:02
原创 開發總結：uCharts 圖表
一、使用背景 前端圖表的插件庫有很多，例如echarts、uCharts等等echarts 更適合應用於後臺管理系統 或者pc 端 當微信小程序使用 echarts 並且引用 echarts 他會提示一段話 然後報錯 小程序“文件體積超
2020-07-01 17:57:02
原创 知識總結：冒泡排序和快速排序
一、冒泡排序 思路1：a) 比較兩個相鄰的元素，如果後一個比前一個大，則交換位置 b) 第一輪的時候最後一個元素應該是最大的一個 c) 按照第一步的方法進行兩個相鄰的元素的比較，由於最後
2020-07-01 17:57:02
原创 知識總結：什麼是同源策略嗎？那怎麼解決跨域問題？知道 JSONP 原理嗎？
一、同源策略 端口、域名和協議 必須都要相同。這是NetScape提出的安全策略，Web構建在同源策略基礎上的，瀏覽器爲安全考慮只允許本域名下的接口交互，不同源的客戶端腳本，在沒有明確授權的情況下，是不能讀寫對方的資源。 同源策略限制：c
2020-06-27 07:25:50
原创 知識總結：JavaScript 基礎知識點總結ing
1、說說 JavaScript 中的基本類型有哪些？以及各個數據類型是如何存儲的？ javaScript 的數據類型包括基本數據（原始）類型和複雜數據（引用）類型 基本數據類型包括以下6個：Number、String、undefined、
2020-06-27 07:25:50
原创 H5頁面 微信授權 ＋ 微信簽名 + 注意事項
一、提示只能在微信客戶端打開H5 若需要微信授權獲取用戶的信息以及微信簽名，則需要用戶在微信客戶端打開H5 在main.js中攔截 wxTips 組件 <template> <div id="app"> <div clas
2020-06-22 01:21:44
原创 開發項目中 前端常用工具類 整理更新中…
1、函數防抖 /** * @desc 函數防抖 * @param func 函數 * @param wait 延遲執行毫秒數 * @param immediate true 表立即執行，false 表非立即執行 */ expo
2020-06-22 01:21:44
1
原创 常見主流瀏覽器的內核、及部分兼容性問題
瀏覽器內核主要分爲兩種，一是渲染引擎，另一個是js引擎，內核更加傾向於說渲染引擎。 常見的瀏覽器內核 Trident、Gecko、Blink、Webkit IE瀏覽器 Trident內核，也成爲IE內核Chrome瀏覽器
2020-06-22 01:21:44
原创 part4：git 和 SVN 區別
git 和 SVN 的相同點： git 和 SVN 都是代碼版本控制系統，兩者都有自己的服務器 git 和 SVN 的不同點： git：分佈式版本控制系統 優點： 1、適合分佈式開發，強調個體。 2、公共服務器壓力和數據量都不
2020-06-22 01:21:44
原创 part3：從輸入URL到頁面加載發生了什麼（前端經典面試題）
總體來說分爲以下幾個過程: DNS解析 TCP連接 發送HTTP請求 服務器處理請求並返回HTTP報文 瀏覽器解析渲染頁面 連接結束 DNS解析 的過程就是尋找哪臺機器上有你需要資源的過程（網址轉換爲IP地址）
2020-06-22 01:21:43
原创 part2：瀏覽器、移動端前端適配方案（總結）
一、瀏覽器適配問題 https://blog.csdn.net/qq_38290251/article/details/106790048 二、移動端適配問題 目前爲止出現的一些關於移動端適配的技術方案： （1）通過媒體查詢
2020-06-22 01:21:43
原创 前端適配 iPhoneX
1、iPhoneX 出現的問題 iPhoneX 取消了物理按鍵，改成底部小黑條，這一改動導致網頁出現了比較尷尬的屏幕適配問題。 對於網頁而言，頂部（劉海部位）的適配問題瀏覽器已經做了處理，所以我們只需要關注底部與小黑條的適配問題即可。 即
2020-06-22 01:21:43
原创 微信小程序 -- 拖動懸浮按鈕的實現
1. 適配屏幕以及頭部tab 如圖所示 上下左右邊界值 html: <!-- 刷新 --> <view class='refresh' catchtap='refresh' catchtouchmove="bu
2020-06-15 08:46:31
原创 微信小程序 -- 解析小程序攜帶的場景參數
當小程序碼攜帶的參數時這樣子的時候 {scene: "stationId%3D2347%26stationType%3D3"} 可以通過以下方法解析並獲取參數： 第一步： decodeURIComponent(options.scen
2020-06-15 08:46:31
原创 移動端 --- meta
H5頁面窗口自動調整到設備寬度，並禁止用戶縮放頁面 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0,maxim
2020-06-15 08:46:31