通常我們使用offset+limit的方式進(jìn)行分頁(yè)查詢，然而隨著數(shù)據(jù)表數(shù)據(jù)量越來越大，這種分頁(yè)查詢的方式性能也會(huì)隨之降低。本篇主要介紹如何對(duì)分頁(yè)查詢進(jìn)行優(yōu)化。 一、起因 of...
發(fā)簡(jiǎn)信
IP屬地：浙江
-
MySQL百萬級(jí)數(shù)據(jù)量分頁(yè)查詢方法及其優(yōu)化建議
-
學(xué)習(xí)筆記（二十一）NuxtJS綜合案例中間跨了個(gè)春節(jié)，過完年手賤將做了一個(gè)禮拜的案例代碼給刪了，加上最近工作有點(diǎn)忙，學(xué)習(xí)也變的懈怠了，很久沒有更新了最近終于把之前的案例部分又重新做了遍，使用Github Acti...
-
學(xué)習(xí)筆記（二十）NuxtJS基礎(chǔ)
NuxtJS基礎(chǔ) NuxtJS是什么？ NuxtJS是一個(gè)基于Vue生態(tài)的第三方開源服務(wù)端渲染應(yīng)用框架它可以幫助我們輕松的使用Vue技術(shù)棧構(gòu)建同構(gòu)應(yīng)用官網(wǎng)：https://z...
-
學(xué)習(xí)筆記（十九）服務(wù)端渲染基礎(chǔ)
服務(wù)端渲染基礎(chǔ) 服務(wù)端渲染概述 隨著前端技術(shù)發(fā)展，涌現(xiàn)了許多優(yōu)秀的基于客戶端渲染CSR的前端框架，例如Angular，React，Vue等，這些框架使我們可以方便的構(gòu)建SPA...
-
學(xué)習(xí)筆記（十八）Vuex狀態(tài)管理Vuex狀態(tài)管理 組件狀態(tài)管理及組件間通信回顧 狀態(tài)管理 狀態(tài)集中管理和分發(fā)，解決多個(gè)組件共享狀態(tài)的問題 狀態(tài)自管理應(yīng)用包含以下幾個(gè)部分 state：驅(qū)動(dòng)應(yīng)用的數(shù)據(jù)源 vie...
-
學(xué)習(xí)筆記（十七）Vue.js源碼剖析 - 模板編譯和組件化
Vue.js 源碼剖析 - 模板編譯和組件化 模板編譯簡(jiǎn)介 模板編譯主要目的是將模板(template)轉(zhuǎn)換為渲染函數(shù)(render) 模板編譯的作用 Vue2.x使用VNo...
-
學(xué)習(xí)筆記（十三）模擬 Vue.js 響應(yīng)式原理模擬Vue.js響應(yīng)式原理 數(shù)據(jù)驅(qū)動(dòng) 數(shù)據(jù)響應(yīng)式數(shù)據(jù)模型是普通的JavaScript對(duì)象，當(dāng)我們修改數(shù)據(jù)時(shí)，視圖會(huì)進(jìn)行相應(yīng)的更新，避免了繁瑣的DOM操作，提高開發(fā)效率 雙向綁...
-
學(xué)習(xí)筆記（十二）Vue基礎(chǔ)及Vue-Router原理實(shí)現(xiàn)
最近工作太忙，課程落下了不少，好長(zhǎng)時(shí)間沒更新了，后續(xù)還得抓緊把進(jìn)度趕上來 Vue基礎(chǔ) 詳見Vue官網(wǎng)文檔介紹https://cn.vuejs.org/v2/guide/[ht...
-
學(xué)習(xí)作業(yè)-使用Webpack實(shí)現(xiàn)Vue項(xiàng)目的打包任務(wù)
基本實(shí)現(xiàn)思路分析 基本功能需要實(shí)現(xiàn)對(duì)Vue項(xiàng)目中常用的各類資源文件的打包處理，使用Webpack的loader實(shí)現(xiàn)，涉及的常用資源文件包含vue文件JS文件，需要使用babe...
-
學(xué)習(xí)筆記（十一）——Webpack之外的其他打包工具
Webpack之外的其他打包工具 Rollup Rollup與webpack非常類似，但是比webpack要小巧的多，只是一款ES Module的打包器 快速上手在要進(jìn)行打包...
-
學(xué)習(xí)筆記（十）——Webpack打包Webpack打包 webpack是一款目前主流的模塊化打包工具，提供了對(duì)前端開發(fā)過程中涉及的所有資源的模塊化打包方案 模塊化打包工具由來 解決開發(fā)階段代碼在實(shí)際生產(chǎn)運(yùn)行環(huán)境...
-
學(xué)習(xí)筆記（九）——模塊化開發(fā)
模塊化開發(fā) 模塊化只是一種思想 模塊化演變過程 Stage 1 - 文件劃分方式將功能與數(shù)據(jù)放置到不同的文件當(dāng)中約定每個(gè)文件都是一個(gè)獨(dú)立的模塊缺點(diǎn)：每個(gè)模塊都在全局作用域下工...
-
學(xué)習(xí)筆記（八）——自動(dòng)化構(gòu)建自動(dòng)化構(gòu)建 一切重復(fù)的工作都應(yīng)該被自動(dòng)化自動(dòng)化構(gòu)建是前端工程化過程中一個(gè)重要的組成部分自動(dòng)化構(gòu)建工作流可以使我們?cè)陂_發(fā)階段使用一些高效的語(yǔ)法、規(guī)范、標(biāo)準(zhǔn)和工具，脫離運(yùn)行環(huán)境兼...
-
學(xué)習(xí)筆記（七）——前端工程化+腳手架工具前端工程化 一切以提高效率、降低成本、質(zhì)量保證為目的的手段都屬于工程化 前端工程化主要解決的問題 傳統(tǒng)語(yǔ)言或語(yǔ)法的弊端 無法使用模塊化/組件化 重復(fù)的機(jī)械工作 代碼風(fēng)格統(tǒng)一、...
-
學(xué)習(xí)筆記（六）——JavaScript 性能優(yōu)化
內(nèi)存管理 由開發(fā)者主動(dòng)申請(qǐng)、使用、釋放內(nèi)存空間JavaScript中的內(nèi)存管理是自動(dòng)的 申請(qǐng)內(nèi)存空間JavaScript中沒有提供內(nèi)存空間申請(qǐng)的API當(dāng)定義一個(gè)變量，變量被聲...
-
學(xué)習(xí)筆記（五）——TypeScript 語(yǔ)言
強(qiáng)類型與弱類型（類型安全維度） 語(yǔ)言層面限制 強(qiáng)類型：不允許任意的數(shù)據(jù)隱式類型轉(zhuǎn)換在編碼階段就能提示類型錯(cuò)誤，可以更早暴露錯(cuò)誤可以提高代碼效率和準(zhǔn)確性（可以提供更準(zhǔn)確的智能提...