通常我們使用offset+limit的方式進(jìn)行分頁(yè)查詢，然而隨著數(shù)據(jù)表數(shù)據(jù)量越來(lái)越大，這種分頁(yè)查詢的方式性能也會(huì)隨之降低慢洋。本篇主要介紹如何對(duì)分頁(yè)查詢進(jìn)行優(yōu)化。 一张足、起因 of...
發(fā)簡(jiǎn)信
IP屬地：浙江
-
MySQL百萬(wàn)級(jí)數(shù)據(jù)量分頁(yè)查詢方法及其優(yōu)化建議
-
學(xué)習(xí)筆記（二十一）NuxtJS綜合案例中間跨了個(gè)春節(jié)愿险，過(guò)完年手賤將做了一個(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)的問(wèn)題 狀態(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源碼剖析 - 虛擬DOM
Vue.js源碼剖析 - 虛擬DOM 虛擬DOM概念回顧 什么是虛擬DOM？ 虛擬DOM(Virtual DOM)是使用JavaScript對(duì)象來(lái)描述真實(shí)的DOM司志，本質(zhì)是Ja...
-
學(xué)習(xí)筆記（十五）Vue.js源碼剖析 - 響應(yīng)式原理Vue.js 源碼剖析 - 響應(yīng)式原理 準(zhǔn)備工作 Vue源碼獲取 這里主要分析 Vue 2.6版本的源碼甜紫，使用Vue 3.0版本來(lái)開發(fā)項(xiàng)目還需要一段時(shí)間的過(guò)渡 項(xiàng)目地址：Vu...
-
學(xué)習(xí)筆記（十四）Vue Virtual DOM的實(shí)現(xiàn)原理
什么是虛擬DOM 虛擬DOM是一個(gè)普通的JavaScript對(duì)象，用來(lái)描述真實(shí)的DOM創(chuàng)建虛擬DOM的開銷要比創(chuàng)建真實(shí)DOM小很多 為什么要使用虛擬DOM骂远？ 手動(dòng)操作DOM比...
-
學(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)度趕上來(lái) 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ā)過(guò)程中涉及的所有資源的模塊化打包方案 模塊化打包工具由來(lái) 解決開發(fā)階段代碼在實(shí)際生產(chǎn)運(yùn)行環(huán)境...
-
學(xué)習(xí)筆記（九）——模塊化開發(fā)
模塊化開發(fā) 模塊化只是一種思想 模塊化演變過(guò)程 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)建是前端工程化過(guò)程中一個(gè)重要的組成部分自動(dòng)化構(gòu)建工作流可以使我們?cè)陂_發(fā)階段使用一些高效的語(yǔ)法坎炼、規(guī)范、標(biāo)準(zhǔn)和工具拦键，脫離運(yùn)行環(huán)境兼...
-
學(xué)習(xí)筆記（七）——前端工程化+腳手架工具前端工程化 一切以提高效率点弯、降低成本、質(zhì)量保證為目的的手段都屬于工程化 前端工程化主要解決的問(wèn)題 傳統(tǒng)語(yǔ)言或語(yǔ)法的弊端 無(wú)法使用模塊化/組件化 重復(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)確的智能提...