原创 webpack 插值拼接選擇器名報錯
$channel_rule_nums: 3; $channel_rule_height: (902, 958, 672); @for $i from 1 through $channel_rule_nums { .channel_#
2020-05-15 04:58:18
原创 Viewport 設計原理
Viewport 是 HTML5 針對移動端開發新增的一個 meta 屬性, 它的作用是爲同一網頁在不同設備的呈現，提供響應式解決方案=>移動端適配 一、問題 在PC時代，用 css 設置 1px 邊框，顯示器會用1個物理像素進行渲染。而
2020-04-29 10:20:15
1
原创 transform:rotate在ios上旋轉內容消失
最近在做愚人節的活動編寫了一個導航組件，如下兩個頁面共用同一導航組件： 如上第一個導航按鈕和最後一個圖片資源只給一半 另一半是旋轉實現的，最後一個不僅旋轉了按鈕還旋轉了文字 實際測試網頁正常，手機android正常，到i
2020-04-21 20:50:01
21
原创 border添加漸變色 border-radius無效問題
border添加漸變色，IOS上圓形是不支持的，可以通過設置padding之後添加背景色漸變實現 <img class="box" src="./default/face.png" /> .box { di
2020-04-21 20:50:01
1
原创 webpack打包自動移除老式樣式
[產生原因] : autoprefixer自動移除老式過時的代碼 [關於autoprefixer] : https://www.npmjs.com/package/autoprefixer [解決] 方法一：添加註釋關閉autopref
2020-04-12 17:31:53
1
原创 JavaScript 的性能優化：加載和執行
原文鏈接：https://www.ibm.com/developerworks/cn/web/1308_caiys_jsload/index.html 無論當前 JavaScript 代碼是內嵌
2019-10-25 17:50:27
原创 TCP知識概要
原文鏈接：http://www.imooc.com/article/293957 談下你對五層網絡協議體系結構的理解？ 應用，主機，網絡，數據，數據單位 應用層 - 應用間通信協議，不同應用
2019-10-25 17:50:25
原创 如何對分佈式鎖進行高併發優化？
原文鏈接：https://www.imooc.com/article/293531 背景引入 今天給大家聊一個有意思的話題：每秒上千訂單場景下，如何對分佈式鎖的併發能力進行優化？ 首先來看看這個
2019-10-25 17:50:25
原创 調試Android和iOS頁面
1、Chrome DevTools遠程調試Android和iOS頁面 電腦上安裝新版谷歌瀏覽器，然後地址欄輸入chrome://inspect會打開設備監視頁面，這裏可以監視到iOS和Android設備，如果界面和圖中不一致請安裝最新版瀏
2019-08-28 17:48:44
原创 Remove untracked files, stash or commit any changes, and try again.
安裝react腳手架create-react-app後，npm run eject 暴露項目配置時報如下錯誤： 可具提示需commit ，這是git地址有問題 解決： git add . git commit -am "Save be
2019-08-28 17:48:44
1
原创 js鼠標事件大全
一般事件 事件 瀏覽器支持 描述 onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠標點擊事件，多用在某個對象控制的範圍內的鼠標點擊 onDblClick HTML: 2
2019-08-28 17:48:44
2
原创 前端自動化測試 之 視覺測試
原文鏈接：https://segmentfault.com/a/1190000014720175 前端測試分類 前端測試主要分五大方向測試，而這五大方向也分很多小方向測試，首先簡單的介紹每個方
2019-08-28 17:48:44
原创 css3 橫向滾動條
html結構： <div class="scroll"> <ul> <li>...</li> <li>...</li> <li>...</li> </ul> </div>
2019-08-28 17:48:44
原创 拖拽插件
最近做一個項目，其中包含了頁面上拖拽排序功能，使用了jquery ui中的拖拽功能。 jQuery UI draggable 引入jquery-ui.min.js 結構： <div class="wear-medals-list-con
2019-08-28 17:48:44
1
原创 移動端h5頁面不能滑動
最近做一個移動端H5活動，頁面中含有拖拽功能，因此包含了touchstart、touchmove、touchend相關事件，其中preventDefault();方法使頁面出現無法上滑滾動。 總結：頁面不能滑動無非就是css和js兩個方面
2019-08-28 17:48:44