Nuxt3.0的学习与使用

开发框架/ ssr
Nuxt3.0的学习与使用

前言 之前已经学习过关于Nuxt2.0Nuxt2.0知识文档的相关知识点,也在实际的该框架下进行过对应的项目开发,现在迁移至Nuxt3.0的学习(本文简称Nuxt),并在此框架上进行对应的项目实战,在实战之前,很有必要进行关于Nuxt的使用文档简单的说明!!之前已经针对2.0版本进行一个详细的分析过了,因此本文仅针对3.0的使用特性进行一些补充说明。在开始进行该框架的介绍...

如何使用tailwindcss来管理项目的样式

css/ tailwindcss
如何使用tailwindcss来管理项目的样式

前言😕 大家可以看到之前我们项目(比如使用vue全家桶+某个UI库)中打包出来的结果css内容,可以发现,我们在项目中经常使用的那就那么些样式,但是打包出来的最终效果确是像 ☝ 的一样,将有关的和无关的样式都给怼进来了,搞得整个css样式表非常的大。 更 🐶 的是如果我们要做响应式的交互效果,我们基本上都得一个个媒体查询都得用起来,并维护一套套的不同的样式表,来确保在...

从vue2迁移到vue3的编码实战思考

开发框架/ vue3
从vue2迁移到vue3的编码实战思考

前言 习惯了vue2全家桶项目的开发,突然转向vue3,如果单纯的使用选项式的模式来编写vue3的项目的话,与vue2并没有太大的差别,无非是将data从原本的data(){}函数中转移到了setup()函数中而已,但在vue3中提供了另外一种组合式编程的模式,让我们能够以函数调用的方式来编写对应的项目,下面将通过实际的项目编码方式上的对比,来进行整理两者之间的一个区别,...

vue3全家桶学习

开发框架/ vue3
vue3全家桶学习

