資訊專欄INFORMATION COLUMN
摘要：本文實(shí)例代碼什么是是一種面向數(shù)據(jù)的查詢風(fēng)格。概述前端的開發(fā)隨著框架全面普及，組件化開發(fā)也隨之成為大勢所趨，各個(gè)組件分別管理著各自的狀態(tài)，組件化給前端仔帶來便利的同時(shí)也帶來了一些煩惱。
本文首先介紹了 GraphQL，再通過 MongoDB + graphql + graph-pack 的組合實(shí)戰(zhàn)應(yīng)用 GraphQL，詳細(xì)闡述如何使用 GraphQL 來進(jìn)行增刪改查和數(shù)據(jù)訂閱推送，并附有使用示例，邊用邊學(xué)印象深刻~
如果希望將 GraphQL 應(yīng)用到前后端分離的生產(chǎn)環(huán)境，請期待后續(xù)文章。
本文實(shí)例代碼：Github
0. 什么是 GraphQLGraphQL 是一種面向數(shù)據(jù)的 API 查詢風(fēng)格。
傳統(tǒng)的 API 拿到的是前后端約定好的數(shù)據(jù)格式，GraphQL 對 API 中的數(shù)據(jù)提供了一套易于理解的完整描述，客戶端能夠準(zhǔn)確地獲得它需要的數(shù)據(jù)，沒有任何冗余，也讓 API 更容易地隨著時(shí)間推移而演進(jìn)，還能用于構(gòu)建強(qiáng)大的開發(fā)者工具。
1. 概述前端的開發(fā)隨著 SPA 框架全面普及，組件化開發(fā)也隨之成為大勢所趨，各個(gè)組件分別管理著各自的狀態(tài)，組件化給前端仔帶來便利的同時(shí)也帶來了一些煩惱。比如，組件需要負(fù)責(zé)把異步請求的狀態(tài)分發(fā)給子組件或通知給父組件，這個(gè)過程中，由組件間通信帶來的結(jié)構(gòu)復(fù)雜度、來源不明的數(shù)據(jù)源、不知從何訂閱的數(shù)據(jù)響應(yīng)會(huì)使得數(shù)據(jù)流變得雜亂無章，也使得代碼可讀性變差，以及可維護(hù)性的降低，為以后項(xiàng)目的迭代帶來極大困難。
試想一下你都開發(fā)完了，產(chǎn)品告訴你要大改一番，從接口到組件結(jié)構(gòu)都得改，后端也罵罵咧咧不愿配合讓你從好幾個(gè) API 里取數(shù)據(jù)自己組合，這酸爽
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/109157.html
摘要：如下圖嗯，如圖都已經(jīng)查詢到我們保存的全部數(shù)據(jù)，并且全部返回前端了。如圖沒錯(cuò)，什么都沒有就是查詢服務(wù)的界面。寫好了之后我們在配置一下路由，進(jìn)入里面，加入下面幾行代碼。 GraphQL一種用為你 API 而生的查詢語言，2018已經(jīng)到來，PWA還沒有大量投入生產(chǎn)應(yīng)用之中就已經(jīng)火起來了，GraphQL的應(yīng)用或許也不會(huì)太遠(yuǎn)了。前端的發(fā)展的最大一個(gè)特點(diǎn)就是變化快，有時(shí)候應(yīng)對各種需求場景的變化，不...
摘要：分鐘學(xué)是一個(gè)系列，簡單暴力，包學(xué)包會(huì)。一旦組件掛載后，會(huì)自動(dòng)進(jìn)行數(shù)據(jù)請求，前提是客戶端提供的和后端的相符。如果回調(diào)返回直接不作請求。在組件內(nèi)進(jìn)行分頁請求之前提到了，這個(gè)裝飾器為添加了對象，其中有個(gè)函數(shù)為。 21 分鐘學(xué) apollo-client 是一個(gè)系列，簡單暴力，包學(xué)包會(huì)。 搭建 Apollo client 端，集成 redux使用 apollo-client 來獲取數(shù)據(jù)修改本...
摘要：不過今天我希望能夠更進(jìn)一步，不僅僅再抱怨現(xiàn)狀，而是從我個(gè)人的角度來給出一個(gè)逐步深入學(xué)習(xí)生態(tài)圈的方案。最后，我還是想提到下對于的好的學(xué)習(xí)方法就是回顧參照各種各樣的代碼庫，學(xué)習(xí)人家的用法與實(shí)踐。 本文翻譯自A-Study-Plan-To-Cure-JavaScript-Fatigue。筆者看到里面的幾張配圖著實(shí)漂亮，順手翻譯了一波。本文從屬于筆者的Web Frontend Introduc...
摘要：允許創(chuàng)建零配置的服務(wù)器。這是一種人類可讀的模式語法，稱為規(guī)范與描述語言。類型是表示外觀的自定義對象。為此，創(chuàng)建一個(gè)名為的新查詢。這意味著無論何時(shí)在服務(wù)器中發(fā)生事件，并且每當(dāng)調(diào)用該事件時(shí)，服務(wù)器都會(huì)將相應(yīng)的數(shù)據(jù)發(fā)送到客戶端。 showImg(https://segmentfault.com/img/bVbm0c1?w=2560&h=1024); 想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,...
閱讀 2240·2021-11-24 09:39
閱讀 1760·2021-10-11 10:59
閱讀 2662·2021-09-24 10:28
閱讀 3540·2021-09-08 09:45
閱讀 1432·2021-09-07 10:06
閱讀 1830·2019-08-30 15:53
閱讀 2301·2019-08-30 15:53
閱讀 1568·2019-08-30 15:53
