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