原创 前端面試之道總結

面試中被問到的問題 工作中的亮點和難點 遇到的技術難點  做組長幹了什麼 (帶員工、任務分發、技術問題解決也負責過完整項目) 系統優化   setState 內部渲染機制 自適應佈局 垂直居中 原型鏈 遇到過兼容性的問題嗎,要如何處理 跨

原创 rcform

  react-component/form https://github.com/react-component/form#option-object   yiminghe/async-validator https://github.

原创 JS中浮點數精度計算

先貼原文地址 http://xieyufei.com/2018/03/07/JS-Decimal-Accuracy.html 問題的發現   總結了一下,一共有以下兩種問題 浮點數運算後的精度問題   在計算商品價格加減乘除時,偶爾會出現

原创 CSS形成圓、平行四邊形、菱形、梯形、餅圖

參考《CSS揭祕》形狀部分 CSS揭祕pdf百度網盤 鏈接 提取碼: yg3v 圓 (橢)圓、半(橢)圓、1/4(橢)圓   寬高相等,顯示爲圓;寬高不等,顯示爲橢圓 border-radius: 10px 5px / 7px 10px

原创 Antd 表格樣式修改

寫一下最近使用Antd表格遇到的問題,如果遇到以下問題可以參考 (antd版本爲3.16.3)  修改表頭、列表文字和背景顏色 去掉(修改)鼠標移到某行時的背景 修改選中某行時的文字顏色 設置奇偶行不同背景        看下tabl

原创 js 吸頂實現

效果: 第一種實現:使用DOM 主要思路是根據實時監聽滾動條被向下拉動的距離,當其距離頂端小於某一值時使用position: fixed 固定。 核心代碼 //獲取距離頁面頂端的距離 let titleTop =

原创 設置小於寬度的邊框

需求 設置一個小於寬度的邊框 方式1 使用嵌套的兩個元素,在子元素中設置邊框以模仿一個小於寬度的效果 <div style="width: 100px; display: flex; justify-content: center; b

原创 React 組件內、組件間傳值

這裏組件間參數傳遞只介紹利用回調傳遞(ref不介紹)即子組件向父組件傳值。(父組件向子組件傳值用props,層級較深或無關聯組件間傳參即需要全局數據管理參考react-redux、MobX等) 組件內(無默認參值和需要默認參值情況)  

原创 React新特性Hook

   爲什麼會出現Hook 難以複用類組件之間的邏輯 生命週期中經常包含一些莫名其妙的不相關邏輯 類組件難以被機器和人理解       React核心算法的改變 在V16版本之前 協調機制 是 Stack reconciler, V16

原创 -webkit-overflow-scrolling:touch及ios滾動問題

 先貼 原文地址 目錄 1. -webkit-overflow-scrolling:touch是什麼? 2. 解決safari佈局抖動的例子 2.1 方案一 2.2 方案二 3. 探究-webkit-overflow-scrolling:

原创 IOS微信下問題2 頁面滾動失效

建議先看這篇文章   (-webkit-overflow-scrolling:touch) 下面 說一下點擊其他區域,再在滾動區域滑動,滾動條無法滾動 這個bug 問題復現: 由非滾動區域向滾動區域滑動,再迅速滑動滾動區域,此時滾動會出現

原创 CSS投影 box-shadow

先看一個例子 box-shadow: 2px 3px 4px rgba(0,0,0,.5); (1) 以該元素相同的尺寸1和位置,畫一個rgba(0,0,0,.5) 的矩形。(之後稱這個矩形爲盒子) (2) 把它向右移2px,向下移3p

原创 去除IOS微信下自帶滾動回彈(橡皮筋效果)

先說結論: 可以去除滾動回彈,根據不同情況使用不同的方式。 1.程序內沒有滾動 直接使用下面代碼輕輕鬆鬆沒毛病 document.body.addEventListener('touchmove',function(e){     e.

原创 IOS微信下問題3 軟鍵盤關閉後頁面上移

問題: 在IOS上點擊input框軟鍵盤彈出,頁面上移。點擊軟鍵盤上完成按鈕軟鍵盤關閉,但頁面並沒有下移。 解決: 監聽軟鍵盤彈起、關閉事件。在鍵盤關閉時對頁面重新定位 // 兼容部分ios手機input失焦後頁面上移問題 (funct

原创 IOS微信下問題1 底部導航欄導致標籤位置偏移

何時出現: 在IOS微信瀏覽器下,當瀏覽器內出現跳轉產生url歷史記錄的時候,此欄就會出現 導致的問題:         導航欄影響高度計算,此問題很少出現。模擬問題,用戶打開一個頁面,此時沒有歷史記錄導航欄不存在。用戶進行跳轉有歷史記