three vue js

背景 netflix获取视频元数据使用的一个get请求 https://www.netflix.com/nq/website/memberapi/v033d5825/metadata?movieid=<id>&imageFormat=jpg&withSize=true&materialize=tru ......

前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求， ......

1 // URL.createObjectUrl(file)：同步执行；创建一个指向file/blob对象的url，可用于元素的src/href属性 2 3 // fileReader.readAsDataURL()：异步执行；读取file/blob对象的内容，result属性将返回一个包含data ......

// 父页面 <template> <div class="main_body"> <blockTitle title="事件详情" /> <a-form ref="formRef" :model="formValue" style="width: 100%" class="form_box" :l ......

一、正常模式 <script src="index.js"></script> 这种情况下 JS 会阻塞 dom 渲染，浏览器必须等待 index.js 加载和执行完成后才能去做其它事情 二、async 模式 <script async src="index.js"></script> async ......

在MySQL数据库中，事务（transaction）是一组原子性操作，要么全部执行成功，要么全部回滚回去。在多用户并发环境中，事务可以保护数据的一致性和完整性。MySQL提供了ACID属性，并且支持事务。Node.js中，可以通过使用mysql模块的连接来实现事务。 ......

思路：登录后请求用户信息接口，后端返回用户信息中包括权限数组，数据格式be like： 前端对用户信息进行存储（对没错又是假接口）： // 获取用户信息 async getUserInfo(mobile) { try { this.loading = true; const res = await ......

前端项目启动，出现 [vite] Internal server error: URI malformed at decodeURI () at viteTransformMiddleware (xxx_project/node_modules/vite/dist/node/chunks/dep-5 ......

1.组件的模块化开发 1.1 组件注册局部 首先在创建一个vue页面作为组件，这里就以分页组件来演示： <!-- 分页展示 --> <el-pagination background style="margin: 50px auto" @size-change="handleSizeChange" ......

app直播源码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......

Node.js multi threads All In One Node.js 多线程 worker_threads Worker threads 工作线程 child_process 子进程 Cluster 集群 ......

/* 日期时间格式化 @date 日期||时间 @type dayjs的format类型 */ export const format = (date, type = 'YYYY-MM-DD') => { if (!date) return '' const u = navigator.userAg ......

1.效果图 2.html部分 3.逻辑部分 3.1获取当前时间，时间差 //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var str = "2023/9/14 12:28:34"; var endDate = n ......

How to delete a file in Node.js All In One fs.unlink fsPromises.unlink fs.unlinkSync ......

How to fix Tailwind CSS colors not work in Next.js All In One Tailwind CSS & Next.js 13 ......

简介及使用教程 这是一个漂亮的未保存变更对话框，有以下特点： 有保存、丢弃和取消三个按钮 在桌面页面上，弹出窗会跟随鼠标显示 显示隐藏动画流畅 智能避免弹出在窗口边缘并且随窗口大小调整自动适应 完全自适应：在移动设备上全屏显示 键盘可导航可访问 所有的文案都可以替换 更多优点： 桌面和手机上都有非常 ......

话不多说直接上手 1.安装vuex的依赖（vue3版本） npm i vuex@4 2.在src目录下新建vuex的文件夹，并且新建store.js文件 在store.js中写入 （这里使用模块化的方式） //引入vuex插件 import { createStore } from 'vuex' i ......

1、在public文件夹下新建config.js 文件 2、config.js文件中，编写配置地址代码 3、在index中引入js文件 4、使用config.js中的变量，vue页面，js页面都可以用 window.setURL.publicBaseUrl ......

3.类和对象 3.1面向对象 这里顺带提一句学习JAVA时，老师说的面向对象和面向过程的区别： 面向过程：强调做什么事情，具体什么步骤。举个把大象放进冰箱的例子： 打开冰箱门 把大象放进冰箱 关上冰箱门 面向对象：强调的是做动作的主体（称之为对象） 冰箱：打开操作 冰箱：放的操作（放的可以是大象也可 ......

1.前言 该组件依赖qrcode.js与element-ui 支持二维码大小配置，点击大图预览 该组件以vue文件形式进行封装，需要配置httpVueLoader插件进行引入，其他格式请自行更改源码 2.使用方法 引入依赖 <link href="https://cdn.bootcdn.net/aj ......

vue中的v-model指令实现了表单的双向绑定，官网例子： <input type="text" v-model="message" /> <p>{{message}}</p> 其实v-model只是语法糖，真正的实现形式： <input type="text" :value="message" ......

js中使用0 “” null undefined {}需要注意 if判断时候都是false,比如判断接收后台数据 if(data.info){} 注意：在js中0为空（false） ，代表空的还有“”，null ，undefined； 如果做判断if(！上面的四种值)；返回均为false ?1234 ......

思路：使用lib-flexible结合postcss-pxtorem实现 第一步 在项目utils下建立flexible.js文件(直接下载则不用新建该文件) 第二部 复制以下代码到刚建好的文件中或者直接yarn install lib-flexible-pc-y // 基于 libflexible ......

在dva.js 的 effects里面不能使用setTimeout，会报错。 得使用redux-saga 的delay才行（注:dva.js内置了redux-saga）。如下，这样才能延时。 ......

1.构造函数和原型 1.1 概述 在典型的 OOP语言中（如Java)，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS并没有引入类的概念。 在ES6之前，对象不是基于类创建的，而是一种称为构建函数的特殊函数来定义对象和它们的特征。 有三种创建对象的方式： 对象字面量（con ......

之前我在研究Next.js博客时，发现它们很多缺少一个作为博客的基本的东西：评论，就算有，也是Gistus这类依赖于GitHub的评论系统，而在国内还是尽量选择一个无需登录的评论系统，于是我选择了Waline作为评论系统，在引入过程中遇到了一些坑，不过最后还是引入完成了。 ......

前言： Spring Boot 在 Java 生态中备受欢迎，它是一款基于 Java 构建的轻量级服务端框架，主要用于 Web 服务。Spring Boot 的应用使得创建各类基于 Spring 的企业级应用变得异常简单。Node.js作为一种基于Chrome V8引擎的JavaScript运行时环 ......

1. navigation - 页面性能 这个 entryType 提供了与页面导航相关的性能度量。它可以告诉我们页面从开始加载到完全加载的整个过程中发生了什么。通过这些数据，我们可以了解到例如DNS解析时间、TCP握手时间、页面响应时间、页面下载时间等。 应用场景: 当用户访问你的网站时，你可以使 ......

# PerformanceObserver: 深入了解前端性能监测 前端开发中，性能监测是一个重要的环节。为了更好地理解用户的实际体验，我们需要了解和监测网站的性能。`PerformanceObserver` 是 Web 性能 API 的一部分，用于监测性能指标。本文将详细介绍 `Performan ......

我本人也是新手，所以我之前不知道自定义指令一般是在什么场景下用的。 在这里告诉各位新手朋友，我目前遇到的应用场景是在权限控制按钮、文本框等元素显示，就用上了这个自定义指令。我利用自己的一个案例进行介绍。 1.创建一个在util/directive/permission.ts 文件，代码如下： exp ......