通常我们使用offset+limit的方式进行分页查询,然而随着数据表数据量越来越大,这种分页查询的方式性能也会随之降低。本篇主要介绍如何对分页查询进行优化。 一、起因 of...
通常我们使用offset+limit的方式进行分页查询,然而随着数据表数据量越来越大,这种分页查询的方式性能也会随之降低。本篇主要介绍如何对分页查询进行优化。 一、起因 of...
comming soon
中间跨了个春节,过完年手贱将做了一个礼拜的案例代码给删了,加上最近工作有点忙,学习也变的懈怠了,很久没有更新了最近终于把之前的案例部分又重新做了遍,使用Github Acti...
NuxtJS基础 NuxtJS是什么? NuxtJS是一个基于Vue生态的第三方开源服务端渲染应用框架它可以帮助我们轻松的使用Vue技术栈构建同构应用官网:https://z...
服务端渲染基础 服务端渲染概述 随着前端技术发展,涌现了许多优秀的基于客户端渲染CSR的前端框架,例如Angular,React,Vue等,这些框架使我们可以方便的构建SPA...
Vuex状态管理 组件状态管理及组件间通信回顾 状态管理 状态集中管理和分发,解决多个组件共享状态的问题 状态自管理应用包含以下几个部分 state:驱动应用的数据源 vie...
Vue.js 源码剖析 - 模板编译和组件化 模板编译简介 模板编译主要目的是将模板(template)转换为渲染函数(render) 模板编译的作用 Vue2.x使用VNo...
Vue.js源码剖析 - 虚拟DOM 虚拟DOM概念回顾 什么是虚拟DOM? 虚拟DOM(Virtual DOM)是使用JavaScript对象来描述真实的DOM,本质是Ja...
Vue.js 源码剖析 - 响应式原理 准备工作 Vue源码获取 这里主要分析 Vue 2.6版本的源码,使用Vue 3.0版本来开发项目还需要一段时间的过渡 项目地址:Vu...
什么是虚拟DOM 虚拟DOM是一个普通的JavaScript对象,用来描述真实的DOM创建虚拟DOM的开销要比创建真实DOM小很多 为什么要使用虚拟DOM? 手动操作DOM比...
模拟Vue.js响应式原理 数据驱动 数据响应式数据模型是普通的JavaScript对象,当我们修改数据时,视图会进行相应的更新,避免了繁琐的DOM操作,提高开发效率 双向绑...
最近工作太忙,课程落下了不少,好长时间没更新了,后续还得抓紧把进度赶上来 Vue基础 详见Vue官网文档介绍https://cn.vuejs.org/v2/guide/[ht...
基本实现思路分析 基本功能需要实现对Vue项目中常用的各类资源文件的打包处理,使用Webpack的loader实现,涉及的常用资源文件包含vue文件JS文件,需要使用babe...
Webpack之外的其他打包工具 Rollup Rollup与webpack非常类似,但是比webpack要小巧的多,只是一款ES Module的打包器 快速上手在要进行打包...
Webpack打包 webpack是一款目前主流的模块化打包工具,提供了对前端开发过程中涉及的所有资源的模块化打包方案 模块化打包工具由来 解决开发阶段代码在实际生产运行环境...
模块化开发 模块化只是一种思想 模块化演变过程 Stage 1 - 文件划分方式将功能与数据放置到不同的文件当中约定每个文件都是一个独立的模块缺点:每个模块都在全局作用域下工...
自动化构建 一切重复的工作都应该被自动化自动化构建是前端工程化过程中一个重要的组成部分自动化构建工作流可以使我们在开发阶段使用一些高效的语法、规范、标准和工具,脱离运行环境兼...
前端工程化 一切以提高效率、降低成本、质量保证为目的的手段都属于工程化 前端工程化主要解决的问题 传统语言或语法的弊端 无法使用模块化/组件化 重复的机械工作 代码风格统一、...
内存管理 由开发者主动申请、使用、释放内存空间JavaScript中的内存管理是自动的 申请内存空间JavaScript中没有提供内存空间申请的API当定义一个变量,变量被声...
强类型与弱类型(类型安全维度) 语言层面限制 强类型:不允许任意的数据隐式类型转换在编码阶段就能提示类型错误,可以更早暴露错误可以提高代码效率和准确性(可以提供更准确的智能提...