Vue 3.4 的功能

6 月 12 日
阅读 4 分钟
372
更新日志潜在需要的 action亮点功能解析器速度提高 2 倍,优化 SFC 的构建性能更高效的响应性系统defineModel 现已稳定v-bind 同名简写改良水合(hydration)的不匹配错误错代码和编译时标志参考移除已废弃功能全局 JSX 命名空间其他已删除功能潜在需要的 action为了充分利用 Vue 3.4 的功能,建议在升级到 Vue 3.4 时,...

script setup

6 月 12 日
阅读 7 分钟
346
script setup 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。当同时使用 SFC 与组合式 API 时该语法是默认推荐。相比于普通的 script 语法,它具有更多优势:

effectScope

6 月 12 日
阅读 2 分钟
365
effectScope 是 Vue 3.2.0 引入的新 API,主要用于响应式系统的高阶内容。字面上理解,它就是 effect 作用域,用于收集在其中所创建的副作用,并能对其进行统一的处理.
封面图

Vue3常用组合式APi使用指南

4 月 26 日
阅读 8 分钟
587
当使用 script setup 的时候,任何在 script setup 声明的顶层的绑定 (包括变量,函数声明,以及 import 导入的内容) 都能在模板中直接使用:

Vue3之九层试炼塔闯关

4 月 19 日
阅读 9 分钟
262
Vue.js作为前端流行的框架,Vue3中带来了许多新的特性和改进,真正理解掌握Vue3并不是一个简单的事情,为了帮助开发者更好的理解和如何应用,特意写了这个文章,深入探究Vue3的APi如何应用。

Vue3之九层试炼塔

4 月 17 日
阅读 4 分钟
285
Vue.js作为前端流行的框架,Vue3中带来了许多新的特性和改进,真正理解掌握Vue3并不是一个简单的事情,为了帮助开发者更好的理解和如何应用,特意写了这个文章,深入探究Vue3的APi如何应用。

javaScript 中的装饰器是什么?

4 月 12 日
阅读 4 分钟
150
装饰器非常适合增强代码的可读性、可维护性和可重用性。在 JavaScript 中,装饰器是可以修改类、方法、属性甚至参数的函数。它们提供了一种在不更改源代码的情况下向代码的各个部分添加行为或元数据的方法。
封面图

如何在 JavaScript 中创建自定义事件?

4 月 11 日
阅读 3 分钟
194
在深入研究自定义事件之前,我们首先了解 JavaScript 中事件的概念。事件是浏览器中发生的操作或事件,由用户交互(如单击、鼠标移动或键盘输入)或浏览器本身(如页面加载、调整大小等)触发。 JavaScript 提供了强大的事件处理机制来捕获和响应这些事件。

前端项目缓存实践

4 月 8 日
阅读 3 分钟
189
配置缓存的优点,可以在一定程度上,减少服务器的处理请求压力。比如对一些图片,css或js做一些缓存,那么在每次刷新浏览器的时候,就不会重新请求了,而是从缓存里面读取。这样就可以减轻服务器的压力。

项目二级目录Nginx配置

4 月 7 日
阅读 1 分钟
227
前言有时候我们需要在同一个域名下部署多个项目,这个时候就需要配置二级目录,二级目录也叫做子目录,实际就是在根目录下建立一个文件夹。例如,这三个地址中域名都是一样的,只是后面的二级目录不一样[链接][链接][链接]配置通过别名匹配, location /cms要放在location /的上面. {代码...} 实战我们需要在主项目下,放...

Vue路由刷新404解决方案

4 月 7 日
阅读 1 分钟
797
Vue路由刷新404的问题,通常是由于Vue是单页应用(SPA),在刷新页面时,浏览器会向服务器请求对应的路由,但在服务器端并没有对应的路由设置,所以返回了404错误。

gzip压缩配置

4 月 7 日
阅读 2 分钟
179
gzip压缩是解决编译产物体积过大、缩短静态资源请求时长的常用手段之一,我们在网站上经常能看到 Content-Encoding: gzip 这个 http 响应头,表示内容使用 gzip 压缩;gzip压缩分为动态压缩与静态压缩,下面介绍下这两种方式以及使用;

动动手:如何实现一个在线图片库

3 月 29 日
阅读 4 分钟
157
前言如上图,这是一个图片库,支持上传、下载、预览、复制在线地址、传送门Web Box Image Upload,代码查看cxy-web-imges,实现起来也很简单创建项目请确保您的操作系统上安装了 Node.js(>= 12, v13 版本除外)。使用 Nest CLI 建立项目。 在安装好 npm 后,使用下面命令在终端中创建 Nest 项目: {代码...} 初始化目...