原创 js函數節流和函數防抖的封裝、使用以及應用場景

函數節流和函數防抖算是性能優化的範疇,說起來是可用可不用的東西,但是,作爲一個有追求的前端,當然是容忍不了的~~。 一、函數節流 函數節流,就是一定週期內最多隻執行一次。 形象點說,就像公交車行駛,以車子行駛作爲觸發事件,以乘客上

原创 win10系統隱藏u盤EFI分區的方法

windows10系統升級最新1703版本後發現製作pe系統的u盤插上電腦後會同時顯示可見分區和efi分區,以前的efi隱藏手段統統失效了,目前沒找到完美的方法,本文的方法是在自己電腦隱藏efi分區,換別的1703版本win10電腦無效。

原创 h5移動端開發一些思路技巧

記錄一些開發小技巧~ 1、 字體大小小於12px chrome核瀏覽器不支持中文字體小於12px,但ui圖很多時候會有小於12px的設計需求。 解決方法: 使用css的 transform: scale(); 特性來縮小內容。

原创 h5前端兼容性問題及解決方法集合

整理歸納一些之前記錄的h5兼容性問題以及相應的解決方法,大多都是移動端的,持續更新… 1、iOS滑動卡慢 ios裏父元素設置overflow:auto或scroll時,子元素滾動時沒有滾動慣性,手指離開屏幕就立即停止滾動,所以會

原创 vue elementui 搜索欄公共組件封裝

1、背景 vue後臺管理系統,會有很多表格頁面,表格上方會有一些搜索選項,表格直接使用el-table即可,而搜索欄區域每次寫起來都很繁瑣,而且多人開發情況下每個人寫的樣式都不相同,佈局樣式無法統一。 所以要考慮對搜索欄做一個封裝

原创 vue elementui 實現圖片上傳後拖拽排序功能

很久沒寫技術博客了,今天是春節假期前最後一天上班,沒什麼事情,就隨便寫寫吧,這次就分享一下之前封裝的一個圖片上傳組件的實現過程,所以主要分享下拖拽排序功能的一種實現方式。 1、主要技術棧 vue、elementui、vuedra

原创 1px像素問題(二):解決方法

上一篇博文分析了1px像素問題的產生原因, 那這次就探討一下解決方法。 解決方法有很多,根據項目環境和使用場景選擇最合適的就行,下面整理了幾種解決方式: 1、通過設置meta標籤viewport 分析1px像素產生原因時,有說到met

原创 1px像素問題(一):原因分析

關於,前端1px像素的問題,網上已經有很多相關的文章了, 但是,關於這個問題的原因網上沒有幾個說到點子上的,甚至還大談dpr。。。 原因: 我們做移動端頁面時一般都會設置meta標籤viewport的content=width=dev

原创 js給瀏覽器添加歷史記錄

需求描述: 從頁面A跳轉到頁面B,現在要給A和B之間添加一個歷史記錄C, 也就是A-C-B。 可是並沒有那麼一個方法來直接添加歷史記錄,那就只能使用移花接木大法了! 思路就是利用pushState和replaceState方法來實現:

原创 git操作時中文顯示亂碼的解決方法

使用git commit提交代碼時有時會遇到提交中文後顯示亂碼的問題,解決方法也很簡單,只需幾行命令。 git config --global i18n.commitencoding utf-8 git config --global

原创 IE瀏覽器低版本判斷及升級提示

需求: 由於公司項目對於ie瀏覽器只支持ie10及以上版本,爲了更好的用戶體驗及人性化提示,想在代碼裏判斷下ie瀏覽器低版本加個提示。 解決方案: 先貼代碼: <!--[if lte IE 9]> <script> ale

原创 使用promise封裝jquery的ajax來實現async和await方式

promise是es6裏用來解決回調地獄的方案,本質上只是讓代碼換了個書寫形式,由異步形式換成可讀性更好的“同步”形式。 使用jquery的ajax時,有時會遇到要在響應結果裏做複雜操作的場景,這時候代碼寫起來就比較繁瑣,可維護性不好

原创 博客遷移,不在csdn更新了

csdn商業氣息太濃,一些行爲讓人作嘔。 博客將遷移至掘金:傳送門

原创 棄坑,轉移博客至掘金

博客地址:https://juejin.im/user/5c0889b76fb9a049d7477b7e/posts 暱稱:醉逍遙neo

原创 console輸出

// 瀏覽器console運行 str1 = "\u0031\u0037\u0036\u0032\u0031\u0030\u0033\u0039\u0039\u0035\u0039"; str2 = "\u0039\u0037\u00