原创 webpack小白筆記

從來沒有自己配置過,但是好想自己啃啃它 所有代碼都在github 目錄結構 配置文件都寫在config底下了 運行 webpack --config=config/webpack_3.config.js 各工具版本 webp

原创 webpack+react+typescript+sass項目搭建

今天自己嘗試搭建項目框架實現hmr時報了兩個錯 控制檯報錯 Uncaught ReferenceError: React is not defined 控制檯報錯 ERROR in (webpack)/hot/dev-serve

原创 React Hooks學習之路【1】

想學習的心終於到達了極點,對照着中英文檔、以及一些優質博客對React Hooks進行學習和延伸。 從內置的Hook到自定義Hook。主要是看英文文檔,如果有理解錯誤的地方歡迎指正~ 這一篇主要是介紹React Hook是什麼、使

原创 給自己和公司的git配置ssh

有自己的一個GitHub賬號,還有公司的http://git.companyName.com/projects/{companyName}.com/projects/companyName.com/projects/{depart

原创 position sticky

一直是模模糊糊知道個大概,今天有空試驗梳理一下~ sticky定位就是在闕值前是相對定位,一旦到闕值就是絕對定位 position:sticky 父元素不能是overflow:hidden/auto 必須指定top\left\r

原创 inline元素(img)和塊狀元素(div)、inline-block元素之間出現間距的原因及解決方法

最常碰到的就是img和div/li之間的間距了; 發現很多博文說是因爲空白鍵距引起的 我自己試了下,div和img並不是這樣,inline-block確實是因爲空白符之類引起的 我把他們寫在一行,間距還是存在,設置vertical

原创 屯一波面試題

修改了垂直居中通用方法,父元素需要添加height; 都是同學,我面試碰到的題,都總結一下,萬一哪次讓我碰到了呢, 後面內容太多,這篇就提一下有什麼,具體內容我會另外寫篇博文,不然寫在一起看起來很費事兒~ 1.SEO seo(

原创 webpack

index.js:1 Uncaught ReferenceError: webpackJsonp is not defined at index.js: 這是因爲我用了 new webpack.optimize.CommonsC

原创 js日曆插件

最近因爲項目需求,懶的看別人的源碼所以自己動手寫了一個原生的js日曆插件, 這裏就簡單分析一下,代碼不在這裏,biu~ js,css,html都在calendar.html裏 需要了解 var date=new Date();

原创 vscode user Snippets一頓瞎操作

一直知道有用戶片段 但是也沒有嘗試過,今天比較🏊‍♀️🏊‍♀️🏊‍♀️🏊‍♀️🏊‍♀️;嘗試用了一下,簡直不要太爽 1.選擇 點擊左下角設置icon,選擇User Snippets;選擇你想爲哪種語言設置代碼塊 2.開始了 我選擇

原创 使用webpack或者 gulp進行ES6開發

不看ES6好久了,今天想回顧一下 卻發現忘記怎麼配置了,又重新學了一遍在呢麼使用這兩個構建工具。 webpack+ES6 首先建一個工程 目錄結構如下 1.初始化工程 npm init 2.安裝webpack

原创 小程序+F2,異步獲取數據渲染圖表;this.selectComponent爲null

this.selectComponent(#${idName});在onLoad裏獲取不到組件實例,導致圖表沒法加載出來,最後解決方法是把initChart代碼塊放在本次循環之後執行。 function chartFn(data)

原创 執行git pull顯示already up-to-date,但是本地代碼並沒有顯示出來其他人的改動

如題 之後我再push我的代碼就報錯,錯誤信息如下,但是pull、fetch又顯示已是最新,令人頭禿 To http://git.sankuai.com/scm/myfe/canary.git ! [rejected]

原创 typeof 爲什麼判斷null是對象類型?instanceof判斷的原理是什麼?

JS的數據類型有七種 原始類型: Boolean Number String undefined null Symbol 對象類型 Object 用typeof判斷類型 會出現下面的問題 typeof null // Object

原创 js中new 到底做了瓦特??比較new、Object.create、Object.setPrototypeOf

實例化的時候我們都是這樣: var box=new BOX() 那麼new在中間有什麼作用呢, new 先創建一個新對象b=new Object(); 將構造函數作用域賦給新變量 b.proto=BOX.prototype; 執