資訊專(zhuān)欄INFORMATION COLUMN
摘要：打印背景色結(jié)語(yǔ)最后寫(xiě)簡(jiǎn)歷的事情，也被我們工程化了，想想也是省心省力。可以發(fā)揮我們的想象，加入各種好玩的東西，再也沒(méi)人有跟我一樣的簡(jiǎn)歷樣式了。這里寫(xiě)了一個(gè)簡(jiǎn)單的項(xiàng)目，僅供參考地址
本文屬于原創(chuàng)文章，轉(zhuǎn)載請(qǐng)注明--來(lái)自桃源小盼的博客
起因每次換工作寫(xiě)簡(jiǎn)歷都是有點(diǎn)痛苦的事情，尤其是下載word模板，各種注冊(cè)流程，有的還得買(mǎi)積分，沖會(huì)員，甚是不爽。就算下載好了，修改其中的一些細(xì)節(jié)也不太熟悉各種功能，由于長(zhǎng)期不用word，早把很多設(shè)置功能拋之腦后。
忽然有一天靈感涌上，這種簡(jiǎn)易的模板樣式，對(duì)于一個(gè)前端工程師來(lái)說(shuō)，寫(xiě)個(gè)頁(yè)面分分鐘的事，只要能把html轉(zhuǎn)成pdf格式這事就成了。
PuppeteerPuppeteer是谷歌出的一個(gè)headless自動(dòng)化工具。
利用網(wǎng)頁(yè)生成PDF、圖片
抓取網(wǎng)站內(nèi)容
自動(dòng)化表單提交、UI測(cè)試、鍵盤(pán)輸入等
創(chuàng)建一個(gè)最新的自動(dòng)化測(cè)試環(huán)境
用來(lái)把html轉(zhuǎn)換pdf，雖然是有點(diǎn)大材小用，但是很適合，渲染效果也是足夠放心的。
install# > Node v6.4.0 npm i puppeteer --save
但是安裝這里有坑位，還好前人踩過(guò)坑了，失敗的人點(diǎn)這里，筆者也是下載失敗了~~~
index.html具體怎么寫(xiě)得養(yǎng)眼，就是自己的事情了，這里提供一個(gè)簡(jiǎn)單的模板。
我的簡(jiǎn)歷
主要內(nèi)容
gulpfile.js
既然想要寫(xiě)得爽，怎么也得來(lái)個(gè)熱更新吧，搞個(gè)簡(jiǎn)單的自動(dòng)化工具。
Puppeteer只能訪問(wèn)http地址，所以還需要靜態(tài)資源服務(wù)
npm i --save browser-sync gulp gulp-notify
browser-sync 提供靜態(tài)服務(wù)器和熱更新
gulp 自動(dòng)化工具
const gulp = require("gulp")
const notify = require("gulp-notify")
const browserSync = require("browser-sync").create()
const reload = browserSync.reload
// 熱更新
gulp.task("styles", function () {
return gulp.src("src/*.css")
.pipe(reload({stream: true}))
.pipe(notify({message: "Styles complete"}))
});
// 靜態(tài)資源服務(wù)
gulp.task("serve", ["styles"], function () {
browserSync.init({
server: {
baseDir: "./src"
},
port: 7000,
// 關(guān)閉右上角通知
notify: false
})
gulp.watch("src/**/*.css", ["styles"])
gulp.watch("src/**/*.html", reload)
})
build.js
只差轉(zhuǎn)換生成了，這里用到了await語(yǔ)法，否則層級(jí)太深。
(async function () {
const path = require("path")
const puppeteer = require("puppeteer")
const browser = await puppeteer.launch()
const page = await browser.newPage()
await page.goto("http://localhost:7000")
await page.pdf({
path: "resume.pdf",
format: "A4",
// 打印背景色
printBackground: true
})
await browser.close()
console.info("build done")
})()
結(jié)語(yǔ)
最后寫(xiě)簡(jiǎn)歷的事情，也被我們工程化了，想想也是省心省力?？梢园l(fā)揮我們的想象，加入各種好玩的東西，再也沒(méi)人有跟我一樣的簡(jiǎn)歷樣式了。
這里寫(xiě)了一個(gè)簡(jiǎn)單的項(xiàng)目，僅供參考demo地址
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52976.html
摘要：目前是剛到美國(guó)個(gè)多月，分享在美國(guó)求職的經(jīng)歷，目前已有面試進(jìn)入背調(diào)階段，把我期間的準(zhǔn)備分享給大家。國(guó)內(nèi)說(shuō)到關(guān)系，大多是負(fù)面的，但是美國(guó)這邊叫，他們確實(shí)對(duì)這個(gè)很推崇的。 前言：先自我介紹一下，我是新晉前端小白白，15年畢業(yè)之后，在相關(guān)領(lǐng)域工作3年，但一直都在自我提升階段。目前是剛到美國(guó)2個(gè)多月，分享在美國(guó)求職的經(jīng)歷，目前已有面試進(jìn)入背調(diào)階段，把我期間的準(zhǔn)備分享給大家。愿同道中人共同進(jìn)步！有...
摘要：目前是剛到美國(guó)個(gè)多月，分享在美國(guó)求職的經(jīng)歷，目前已有面試進(jìn)入背調(diào)階段，把我期間的準(zhǔn)備分享給大家。國(guó)內(nèi)說(shuō)到關(guān)系，大多是負(fù)面的，但是美國(guó)這邊叫，他們確實(shí)對(duì)這個(gè)很推崇的。 前言：先自我介紹一下，我是新晉前端小白白，15年畢業(yè)之后，在相關(guān)領(lǐng)域工作3年，但一直都在自我提升階段。目前是剛到美國(guó)2個(gè)多月，分享在美國(guó)求職的經(jīng)歷，目前已有面試進(jìn)入背調(diào)階段，把我期間的準(zhǔn)備分享給大家。愿同道中人共同進(jìn)步！有...
摘要：目前是剛到美國(guó)個(gè)多月，分享在美國(guó)求職的經(jīng)歷，目前已有面試進(jìn)入背調(diào)階段，把我期間的準(zhǔn)備分享給大家。國(guó)內(nèi)說(shuō)到關(guān)系，大多是負(fù)面的，但是美國(guó)這邊叫，他們確實(shí)對(duì)這個(gè)很推崇的。 前言：先自我介紹一下，我是新晉前端小白白，15年畢業(yè)之后，在相關(guān)領(lǐng)域工作3年，但一直都在自我提升階段。目前是剛到美國(guó)2個(gè)多月，分享在美國(guó)求職的經(jīng)歷，目前已有面試進(jìn)入背調(diào)階段，把我期間的準(zhǔn)備分享給大家。愿同道中人共同進(jìn)步！有...
摘要：正如我標(biāo)題所說(shuō)，簡(jiǎn)歷被拒?？戳宋液?jiǎn)歷之后說(shuō)頭條競(jìng)爭(zhēng)激烈，我背景不夠，點(diǎn)到為止。。三準(zhǔn)備面試其實(shí)從三月份投遞簡(jiǎn)歷開(kāi)始準(zhǔn)備面試到四月份收，也不過(guò)個(gè)月的時(shí)間，但這都是建立在我過(guò)去一年的積累啊。 本文是 無(wú)精瘋 同學(xué)投稿的面試經(jīng)歷 關(guān)注微信公眾號(hào)：進(jìn)擊的java程序員K，即可獲取最新BAT面試資料一份 在此感謝 無(wú)精瘋 同學(xué)的分享 目錄： 印象中的頭條 面試背景 準(zhǔn)備面試 ...
閱讀 2061·2021-09-29 09:35
閱讀 1970·2019-08-30 14:15
閱讀 2998·2019-08-30 10:56
閱讀 986·2019-08-29 16:59
閱讀 601·2019-08-29 14:04
閱讀 1332·2019-08-29 12:30
閱讀 1051·2019-08-28 18:19
閱讀 535·2019-08-26 11:51