前言 在从以前vue2项目中转向vue3的领域,据网上说好像有很大的性能以及编码速度的提升空间,感觉已经迫不及待要来接触这个领域,看看vue3是如何“征服”vue2的开发者的,它与之前使用vue2所开发出来的项目 🈶 什么区别? 🈶 什么优势??? 在通读了一遍vue3的官方文档 vue3官方文档 之后,感觉编码习惯 🈶 一定的区别,虽然vue3支持“选项式(与...

验证json-web-token的koa中间件:koa-jwt

koa/ middleware
验证json-web-token的koa中间件:koa-jwt

前言 JSON Web Token(以下简称JWT)是一个开放标准,它定义了一种紧凑且自包含的方式,用于作为JSON对象在各方之间安全地传输信息。此信息可以被验证和信任,因为它是数字签名的。JWT可以使用秘密(使用HMAC算法)或使用RSA或ECDSA的公钥/私钥对来签名。简而言之,就是使用一个加密的以及base64编码组成的字符串,用于解决跨域认证问题的一个机制! 传...

koa用户认证抽象层中间件

koa/ middleware
koa用户认证抽象层中间件

前言 koa-userauth用户认证抽象层中间件,主要用于在某些场景下,某些资源是必须授权(一般是登录)通过之后才能够访问的,当未登录去访问需要的资源时,由于该资源是需要授权才能够访问到的(可选择从session中获取),因此将自动重定向到,再重定向到原本目标资源的访问 如何使用123456789101112131415161718const koa = requir...

文件上传中间件:koa-multer

koa/ middleware
文件上传中间件:koa-multer

前言 文件上传,应该是web应用开发中最常见的动作了,一般有单文件上传、多文件上传、文件与数据一同上传等方式,而koa中使用了koa-multer来进行文件的上传服务,下面让我们来了解一波关于文件上传服务的使用! 如何使用123456789101112131415161718192021222324252627const Koa = require('koa');con...

外部存储会话管理:koa-generic-session

koa/ middleware
外部存储会话管理:koa-generic-session

前言 之前我们介绍了关于koa-session的简单运用,了解了其中关于内存缓存级别(cookies)控制的客户端会话管理,现在我们来了解一波关于外部存储(koa-redis)的相关运用,来以免服务重启导致缓存数据丢失的问题!这里的koa-generic-session其实就是针对原本的koa-session进行一个一层包装,通过追加的固定的配置以及对应额外的属性来丰富这...

会话管理中间件:koa-session

koa/ middleware
会话管理中间件:koa-session

前言koa-session官网 对于浏览器端的session,通常会使用cookie来存储session标识。在用户首次访问服务端时,服务端会生成一个唯一的session标识,并将其存储在cookie中返回给浏览器。随后,每次浏览器发送请求到服务端时,会自动携带上一次存储在cookie中的session标识。服务端通过解析请求中的session标识,可以识别出当前请求属...

路由配置中间件:koa-router

koa/ middleware
路由配置中间件:koa-router

前言koa-router官网 Koa自身并没有提供关于对于不同的path、不同的method的处理中间件配置,假如我们在程序中采用一系列if判断,来识别不同的路径、不同的请求方式对应于不同的中间件函数的话,那么随着项目的迭代,产生的结果将会是毁灭性的!!因此,需要 🈶 那么一个中间件,能够帮助我们管理好不同的路径、不同的请求方式下对应的中间件:koa-router,通...

解析请求body中间件:koa-bodyparser

koa/ middleware
解析请求body中间件:koa-bodyparser

前言bodyparser官网 作为消息请求体(body)的解析器,基于co-body进行的body的解析,可支持json、form、text、xml类型的body的解析!在处理程序之前,在中间件中解析传入的请求体,解析完成后,将在Koa上下文ctx.request中追加body参数,使得后续所有的中间件可以通过ctx.request.body属性来访问到解析后的参数,从...

koa的使用与常用中间件一览

nodejs/ koa
koa的使用与常用中间件一览

前言Koa官网 Koa,基于Node.js平台的下一代web开发框架!致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。通过利用 async 函数,Koa`` 帮你丢弃回调函数,并有力地增强错误处理。 Koa`` 并没有捆绑任何中间件, 而是提供了一套优雅的方法,帮助您快速而愉快地编写服务端应用程序。 koa是什么? Koa 应用...

vue源码学习与分析(三):vue指令

前端/ 开发框架/ vue
vue源码学习与分析(三):vue指令

前言 在编写vue项目的过程中,指令应该是相当的熟悉的了Vue 指令是一种特殊的 HTML 属性,具有 v- 前缀,用于在模板中声明性地绑定数据并对 DOM 进行操作。指令可以被绑定到 HTML 元素、组件和相应的模板语法中。在 Vue 中,指令本质上就是实现了一个自定义操作的 JS 函数,该函数接受两个参数:绑定元素 (el) 和指令对象 (binding)。指令对象包...

vue-router的用法与源码学习

前端/ 开发框架/ vuex
vue-router的用法与源码学习

前言 在之前vue全家桶项目中,对于vue-router的使用,爽得不要不要的,😕 那么,我们是否有思考过,这个vue-router的工作过程是怎样的?它是如何设计的?为什么我们简单通过配置一张“路由表”,就可以实现整个web应用的路由控制功能?在路由表中它与component组件的关联是如何被建立起来的?懒加载机制是如何实现的?为什么在任意组件中通过watcher $...

Vuex的用法与源码学习

前端/ 开发框架/ vuex
Vuex的用法与源码学习

前言 在使用vue全家桶来开发前端站点的时候,对于vue组件间通信,有那么一种方式(也是普遍使用的方式),就是使用vuex来实现跨组件间的通讯,本文章旨在通过使用vuex解决实际项目的同时,从源码层面解析关于vuex是如何做到远程触发的相关原理的!Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规...

vue源码学习与分析(五):业界关于vue使用过程中提升性能的编码习惯

前端/ 开发框架/ vue
vue源码学习与分析(五):业界关于vue使用过程中提升性能的编码习惯

前言 业界网络上关于提升vue编程 🈶 不少的编程技巧,而且之前自己更多的是拿来就直接用了,也不清楚为什么需要这样子写?在学习了关于vue的源码之后,觉得很有必要来针对这些优化技巧提供适当、合理的一个解释! 👇 是关于网络上所提及的关于提升vue编程性能的一些小技巧: 在使用v-for指令进行循环的时候,需要针对每一个item提供对应唯一的key作为属性,这样子可...

vue源码学习与分析(二):vue中的监听机制

前端/ 开发框架/ vue
vue源码学习与分析(二):vue中的监听机制

前言 网络上充斥着一堆的看法,说这个vue是一个MVVM的前端框架,将双向数据绑定做了很好的实现。😕 那么,什么是双向数据绑定?我们有必要学习这个双向数据绑定吗?vue是如何实现双向数据绑定的?为什么vue中的数据一更新,界面就会对应发生变化?👇 我们带着着几个问题,来理解vue的双向数据绑定的过程,从更加深层次的角度来理解关于vue的一个执行过程,以便于自己后续在实...

vue源码学习与分析(一):vm实例如何渲染

前端/ 开发框架/ vue
vue源码学习与分析(一):vm实例如何渲染

前言 接着上一篇文章,关于new Vue({})脚本程序执行的时候发生了什么?为什么执行了这个方法之后,就可以对应在界面上展示相应的信息(如下图所示) 🌟 猜想:一个html需要在界面上展示对应的渲染结果,那么需要对应的添加相应的html标签,才可能使对应的节点元素能够正常展示! 👉 那么,问题就演变为Vue是如何生成对应的html出来的? 要想了解这个渲染的...

vue源码学习与分析

前端/ 开发框架/ vue
vue源码学习与分析

前言 终于来开始对vue源码进行一个完整的剖析学习了!根据整体的源码分析,整理了以下 👇 一个关于vue源码的学习计划:🌠 这里分为几个阶段来对vue源码进行解读与学习! vue源码学习; vue-cli脚手架学习; vue全家桶vuex、vue-router学习; vue-loader学习 👽 这边将从本文章以及后续的其他文章中记录关于vue源码的一个学习过...

×
这一句 是 在 2015.09.23 23:05:17 收藏的!