前端攻城獅

摘要： 前言 使用vue也好有一段時(shí)間了，雖然對其雙向綁定原理也有了解個(gè)大概，但也沒好好探究下其原理實(shí)現(xiàn)，所以這次特意花了幾晚時(shí)間查閱資料和閱讀相關(guān)源碼，自己也實(shí)現(xiàn)一個(gè)簡單版vue的雙向綁定版本，先上個(gè)成果圖來吸引各位： 代碼： 效果圖： 是不是看起來跟vue的使用方式差不多？接下來就來從原理到實(shí)現(xiàn)，從簡到 閱讀全文

摘要： webpack 儼然已經(jīng)成為前端最主流的構(gòu)建工具，其功能多種多樣，我們今天就來分析下關(guān)于代碼分割這部分的一點(diǎn)事，并在最后講述如何實(shí)現(xiàn)在webpack編譯出的代碼里手動添加一個(gè)異步chunk。 什么是chunkId與moduleId？ 每個(gè)chunkId對應(yīng)的是一個(gè)js文件，每個(gè)moduleId對應(yīng)的 閱讀全文

摘要： 前后端分離項(xiàng)目需要解決第一個(gè)問題就是，前端本地開發(fā)時(shí)如何解決通過ajax請求產(chǎn)生的跨域的問題。一般的做法是通過本地配置nginx反向代理進(jìn)行處理的，除此之外，還可以通過nodejs來進(jìn)行代理接口。當(dāng)然，要實(shí)現(xiàn)這個(gè)前提是，前端開發(fā)環(huán)境必須運(yùn)行在nodejs服務(wù)中，所幸的是，現(xiàn)在前端的開發(fā)自動化工具都是 閱讀全文

摘要： 前言 前段時(shí)間使用vue2.0構(gòu)建了淘票票頁面，并寫了一篇相關(guān)文章vue2.0構(gòu)建淘票票webapp，得到了很多童鞋的支持，因此這些天又使用react重構(gòu)了下這個(gè)項(xiàng)目，目的無他，只為了學(xué)習(xí)和共同進(jìn)步！ 項(xiàng)目技術(shù)棧 前端技術(shù)棧：react + react-router + redux + ant-de 閱讀全文

摘要： 項(xiàng)目描述 之前一直用vue1.x寫項(xiàng)目，最近為了過渡到vue2.0，特易用vue2.0棧仿寫了淘票票頁面，而且加入了express作為后臺服務(wù)。 前端技術(shù)棧：vue2.0 + vue-router + vuex + mint-ui 后臺技術(shù)棧：nodejs + express 項(xiàng)目地址：https: 閱讀全文

摘要： Charles可以正常抓取http數(shù)據(jù)包，但是如果沒有經(jīng)過進(jìn)一步設(shè)置的話，無法正常抓取https的數(shù)據(jù)包，通常會出現(xiàn)亂碼。舉個(gè)例子，如果沒有做更多設(shè)置，Charles抓取https://www.baidu.com的結(jié)果如下： 上圖顯示都是亂碼，為了正常可以抓取到數(shù)據(jù)，我們需要通過以下配置： 抓包準(zhǔn)備 閱讀全文

摘要： 前言 這幾天看了redux middleware的運(yùn)用與實(shí)現(xiàn)原理，寫了一個(gè)百度搜索的demo，實(shí)現(xiàn)了類似redux-thunk和redux-logger中間件的功能。 項(xiàng)目地址：https://github.com/CanFoo/react-baidu-search/tree/master redu 閱讀全文

摘要： this可謂是JavaScript中的開發(fā)神器，使用得當(dāng)?shù)脑挷粌H有事半功倍的效果，而且代碼的逼格也更高。但是既然是神器，如果你沒有足夠的功力的話，那么就不要使用它，否則就有可能自毀身亡。曾幾何時(shí)，我偶然得到這個(gè)神器，之后，，，自殘，，，自殘，，，再自殘...再自殘了那么多次后，終于可以擁有強(qiáng)大功力持 閱讀全文

摘要： ES6是JavaScript語言的下一代標(biāo)準(zhǔn)，已經(jīng)在2015年6月正式發(fā)布了，因?yàn)镋S6的第一個(gè)版本是在2015年發(fā)布的，所以又稱ECMAScript 2015（簡稱ES2015）。本文主要講述的是ES6相對于ES5的幾個(gè)實(shí)用新特性，如有其它見解，歡迎指正和交流。 在線babel轉(zhuǎn)換地址：http: 閱讀全文