原文地址：https://xeblog.cn/articles/9 前言 我這個(gè)博客架構(gòu)使用的是前后端分離的模式，前端項(xiàng)目獨(dú)立，后端提供數(shù)據(jù)接口，使用Ajax與服務(wù)器端接口交...
IP屬地：上海
-
SPA單頁(yè)面應(yīng)用、前后端分離項(xiàng)目SEO優(yōu)化的方法
-
用chrome headless+Puppeteer旁路渲染，解決單頁(yè)的seo問題。
打算用vue等mvvm的框架做單頁(yè)應(yīng)用，seo是一個(gè)頭疼的問題。雖然官方提供了服務(wù)端渲染的方案，總覺著那樣就失去了客戶端渲染的意義。 所以通過(guò)另一途徑來(lái)解決spa單頁(yè)應(yīng)用的s...
-
Node：使用Puppeteer完成一次復(fù)雜的爬蟲架構(gòu)圖 Puppeteer 通過(guò) devTools 與 browser 通信 Browser 一個(gè)可以擁有多個(gè)頁(yè)面的瀏覽器(chroium)實(shí)例 Page 至少含有一個(gè) Fr...
-
vue-router 之 keep-alive
本文基于 Vue2.0 keep-alive 簡(jiǎn)介 keep-alive 是 Vue 內(nèi)置的一個(gè)組件，可以使被包含的組件保留狀態(tài)，或避免重新渲染。用法也很簡(jiǎn)單： props ...
-
基于TypeScript與React Hooks開發(fā)的通用組件庫(kù)
項(xiàng)目地址：react-draggable-layer 技術(shù)博客：https://www.linxiangjun.com 前言 2019年以來(lái)，越來(lái)越多的公司與項(xiàng)目都選擇使用強(qiáng)...
-
GraphQL實(shí)戰(zhàn)（后端篇：apollo-server-koa + koa）前言 什么是GraphQL? 簡(jiǎn)而言之就是用于API的查詢語(yǔ)言。你可以理解為只需要一次請(qǐng)求加上點(diǎn)查詢參數(shù)，就可以定制任何后端有的信息。 在繼續(xù)講GraphQL之前我們先來(lái)看看...
-
使用Typescript編寫和發(fā)布npm包本文參照 Chidume Nnamdi 的「How to Create and Publish an NPM module in TypeScript」博客，結(jié)合自身實(shí)踐總結(jié)...
-
koa2+ Sequelize試玩
創(chuàng)建koa2項(xiàng)目 安裝koa-generator 生成koa2項(xiàng)目 安裝并啟動(dòng)服務(wù) 打開瀏覽器并訪問http://localhost:3000/ Sequelize連接mys...
-
flutter基礎(chǔ)-看完這篇就可以擼app了這篇內(nèi)容純干貨，手把手一步一步展示，從零到一個(gè)完整的app的構(gòu)建。 上一篇文章已經(jīng)教大家怎么搭建flutter的環(huán)境：傳送門 http://www.itdecent.cn/...
-
Flutter基礎(chǔ)篇（6）-- 水平和垂直布局詳解版權(quán)聲明：本文首發(fā)在公眾號(hào)Flutter那些事，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載。 本文示例代碼發(fā)布在Github，地址為: https://github.com/AweiLoveAndr...
-
基于Flutter的開源項(xiàng)目和App,Flutter入門有她就夠了(一)
基于Flutter的開源項(xiàng)目和App,Flutter入門有她就夠了(一) yubo725/flutter-osc stars:925 forks:113 項(xiàng)目描述：基于Go...
-
koa2中間件寫法（async&await）
新特性的發(fā)布 最近nodejs發(fā)布了v7.6.0。這個(gè)版本，正式包含了 async和await的用法，再也無(wú)需使用harmony模式或者使用babel轉(zhuǎn)換了。 koa2 然后...
-
Windows 下搭建 React Native（Android）環(huán)境本文主要是對(duì)在 Windows 下配置 React Native（Android）開發(fā)環(huán)境的一個(gè)總結(jié)。配置這套開發(fā)環(huán)境，我們需要用到以下的工具： yarn react-nat...
-
記一次vue 的keep-alive踩坑之路這個(gè)坑，從項(xiàng)目開始的時(shí)候就一直存在，在前期的時(shí)候還沒有影響到正常的流程，加之項(xiàng)目比較緊，就一直沒有花太多時(shí)間去管它。 可是在最近的業(yè)務(wù)中，這個(gè)問題已經(jīng)影響到了正常的流程，所以...
-
react如何封裝一個(gè)全局組件
date: 2017-11-29 21:59:29tags: 背景 react如何封裝一個(gè)組件相信，一百度網(wǎng)上一大把，當(dāng)我想通過(guò)message.error('錯(cuò)誤')，這樣的...
-
Vue 2.x + Webpack 4.x的那些事---萌新必備?? 個(gè)人主頁(yè)歡迎訪問 ?? 友情鏈接: 想要學(xué)習(xí)最簡(jiǎn)單最基礎(chǔ)的Vue+Webpack等更多配置, 可以Fork該項(xiàng)目, 遇到問題可以直接new issue 大家好，本人名叫...
-
pug模版學(xué)習(xí)（一）
標(biāo)簽 按照html的縮進(jìn)格式 編譯結(jié)果： 文本 編譯結(jié)果： 屬性 設(shè)置class名跟id名（默認(rèn)是div） 編譯結(jié)果： 其他屬性： 編譯結(jié)果： 注釋 case語(yǔ)句 編譯結(jié)果：...
-
JS判斷客戶端類型的幾種方法寫響應(yīng)式布局的時(shí)候,總要考慮是否是移動(dòng)端,基于這個(gè)這里總結(jié)了4種方法判斷客戶端是否是ios或者android。 1. 第一種：通過(guò)判斷瀏覽器的userAgent，用正則來(lái)判斷...
