-
scrollWidth：對(duì)象的實(shí)際內(nèi)容的寬度，不包邊線寬度，會(huì)隨對(duì)象中內(nèi)容超過可視區(qū)后而變大。 clientWidth：對(duì)象內(nèi)容的可視區(qū)的寬度，不包滾動(dòng)條等邊線，會(huì)隨對(duì)象顯示大小的變化而改變。 offsetWidth：對(duì)象整體的實(shí)際寬度，包滾動(dòng)條等邊線，會(huì)隨對(duì)象顯示大小的變化而改變。查看全部
-
圖片分布查看全部
-
·提交代碼懂啊github上 1、git status //查看當(dāng)前git項(xiàng)目的一個(gè)狀態(tài) 2、git add-A //將所有為track的文件一次性添加進(jìn)來 3、git commit -m "提交說明" //提交代碼并說明 4、git push //將所有代碼push到gitHub上查看全部
-
·加載imageDatas.json的loader 1、npm install json-loader --save-dev 2、在crg的default.js中配置json-loader的匹配正則 { test:/\.json$/, loader:‘json-loader’ } 3、在Main.js文件中引入 requires('../data/imageDatas.json') 4、處理一下imageDatas，將圖片的文件名轉(zhuǎn)換為真實(shí)有效的圖片地址 生成genImageURL函數(shù)。。。查看全部
-
·webpack的配置: 1、autoprefixer-loader用來處理css文件，自動(dòng)為其中的css規(guī)則添加前綴的工具 nmp install autoprefixer-loader --save-dev、 2、為crg文件夾中的default.js配置scss的信息 !autoprefixer-loader?{browser:["last 2 version"]}!查看全部
-
一、項(xiàng)目搭建之前，要進(jìn)行的環(huán)境搭建，見（慕課網(wǎng):ReactLative基礎(chǔ)與入門 1-3開發(fā)環(huán)境搭建-mac平臺(tái)） 二、yeoman 1、現(xiàn)代web app開發(fā)，著名的腳手架工具yeoman，在web項(xiàng)目立項(xiàng)的階段，用yeoman生成項(xiàng)目文件、代碼結(jié)構(gòu)。yeoman自動(dòng)將最佳實(shí)踐和工具整合進(jìn)來，大大加速和方便了我們后續(xù)的開發(fā)。 2、安裝： 見慕課網(wǎng)課程：GRUNT Beginner前端自動(dòng)化工具 2-2 yeoman，bower,grunt 簡(jiǎn)介及安裝。 三、1、grunt被gulp威脅，然后webpack又威脅了gulp和browerify.（aSuncat:天道好輪回，蒼天繞過誰。前端就只有不斷地學(xué)學(xué)學(xué)，這樣才能提高效率。學(xué)就學(xué)，老娘無所畏懼。） 四、webpack： 1、安裝 終端輸入：npm install -g generator-react-webpack 2、查看本地的版本： 終端輸入：npm ls -g --depth=1 2>/dev/null | grep generator- （1）npm ls -g :列出全局安裝的所有npm包 （2）--depth=1:樹狀結(jié)構(gòu)最多向下展示一層 （3）2>/dev/null: 如果執(zhí)行npm ls -g的過程中，有錯(cuò)誤消息，把錯(cuò)誤消息重定向到我們的空設(shè)備文件上 >表示重定向 1表示standard out標(biāo)準(zhǔn)輸出 2表示standard error 標(biāo)準(zhǔn)錯(cuò)誤 /dev/null表示空設(shè)備文件 （4）|表示通道，用來將上一個(gè)命令的輸出內(nèi)容作為下一個(gè)命令的輸入內(nèi)容 （5）grep generator-:在前面的輸出結(jié)果中，檢索generator開頭的關(guān)鍵字內(nèi)容。 3、新建的項(xiàng)目拉到本地 （1）進(jìn)入workspace,終端輸入：git clone +項(xiàng)目地址 （2）進(jìn)入項(xiàng)目目錄：cd gallery-by-react(項(xiàng)目名稱) （3）終端輸入：yo react-webpack gallery-by-react （4）提示是否需要react-router(y/n)，因?yàn)檫@里是單頁面程序，不需要路由，所以選n （5）選sass （6）終端輸入：grunt-serve，讓我們的站點(diǎn)跑起來查看全部
-
查看安裝內(nèi)容查看全部
-
關(guān)于generator-react-webpack2.0版，目錄結(jié)構(gòu)大變樣，已經(jīng)是只需要webpack就能啟動(dòng)項(xiàng)目，我理了一下其目錄。 |____.babelrc ES6配置文件 |____.editorconfig EditorConfig插件配置文件，用于統(tǒng)一編碼風(fēng)格。 |____.eslintrc ESLint配置文件 |____.gitignore 需要git同步時(shí)忽略文件夾的配置文件 |____.yo-rc.json 未知 |____cfg 這里存放webpack配置 | |____base.js webpack基礎(chǔ)配置 | |____defaults.js webpack一些其他的默認(rèn)配置 | |____dev.js 測(cè)試環(huán)境的webpack配置，啟動(dòng)npm run start的時(shí)候會(huì)使用這份webpack設(shè)置。 | |____dist.js 線上環(huán)境的webpack配置，啟動(dòng)npm run dist的時(shí)候會(huì)使用。 | |____test.js 做單元測(cè)試的時(shí)候使用，npm run test |____dist webpack輸出目錄 | |____README.md | |____static | | |____favicon.ico | | |____README.md |____karma.conf.js 單元測(cè)試配置文件 |____npm-debug.log 日志文件 |____package.json 重要！包結(jié)構(gòu)配置文件，并且存放了啟動(dòng)腳本，npm script |____server.js node服務(wù)器，用于本地啟動(dòng)這個(gè)項(xiàng)目，正是這個(gè)腳本啟動(dòng)了webpack編譯。 |____src 源代碼目錄 |____test 單元測(cè)試目錄 |____webpack.config.js 重要，webpack配置文件入口查看全部
-
generator-react-webpack 安裝查看全部
-
選擇包查看全部
-
檢測(cè)yo版本查看全部
-
安裝yo查看全部
-
提交代碼到GitHub上 1、git status //查看當(dāng)前git項(xiàng)目的一個(gè)狀態(tài) 2、git add -A //將所有未track的文件一次性添加進(jìn)來 3、git commit -m "提交說明" // 提交代碼并說明 4、git push /將所有代碼push到gitHub上。查看全部
-
1. yeoman網(wǎng)站: http://yeoman.io/generators/ 需要在NODE.JS環(huán)境下運(yùn)行，打開命令行，輸入node -v查看node版本 2.npm install -g generator-react-webpack 安裝generator 3.npm ls -g --depth=1 2>/dev/null | grep generator- 查看generator版本 3.查看全部
-
四、chrome應(yīng)用商店：https://chrome.google.com/webstore,，搜索react developer tool.添加后重啟。 通過react選項(xiàng)，可以查看components.查看全部
舉報(bào)
0/150
提交
取消