通常情况下我们都会安装到node_modules包里面,然后import引入即可,但是难免会有一些js包无法npm安装下载,而且由于更新频繁所以也不会放到npmjs平台。
转载 2023-05-25 07:35:22
562阅读
# 如何在 Vue 项目中使用 Axios 加载本地 JS 文件 在现代前端开发中,Vue.js 已成为一种非常流行的框架。Axios 则是一个用于发送 HTTP 请求的库,它可以与 Vue.js 一起使用,为应用程序提供灵活的 API 请求能力。今天,我将向你展示如何在 Vue 项目中使用 Axios 加载本地 JS 文件。以下是整件事情的流程: | 步骤 | 描述 | |------|--
原创 10月前
68阅读
在使用 Vue.js 的项目中,我们有时会遇到一个问题:`jQuery is not defined`。这个错误通常出现在使用 jQuery 代码的时候,但 jQuery 并未被正确加载。接下来,我会展示解决这一问题的过程,包括环境准备、分步指南、配置详解、验证测试、优化技巧和排错指南。我们来看看具体细节吧。 ## 环境准备 首先,确保你的开发环境具备必要的依赖。这里列出一些前置依赖。 ##
原创 5月前
0阅读
<script> document.addEventListener("DOMContentLoaded", function () { renderMathInElement(document.body, { // customised options // • auto-render specific keys, e.g.:
原创 2023-09-14 15:54:41
372阅读
发现是防火墙 waf设置问题
原创 2022-05-27 05:57:32
449阅读
一般原因就是因为视频的封面图和视频本身尺寸比例不一样,导致的。要保证poster和视频的尺寸是一样的
原创 2022-07-11 10:34:05
270阅读
1、安装插件npm install three --save-devnpm install three three-orbitcontrolsnpm install three three-obj-mtl-loader stats-js2、import * as Three from 'three'  import { GLTFLoader } from 'three/examples/jsm/l
转载 2021-05-11 09:41:53
1868阅读
2评论
文章目录简介1. 新建/导入js文件到指定位置2. 编写test.js文件2.1 编写js文件中的方法2.2 module.exports 导出方法3. vue 组件中使用3.1 引入test.js文件3.2 在methods中定义方法调用4. 外部js调用vue组件中的方法4.1 方式一(传参)4.1.1 vue组件调用方法时传this参数4.1.2 外部js方法中接受参数4.2 方式二4.2
随着项目引入的依赖增多,每次打开项目,无论是开发环境还是生产环境,都逐步变慢。开始没有感觉不明显,随着项目迭代次数增多,网站打开速度有了明显的卡顿感。外部第三方依赖,一般都是固定的版本,不会随着项目进行而改变,可以利用cdn加载,和浏览器本身的缓存机制实现网站打开速度的提升。本次优化按照如下步骤进行:1、外部引入第三方库将用到的第三方库,都做外部引入vue.config.jsjs//fromvue
原创 2022-04-27 14:02:39
716阅读
随着项目引入的依赖增多,每次打开项目,无论是开发环境还是生产环境,都逐步变慢。开始没有感觉不明显,随着项目迭代次数增多,网站打开速度有了明显的卡顿感。外部第三方依赖,一般都是固定的版本,不会随着项目进行而改变,可以利用cdn加载,和浏览器本身的缓存机制实现网站打开速度的提升。
原创 2022-04-29 11:11:03
1000阅读
require.js 参考阮一峰 Javascript模块化编程(三):require.js的用法r.js 合并压缩 参考司徒正美 r.js合并实践 vue.js 原本是学习vue组件 require.js 然后想到用require 加载 r.js 文件太多 合并 忽略部分文件及文件夹 先引入vue
转载 2016-10-14 16:32:00
103阅读
       前几天一个项目让我头疼了很久,一个关于图片加载时的loading效果,因为不是太懂js,所以在网上各种找资料,但还是不理想,无赖苦心研究,终于有了一点眉目了,虽然个中还有一些道理不懂,至少目的达到了;      首先先明确一下我要的目的:  当用户进入页面的时候,显示loading 加载图标,等最大的图片加载之后再
转载 2024-03-28 15:01:56
70阅读
在Web开发中,可能会遇到这种情况:我们需要在一个js文件中引用另一个js文件中的函数,可是另一个函数有没有办法在页面中通过该标签加载,于是,我们有了通过js动态加载js文件的需求。 在Web开发中,可能会遇到这种情况:我们需要在一个js文件中引用另一个js文件中的函数,可是另一个函数有没有办法在页面中通过该<script>标签加载,于是,我
转载 2023-06-08 09:53:37
146阅读
问题分析在开发网站页面的时候经常会加载js文件,但是我们在加载js的时候会遇到js非常大或者执行事件长的情况下会出现页面短时间内白屏的现象。 这是因为web页面是按照顺序执行的然后代码一边下载浏览器一边处理,当遇到标签浏览器会先停下来去加载相应的css文件,然后加载出来,遇到<script></script>标签会看有没有src属性,如果有就下载相应的js文件然后执行js
这篇文章主要介绍了Lab.js初次使用笔记,本文对比了普通动态加载JS文件的技术和使用Lab.js加载JS文件的技术,并给出了Lab.js加载示例,需要的朋友可以参考下动态加载JS函数一般性的,当我们需要加载js文件的时候都会使用script标签来实现,类似于如下代码:复制代码代码如下: <script type="text/javascript" src="example.js">&
转载 2023-09-24 23:00:44
250阅读
        随着网站的发展,现在的网页已经离不开js,经常一个页面会引入大量的js。那么该如何合理的加载这些js?        head标签中引入js文件可能是最常见的一种方式,但是这样会造成一个问题。因为j可以说是浏览器中的霸主,换句话说在js的引入和解析过程中页面是不会进行加载和渲染的。那么如果js加载的时间
使用 vue 3 的 defineAsyncComponent 特性可以让我
原创 2022-11-08 15:00:58
613阅读
# Docker 部署 VueJS 加载出现 404 最近在将 Vue 项目部署到 Docker 容器中时,遇到了一个问题:部署完成后访问页面,发现有些 JS 文件加载出现了 404 错误。经过排查发现,这个问题可能是由于 Docker 配置不正确或者 Vue 项目打包时的设置问题所致。下面将详细介绍可能导致这个问题的原因以及解决方法。 ## 问题分析 在 Docker 中部署 Vue
原创 2024-07-13 04:46:13
376阅读
前提:项目中需要绘制流程图的需求,涉及到Activiti和Bpmn.js的使用,接下来就来看看如何在Vue中使用Bpmn.js绘制在线流程图吧。额,bpmn.js是什么?是一个实验BPMN2.0渲染工具包和web建模器,可以使画流程图的功能在前端来完成。 如果你不了解它的话,可以来这初体验一下,看看它是否满足你的需求吧。vue 中集成 Bpmn.js 实现在线绘图,导出 xml、svg、在线保存等
转载 2024-03-15 19:55:08
857阅读
用ajax开发网站,用ajax的时候,需要用到大量的JS代码,而并是所有的代码都是要第一个载入的页面要用到,所以很多的JS代码动态载入比较合适,下面介绍了四种方法,在ajax开发中,第一种方法不合适,2,3,4方法,本质上是一张方法,详细地的动态加载JS方法如下:1、直接document.write<script language="javascript">  &n
  • 1
  • 2
  • 3
  • 4
  • 5