three vue js
使用ChatGPT和Next.js构建一个开源项目
小介绍,我以前从未编码过,这对我来说看起来非常难,2 个月前我决定为什么不现在。🤷♀️ 我的朋友建议我从开源项目开始,还帮助我完成了最初的简单设置步骤。 我几乎在每一步都使用了 ChatGpt,从弄清楚如何设置、安装、将 API 连接到代码的含义,如何重写函数或更改大小。 现在我要详细介绍一下我 ......
babylon.js 学习笔记(10)
今天来学习下车床(lathe)建型及粒子系统,babylon.js有一个很强大的函数CreateLathe,可以将一段路径经过旋转后,形成1个shape,这么说有点抽象,比如下面这张图: 其中的关键点坐标为: const fountainProfile = [ new BABYLON.Vector3 ......
vue学习笔记二
四,vue中的AJAX 比较了各种AJAX的方式,xhr,jQuery,fetch,综合考虑都不好,直接就G了,xhr学过,fetch了解过,jQuery听说过,结果最后表示要用axios。。。点个海克斯“考前恶补”。 1.配置代理 <template> <div> <button @click=" ......
使用 Vue.js 的 CDN(内容分发网络)来添加 Vue.js
在您的 HTML 文件中添加 script 标签,并指定 Vue.js 的 CDN 地址。通常可以通过在 <head> 标签或 <body> 标签的底部添加该标签来加载 Vue.js。 下面是一个常用的 Vue.js CDN 地址: <script src="https://cdn.jsdelivr ......
前端Vue非常简单实用商品分类展示组件 侧边商品分类组件
#### 前端vue非常简单实用商品分类展示组件 侧边商品分类组件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13084 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
记录--封装一个通过js调用的全局vue组件
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在使用vue项目编写的时候,不可避免的会碰到需要时js api来调用组件进行显示的情况 例如饿了么element ui 的 Notification 通知、Message 消息提示等组件 虽然已经提供了,但是由于api的限制,我们只 ......
vue样式穿透
# vue样式穿透 vue的style中设置scoped属性后,组件实现样式私有化。 但是该组件又使用的其他组件库时(vant,elementui,自定义等),该组件的style中的样式,优先级低,不生效,这个时候需要使用样式穿透(作用得更深)。 `vue`中针对不同的样式类型(`css`,`les ......
vue封装axios的方式(三)
# vue封装axios的方式(三) 与第二种封装基本相同,不同之处在于api的处理格式 ```js // 引入axios import axios from 'axios' // 引入qs模块,对数据进行序列化 import QS from 'qs' // 引入message模块,toast提示 ......
vue3+vite+web3.js报错ReferenceError: process is not defined
在vite最新版本中使用web3会报错只需要在vite.config.ts添加如下代码即可解决报错 import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@ ......
vue封装axios的方式(一)
# vue封装axios的方式(一) 直接将下面代码复制在request.js中,封装了get,post请求, **需要自己配置的是:** **自己的请求地址,tokenKey是否为token,改为自己存入本地的token名,** ```js /**axios封装 * 请求拦截、相应拦截、错误统一处 ......
vue封装axios的方式(二)
# vue封装axios的方式(二) 创建`utils\request.js` ```js import axios from 'axios' import { Message, MessageBox } from 'element-ui' //导入element-ui组件库 // 创建axios的 ......
js拦截XMLHttpRequest
需要做一个扩展,拦截XMLHttpRequest,修改response里面部分值,查阅资料后一般是通过下面方法拦截 ``` let oldOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(me ......
Vue2.0计算属性的实现
说一下整体思路: 在初始化的时候会给每一个计算属性都创建一个相对于的wathcer对象,然后这个watcher对象在创建的时候都会传入三个参数,第一个是vm实例对象,第二个就是在外面封装好的一个函数,这个函数主要是用于拿值,就是自己在外面写的return里面的值.第三个是一个对象,{lazy:t ......
vue-json-viewer 展示json数据
# vue-json-viewer 展示json数据 当项目需要再网页中展示原始的json数据的时候,我们期望能够对json进行格式化展示,并且能够进行展开和折叠。vue-json-viewer可以帮助我们实现这样的功能。 ## 1. 安装 ```bash $ npm install vue-jso ......
使用Docker将Vite Vue项目部署到Nginx二级目录
将使用Vite创建的Vue项目打包,并以二级目录方式部署到Nginx,同时设置代理地址。需要注意静态资源路径,路由模式等问题。 ......
解决vue2中methods写的方法无法使用箭头函数
1.情况:在method写递归函数,函数内使用了this.变量,报错变量为undefined,原因是function内this指向改变,因改写为箭头函数,使其this不被改变, 但是methods内又无法写箭头函数 2.解决:使用var获取this,供函数内使用 ......
js实现canvas保存图片为png格式并下载到本地
function exportCanvasAsPNG(id, fileName) { var canvasElement = document.getElementById(id); var MIME_TYPE = "image/png"; var imgURL = canvasElement.to ......
js中循环判断找到满足条件的单项后结束循环
关于跳出循环的详细介绍可以看这篇:https://blog.csdn.net/Code_King006/article/details/130565506 说下自己的业务场景:判断数组中是否有满足条件的套餐,如果有就接着判断下一个条件不再查询后续数组(也就是需要终止当前循环),否则返回false原本 ......
VUE
vue //注册全局组件// import TitleHeader from '@/vcomponent/TitleHeader'// Vue.component(TitleHeader)// Vue.component("TitleHeader",TitleHeader) auto-complet ......
前端Vue仿滴滴打车百度地图定位查找附近出租车或门店信息(更新版)
#### 前端vue仿滴滴打车百度地图定位查找附近出租车或门店信息, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12982 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
Vue全局过滤器的使用以及在template三元运算符中内使用过滤
新建filters.js如下,内容过滤可以自己写函数,记得export 导出 import dayjs from "dayjs"; // 转小写 let lower = value => value.toLowerCase(); // 转大写 let upper = value => value.t ......
基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板
最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目,但都是基于vue2开发。随着vite.js破局出圈,越来越多的项目偏向于vue3开发,就想着uniapp搭配vite4.x构建项目效果会如何?经过一番尝试果然真香~ 版本信息 HBu ......
vue链接 sse 接口 实现实施通讯
sendSSEMessage(){ fetch( 'http://152.xxx.xx.76:xxxxx/api/v1/chat/message/send?prompt=什么是Python&chat_session_id=1', { headers: { token:"abbb78cbbdde172 ......
java基于springboot+vue的网吧管理系统,附源码+数据库+论文+PPT,适合课程设计、毕业设计
**1、项目介绍** 随着信息技术和网络技术的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息。为了迎合时代需求,优化管理效率,各种各样的管理系统应运而生,各行各业相继进入信息管理时代,网吧管理系统就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程,本系统也 ......
js的new做了什么
new对象底层发生了什么 ```javascript function Person(phone, age) { this.age = age; this.phone = phone; this.showone = function () {}; } Person.prototype.docall ......
关于js单线程的问题
## 为什么说 js 是单线程? 为了搞清楚这个问题,我们需要先了解这几个问题: > 1. 什么是线程?什么是进程?他们之间的关系? > 2. 什么是任务队列( Event Queue ),任务分类(宏任务、微任务)? > 3. 什么是事件循环? > 4. 为什么说 js 是单线程? > 5. 为什 ......
vue3:vue+nginx+php进行服务端部署的配置(nginx/1.18.0 / vue@3.2.37)
一,开发环境中的配置: 1,前端:vue的vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, p ......
tween.js简单案例
‘ init(); animate(); function init() { var output = document.createElement( 'div' ); output.style.cssText = 'position: absolute; left: 50px; top: 300p ......
vue实现点击按钮一键复制功能
点击复制按钮后,将内容一键复制下来,不用去选中复制 第一种直接使用js方式: <div class="mask-cont"> <p><input id="input" /></p> <button class="btns" @click="copyToClip">复制</button> </div> ......