原创 css全局變量聲明

:root css 僞類,匹配文檔的根元素 , 可以用於聲明全局 css 變量 CSS/CSS3 原生變量 var :root { --PC: @primary-color; } body { color: var(--P

原创 20190425 react-router

官網地址:https://reacttraining.com/react-router/web/example/basic 什麼是React 路由,爲什麼需要 React 路由:構建在react基礎上的強大的路由庫 作

原创 從零搭建webpack+react+router+redux項目踩坑之旅

使用 webpack 從零搭建 react項目的git地址:https://github.com/YueJingGe/webpack-react/tree/master 初始化 npm yarn init 安裝 webpack

原创 react系列之flux、redux、mobx、dva

背景 react 功能單一,用於 UI 渲染 redux 用來管理數據 react-router 用來管理路由 webpack 用來配置工程 ES6 讓代碼更加優雅簡潔 flux 基本概念 View:視圖層,接收用戶輸入、監聽

原创 移動端問題總結

解決移動端 1px 線的問題 &:after { border: 1px solid red; content: ""; position: absolute; top: 0; left: 0; -we

原创 20190521 基於數據劫持的雙向綁定方法 Object.defineProperty 與 Proxy

雙向綁定的方法 KnockoutJS 基於觀察者模式(發佈-訂閱)的雙向綁定 Ember 基於數據模型的雙向綁定 Angular 基於髒檢查的雙向綁定 基於數據劫持的雙向綁定 (重點講解) Object.definePrope

原创 antd 按需加載,antd定製主題,antd上傳組件,在線換膚

antd 按需加載組件,antd按需加載樣式 使用 babel-plugin-import,babel模塊化導入插件,兼容antd,antd-mobile,lodash等庫 配置:{ "libraryName": "antd",

原创 css動畫陰影漸變效果

圖片 hover 效果 .img { width: 100%; height: 100%; background-image: url("../../../styles/image/example.png"); b

原创 css實現固定的圖片比例

css 實現 16:9 的圖片比例 需求: 最近產品要求不管原圖的大小是多少,寬度一定,高度要自自適應爲 16:9。 分析: 對於正常的固定好寬度大小,這個需求很容易解決,直接通過人工計算,根據寬度的數值計算好高度的數值,然後 c

原创 文本超出省略單行多行問題

單行、多行文本截斷問題 <div class="box"> <p> 會計師的科技感深加工IE給大家是個我經費等四個技術第三款共計四個積分都交給你電視劇覅二斌發給 </p> </div> 單行文本省略 ```css

原创 react 源碼

react 源碼 React.js 文件 const React = { Children: { map, forEach, count, toArray, only },

原创 前端各種功能效果插件 臨時庫

谷歌插件 掘金、React Developer Tools、Redux DevTools、Timeline Support、FeHelper、Postman 各種功能效果插件 新手引導插件 react版本:https://ww

原创 ES7、ES8、ES9、ES10新特性大盤點

ES7 Array.prototype.includes()方法 之前:indexOf() find() findIndex() 求冪運算符** 代替 Math.pow() ES8 Async/Await

原创 git add報錯 fatal: LF would be replaced by CRLF in 或 文本是相同的,但文件不匹配

現象 解決 進入項目目錄,在.git文件夾下打開config配置文件,添加上下面兩句話: 由於執行命令不能解決問題,我們選擇手動修改,放在core裏面即可 autocrlf = false safecrlf = false

原创 git commit 報錯:husky > pre-commit hook failed (add --no-verify to bypass)

現象 原因 項目中使用了husky,並且配置了"precommit": “npm run lint”。因此會在你git commit的時候執行npm run lint 也就是eslint --ext .js src test。