three vue js

Vue——patch.ts【十四】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们扩展下 Vue 的 patch。 内容 这一块主要围绕 vue 中的__patch__进行剖析。 __patch__ Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/in ......
patch Vue ts

Vue开发规范

############################### 单文件组件内容: <!--componentA.vue--> <script>/*...*/</script> <template>...</template> <style>/*...*/</style> 组件相关: 尽可能的减少wa ......
Vue

Vue Router 学习整理

Vue Router 是Vue.js的官方路由。它与Vue.js 核心深度集成,让用Vue.js构建单页应用变得轻而易举。功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由Vue.js的过度系统提供的过渡效果 细致的导航控制 自动激活CSS类的链接 H ......
Router Vue

Bot in discord with discord.js (15)

Chapter 18 - 命令冷却时间 很多时候,我们不希望频道被单一用户用洪水般的命令消息所淹没,又或者出于对服务器性能的考虑,我们不得不为命令加上一个冷却时间(Cooldown)作为使用限制。下面我们来看看如何在我们已有的代码上进行改造,以获得命令冷却的效果。 ......
discord with Bot 15 in

萌宠之家宠物5网页html+css视频表单 精选两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计

两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 题目👨‍🎓 🚀 萌宠之家宠物5网页html+css视频表单 精选 描述✍️ 大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑 ......
网页 课程 表单 前端 多套

js异步——事件循环和消息队列

前言 上篇文章中介绍了多进程的浏览器基本架构,现在,我们来谈谈单线程的 JS 代码、消息队列、事件循环、微任务和宏任务。 单线程的 JavaScript 什么是单线程 js? 如果你已经仔细阅读过上一篇文章,那么答案是显而易见的:由于浏览器是由渲染进程的主线程来执行 js 代码的,换句话说,js的运 ......
队列 消息 事件

uniapp如何下载video.js

在uni-app中引入video.js有两种方式 1.通过cdn的方式引入(不建议,当这个cdn失效时,你的业务可能就崩了) <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video-js.min.css" rel ......
uniapp video js

js异步——浅谈Chrome浏览器架构

前言 在讲述事件循环和消息队列之前,需要了解 JS 的单线程执行机制,JS 的执行是从上到下依次执行的,这些便是同步任务,而异步操作类似于系统中断,即当前进程外部的实体(主线程之外的、宿主环境提供的、特殊的线程,如IO线程(HTTP请求)和定时器线程等)可以触发代码执行,然后在异步任务完毕后,执行回 ......
架构 浏览器 Chrome

VUE-Antd开发,validate规则校验第一次为空,后面无论怎么输入都显示不可为空

问题描述 场景是修改弹窗,给数据赋值,其中数据有String 和 Array 第一次操作 多选框(数据类型是Array)输入为空并在输入框外点击,显示不可为空。 之后无论怎么输入都显示不可为空。(当你控制台输出校验value时,会发现里面的值永远是第一次操作的数据,而非为空) 可能原因 1️⃣rul ......
VUE-Antd validate 规则 第一次 Antd

ant-design-vue日历面板 a-calendar 属性自定义设置

通过自定义属性设置,实现一个周末与工作日的不同颜色设置 效果图: 使用的属性: 自定义头部设置 headerRender 自定义日期显示 dateFullCellRender 代码: <template> <div class="box"> <h3>1.自定义头部; 2.自定义日期显示,工作日显示, ......

将Vue项目部署到Tomcat服务器上(简单、粗暴)

1. 将项目打包 Vue中自带webpack,可以通过一行命令将项目打包 # 执行该命令打包 npm run build 2. 上传相应文件到服务器上 打包完成后,项目中会多出一个dist文件夹, 这个文件夹中就包含html、css、js等文件 直接将dist文件夹上传到Tomcat的ROOT目录下 ......
服务器 项目 Tomcat Vue

Vue常用指令

常用指令 指令:HTML标签上带有V-前缀的特殊属性,不同指令具有不同含义。 常用指令 | 指令 | 作用 | | | | | v-bind | 为HTML标签绑定属性值,如设置href , css样式等 | | v-model | 在表单元素上创建双向数据绑定 | | v-on | 为HTML标签 ......
指令 常用 Vue

html页面里面的button标签使用@click属性时,无法定位到Vue的method里面

问题解决 就很离谱,都是按照网上的教程来的,一直无法定位,之后跟着加上了div标签,加上了id属性,方法还是灰白色,调用不了; 后来直接将el属性名称更改掉了,没想到这样就成功识别到了,反正就是逻辑没有出问题,最后也达到期望值了。 ......
属性 页面 标签 button method

vue-router 设置active路由颜色

