LaGo
关注
分享
扫一扫
文章平均质量分 95
后海 0_o
我与成长, 至死方休
展开
-
React2023电商项目实战 - 1.项目搭建
登录、注册商城：模糊搜索、属性筛选(多选)、价格区间筛选支付流程：购物车 - 填写地址 - 订单 - 支付 - 查看订单状态个人中心：会员：个人信息管理员：个人信息、创建分类、创建商品、订单列表。原创 2023-08-17 17:15:48 · 4101 阅读 · 2 评论 -
NuxtJS实战案例
NuxtJS 服务渲染的应用原创 2022-06-22 11:47:27 · 2061 阅读 · 7 评论 -
Nuxt.js 基础语法
Nuxt 提供了两种方式用来创建项目： 使用 create-nuxt-app 脚手架工具、手动创建，下面以手动创建为例：原创 2022-06-05 19:58:34 · 414 阅读 · 0 评论 -
服务端渲染概念
生活就是个缓慢受锤的过程人一天天老下去奢望也一天天消失最后变得像挨了锤的牛一样一、概述1. 客户端渲染客户端渲染的前端框架： Angular、React、VueSPA单页应用：优点： 用户体验好、开发效率高、渲染性能好、可维护性好缺点： 首屏渲染时间长、不利于SEO2. 现代化的服务端渲染服务器渲染流程：客户端激活为SPA： 为了获得更好的用户体验，同时会在客户端将来自服务端渲染的内容激活为一个 SPA应用3. 同构应用通过服务端渲染..原创 2022-05-31 21:16:14 · 617 阅读 · 0 评论 -
Vuex深度解析
一、组件通信方式1. 组件内的状态管理流程组件化开发优点： 更快的开发效率、更好的可维护性此处数据的流向是单向的，State状态就是我们所说的数据，数据绑定到视图展示给用户，当用户和视图交互，通过Actions更改数据之后，更改后的数据重新绑定到视图。状态管理包含以下几部分：state（状态）： 驱动应用的数据源view（视图）： 以声明方式将 state 映射到视图actions（行为）： 响应在 view 上的用户输入导致的状态变化2. 组件间传值方式在 Vue...原创 2022-05-28 23:55:51 · 384 阅读 · 2 评论 -
Virtual DOM 的实现原理
人之患，在于好为人师一、概述1. 什么是Virtual DOMVirtual DOM（虚拟DOM），是由普通的JS对象描述DOM对象，因为不是真实的DOM对象，所以叫做Virtual DOM状态的变化首先作用于虚拟 DOM，最终映射到真实的DOM中真实的DOM成员非常多，所以创建一个DOM对象的成本非常高；可以通过Virtual DOM来描述真实DOM，示例：{ sel: 'div', data: {}, text: 'Hello Virtual DOM', el..原创 2022-05-23 19:03:32 · 204 阅读 · 0 评论 -
Vue响应式原理及实现
一、核心原理1. 页面展示下载 vue.js 模块响应式基础结构：<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <title>Vue 基础结构</title></head><body> <div id="app"> <h1>差值表达式</h1> <...原创 2022-05-21 15:00:01 · 480 阅读 · 0 评论 -
Vue Router 原理分析与实现
一、Vue 基础回顾1.二、三、原创 2022-05-10 15:28:19 · 296 阅读 · 1 评论 -
前端自动化构建
在自己还得不到幸福的时候，不要靠橱窗太近，盯着幸福出神原创 2022-05-06 17:04:13 · 913 阅读 · 0 评论 -
前端脚手架工具
读书，学会和伟大的灵魂沟通；学会独处，学会独立思考；学会坚韧，也学会谦卑一、工程化定义： 一切以提高效率、降低成本、质量保证为目的的手段都属于 工程化1. 主要解决的问题：想要使用ES6+新特性，但是兼容有问题 （传统语言或语法的弊端）想要使用Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性，但运行环境不能直接支持 （无法使用模块化、组件化）部署上线前需要手动压缩代码及资源文件，部署过程需要手动上传代码到服务器 ..原创 2022-05-05 17:18:20 · 908 阅读 · 0 评论 -
JavaScript性能优化
花了一个人生命中，最宝贵的的时光来赚钱，为了在最不宝贵的时间里享受一点点容易被质疑的自由。一、内存管理⑴. 内存管理内存： 由可读单元组成，表示一片可操作空间管理： 人为地操作一片空间的申请、使用、释放内存管理： 开发者主动的申请空间、使用空间、释放空间流程： 申请 - 使用 - 释放示例：// 申请let obj = {}// 使用obj.name = 'zoe'// 释放obj = null⑵. 垃圾回收垃圾：JavaScript 中内存管理是自..原创 2022-04-28 21:06:20 · 2228 阅读 · 0 评论 -
TypeScript详细解析
管什么真理无穷， 进一寸有一寸的欢喜一、类型系统1. 强类型、弱类型强类型： 在语言层面限制了，函数的实参类型和形参类型必须一致弱类型： 在语言层面不会限制实参类型强类型中，不允许任意的隐形类型转换2. 静态类型、动态类型二、JavaScript 类型系统的问题三、Flow 静态类型检查方案四、TypeScript 语法规范和使用...原创 2022-04-21 22:04:06 · 1421 阅读 · 0 评论 -
ECMAScript新特性
后海有树的院子，夏代有工的；此时此刻的云，二十来岁的你。——冯唐《可遇不可求的事》一、概述原创 2022-04-12 21:55:51 · 557 阅读 · 0 评论 -
手撕Promise源码
日拱一卒终有尽， 功不唐捐终入海一、Promise 类核心逻辑实现思路：Promise 就是一个类 =>需要有一个立即执行的回调 =>传递两个参数resolve和reject(函数) =>resolve和reject能够改变状态 =>Promise 有三个特有的状态,并且不能被再次修改 =>提供链式调用的 then 方法 =>传递两个参数,分别执行失败/成功回调 =>成功需要传递成功的参数, 失败需要传递失败的原因 =>导..原创 2022-04-09 16:27:46 · 1049 阅读 · 0 评论 -
JavaScript异步编程特性
我与成长，至死方休~一、概述1. 概念假定在JavaScript中有多个线程同时工作,有一个线程修改了找个线程的元素,而另一个线程同时删除了找个元素,那此时浏览器就无法决定以哪一个线程的结果为准; 为了避免这种线程同步的问题,所以JavaScript从一开始就被设定为单线程模式工作,那这也成为了这门语言的核心特色之一定义： Javascript 是一门单线程语言； avaScript最早运行在浏览器的脚本语言,它的目的是用来实现页面的动态交互,而实现页面交互的核心就是DOM操作,那这就..原创 2022-03-27 17:55:09 · 926 阅读 · 0 评论 -
前端函数式编程思想
我与成长，至死方休~一、编程思想函数式编程(Functional Programming, FP)，FP 是编程范式之一，我们常听说的编程范式还有面向过程编程、面向对象编程。面向对象编程：把现实世界中的事物抽象成程序世界中的类和对象，通过封装、继承和多态来演示事物事件的联系（对事物本身进行抽象）函数式编程：把现实世界的事物和事物之间的联系抽象到程序世界（对运算过程进行抽象）// 非函数式let num1 = 2let num2 = 3let sum = num1 + nu..原创 2022-03-17 23:45:11 · 1578 阅读 · 0 评论