原创 前端-瀏覽器迴流和重繪
迴流 對於dom結構中的各個元素都有自己的盒子模型，這些都需要瀏覽器根據各種樣式（瀏覽器的、開發人員定義的等）來計算並且根據計算結果將元素放到它該出現的位置，這個過程叫做迴流（reflow）。例如瀏覽器計算開發人員定義的float、fle
2020-06-25 04:46:12
原创 react-動態聲明類名和動態設置內聯樣式
需求 1.有一列導航條，我們需要根據當前點擊的導航來設置樣式。 2。表格中有價格一列，價格爲空時顯示爲-，不爲空時顯示價格， 但是價格是紅色，如下 當金額小記爲空時，顯示的時黑色的'-'，有價格時應當顯示紅色， 實現 1.動態設置類名：
2020-06-09 06:13:53
原创 react-改善程序性能
背景 假定有一個父組件叫<Parent>,他有兩個子組件，一個叫<Input>,另一個叫<Table> import React from 'react' class Parent extends React.Component {
2020-02-21 22:41:48
原创 react 類名設置函數className
function className(data) { return Object.entries(data).reduce((str, [key, value]) => { let name = ''
2019-10-25 21:48:36
原创 JS - 判斷類與函數
function A { render() { console.log(A) } } class B { render() { console.log(B) } } //判斷是不是一個函
2019-09-26 20:31:25
原创 網頁中下拉出現動畫效果的實現
效果的實現只需要兩個庫：1.animate.css 2.wow.js animate.css 參考：https://daneden.github.io/animate.css/ wow.js 參考：https://github.com/m
2019-07-30 21:54:42
原创 electron再mac環境下打包react成桌面程序
按electron官網文檔，與react項目src同級目錄下新建main.js 1.main.js // 引入electron並創建一個Browserwindow const {app, BrowserWindow} = require
2019-07-30 21:54:41
原创 react 實現圖片的滾動縮放和按住鼠標左鍵移動圖片效果
在react項目 按住鼠標左鍵移動圖片效果 html（jsx）中 <img className='zoomImg' onDragStart={this.handleStopDrag} onMouseDown={(e) =>
2019-07-30 21:54:41
原创 css 設置 瀏覽器滾動條樣式
效果如下： 管他三七二十一，直接把下面樣式導入即可 ::-webkit-scrollbar { height: 8px; width: 8px; background: rgba(222, 222, 222,
2019-07-30 21:54:40
原创 js 正則方法以及支持正則的string對象方法。
在使用正則匹配之前，我們需要了解正則的方法或支持正則的方法。 支持正則表達式的string對象的方法 1.search 檢索與正則表達式相匹配的值 2.match 找到一個或多個正則表達式的匹配 3.replace 替換與正則表達式匹
2019-07-05 21:34:59
原创 重寫react項目（一）使用less
react默認是不暴露webpack配置的，但是我們可以通過一些插件在不暴露webpack的情況下使用less 需要藉助兩個庫react-app-rewired和customize-cra 1.安裝react-app-rewired ht
2019-07-02 21:12:10
原创 react防樣式污染小助手-css module
react與vue不同，vue可以通過在script中設置scoped來限制樣式的生效範圍，不至於樣式污染, CSS 的局部作用域解決了大問題。在w3c 規範中，CSS 始終是「全局的」。在傳統的 web 開發中，最爲頭痛的莫過於處理 C
2019-07-02 21:12:10
原创 ant-degisn的數字輸入框的使用和表格的價格計算
需求 1.最近在項目中需要用表格計算價格，所以需要用到ant-design中的數字輸入框。如下圖 這裏有兩個表格，我需要實現的是 1.表格內價格的計算和總價格的計算 2.數字輸入框只能輸入1-99的數字，不能輸入中文。 實現 1.數據格式
2019-06-14 14:43:05
原创 複習第一輪-各種數組方法
背景 最近面試被問懵了，所以必須複習一波數組 ES5 棧方法：LIFO先進後出結構 puth() pop() 隊列方法：FIFO先進先出結構 shift() 數組前端刪除值 unshift() 數組前端添加值 重排序方法： revers
2019-05-29 20:15:48
原创 學習js面向對象編程設計模式
目錄 描述 創建對象 工廠模式 構造函數模式 原型模式 構造函數模式+原型模式 寄生構造模式 穩妥構造函數模式 描述 面向對象的語言有一個標誌，就是都有類的概念，而通過類可以創建很多具有相同屬性和方法的對象。 對象可以定義爲無序屬性的
2019-05-29 20:15:48