声明:以下是vue3设置方式,vue2一样 第一步 createRouter({ // router-line-active 可以自定义别的名字,随便 linkActiveClass: 'router-line-active', history: createWebHistory(), routes ......
路由 vue-router 颜色 router active

龙龙自己写的 JS表格 生成函数

function getTable(tr,td){ var num=1; document.write('<table border="1" width="600px">') //var tr=10; for(var i=1;i<=tr;i++){ document.write('<tr>') // ......
函数 表格

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

这篇如果 Vue 和 CesiumJS 不发生史诗级的变动,应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化,并升级开发服务器的版本。 心急的朋友拉到文末,有示例工程链 ......
CesiumJS 教程 Vue3 2023 Vue

不引入外部包、使用原生js发送请求的几种方式

参考文档:https://www.freecodecamp.org/chinese/news/the-most-popular-ways-to-make-an-http-request-in-javascript/ 1.form表单提交 <form action="http://www.baidu. ......
方式

vscode 开发 vue3项目 , src 别名 为 @ ,报错

https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射,可 ......
别名 项目 vscode vue3 src

JS事件监听

事件绑定 方式一:通过HTML标签中的事件属性进行绑定 <input type="button" onclick="on()" value="按钮1"> <script> function on(){ alert( '我被点击了!') }; < /script> 方式二:通过DOM元素属性绑定 <i ......
事件

Js聊天项目-删除输入聊天的emoji表情

Js聊天软件-删除输入文字中emoji表情的处理 1.问题描述 当我们点击右下角的删除键,希望删去这个表情时,会出现这种情况 ​ 这种情况是,当我们点击删除按钮时,就删除最后一个字符,但emoji表情占位可不止一个字符,但如果删除长度固定成emoji表情的长度,文本内容就不能正常删除了,下面时这样上 ......
表情 项目 emoji

Vue3 如何查看挂载在 vue 上的 全局组件

使用app.component 查看 [1]你可以通过全局 API app.component 注册全局组件并查看。在 Vue 3 中,你可以通过以下方式来查看挂载在 app 上的全局组件: const app = createApp({}); // 全局注册组件 app.component('my ......
全局 组件 Vue3 Vue vue

vue2源码-一、rollup环境配置

npm init -y创建初始化package.json并修改script为"dev": "rollup -cw " 安装rollup及其插件: npm install rollup rollup-plugin-babel @babel/core @babel/preset-env --save-d ......
源码 环境 rollup vue2 vue

通过JS赋值日期框

java代码 JavascriptExecutor js=(JavascriptExecutor)driver; js.executeScript("document.getElementById('beginDate').value='2020-05-10'"); ......
日期

第二周vue学习

单文件组件: 框架: 如果我们的组件为一个,通常采用默认暴露:export default school(名字) 上图中,name:“school”;组件名通常与xxx.vue名相同(name省略也可以运行,组件名则会被随便取) app.vue:汇总全部组件 main.js:创建vue实例,并且指明 ......
vue

在Vue中使用键盘事件,回调函数被执行两次

暂时先不考虑v-for的key,查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项:</span> <input type="text" placeholder="请输入..." v-model="text" ......
函数 键盘 事件 Vue

js slice

在 JavaScript 中,slice() 是字符串、数组、类数组对象常用的 Array 方法之一,用来截取一个字符串或数组的一部分,并返回一个新的字符串或数组。 slice() 方法接受两个参数:起始位置和结束位置(不包括结束位置)。具体用法如下: const str = 'Hello Worl ......
slice js

Js 之art-template模板引擎

一、文档 http://aui.github.io/art-template/zh-cn/ 二、示例代码 <html> <head> <title>art-template模板引擎</title> </head> <body> <div> <div id="span"> <div id="tpl1" ......
art-template template 模板 引擎 art

npm err! command sh -c vue-cli-service serve

代码中给到的node_modules没法直接使用 从新install rm -rf node_modules npm install https://www.jianshu.com/p/9bc970082020 ......
vue-cli-service command service serve npm

vue-router传参问题

// 字符串路径 router.push('/users/eduardo') // 带有路径的对象 router.push({ path: '/users/eduardo' }) // 命名的路由,并加上参数,让路由建立 url router.push({ name: 'user', params: ......
vue-router router 问题 vue

vue中使用web-editor-markdown在线编辑浏览markdown

web-editor-markdown是Web浏览器中的Markdown编辑器,用于实时渲染,如.它基于 TypeScript 和 JavaScript,不依赖于任何第三方框架。它支持中文友好,可以轻松扩展并连接到原生JavaScript,Vue,React,Angular和其他应用程序。它提供四种 ......
markdown web-editor-markdown editor vue web