three vue js
【前端教程02】js拖拽布局demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
第2节：vue3 模版语法
1、将vue-demo项目清理为空 （1）index.html 不动 （2）main.js删除样式引用 （3）App.vue只保留template和script （4）清空文件夹assets和components 2、模版语法 （1）文本插值 打开App.vue写一下代码 1 <template> ......
Vue3 reactive 操作数组 响应性(数组变了,但页面显示没变)问题
问题代码: tableTemplates: Array<HkTaskTemplateEntity> = reactive([]); //删除方法的一部分 ,根据templateId删除数组数据this.tableTemplates = this.tableTemplates.filter(item ......
2023-06-30 reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack
uniapp之运行到android端报错：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check ......
vue项目优化——Webpack的externals的理解
下面这边文章写得还是不错的： [webpack官网地址](https://webpack.docschina.org/configuration/externals/) 说一下自己的理解： > webpack官网解释如下：防止将某些 import 的包(package)打包到 bundle 中，而是 ......
vue3+tsx开发语法详解
## 参考链接 [vue3+tsx开发语法详解](https://baijiahao.baidu.com/s?id=1743578463689979280) [vue3官方文档和jsx的使用](https://cn.vuejs.org/guide/extras/render-function.htm ......
vue.config.js配置文件
``` const path = require("path"); function resolve(dir) { return path.join(__dirname, dir); } const port = 8080; // 端口号 const IS_PRODUCTION = process. ......
js获取 当前时间 当前零时 当月零时 当年零时
const currentTime = new Date().getTime() // 当前时间戳 const currentZero = new Date().setHours(0, 0, 0) // 当天零时时间戳 const currentMonthFirstDayZero = new Dat ......
vue3+el-select的watch监听回调触发多次问题
# vue3+el-select的watch监听回调触发多次问题 > 背景： 当时的需求实：通过选择下拉框，改变当前充电桩对象，监听对象变化是刷新表格（echarts）的数据； 结果问题出现：当我选择下拉框中的函数时，watch（）中的刷新表格执行了两次。 * 第一次回调，对象的id变化； ......
Vue3 使用 axios 实现跨域
Vue3 使用 axios 可以实现请求跨域问题 1.安装axios npm install axios -S 2.引入axios 并配置为全局 $axios 对象 main.js import { createApp } from 'vue' import App from './App.vue' ......
JS实现倒计时功能
一、前言 网站在做活动时，会出现一个截止时间倒计时的提示。效果如图： 二、分析 ①提示时间是每秒不断变化的，需要用到定时器(setInterval) //1000表示每隔一秒变化一次，单位为毫秒 setInterval(countDown, 1000); ②三个盒子通过innerHTML进行赋值，放 ......
node.js简介
一、什么是Node Node.js是一个javascript运行环境，它让javascript可以开发后端程序，实现几乎其他后端语言实现的所有功能！ 这意味着我们只需要掌握javaScript一门语言就能够进行全栈开发！ 学习Node我们可以非常平滑的过渡到全栈开发，并且如果你之前学习过Vue，Re ......
Vue 卸载已经安装的某个依赖，例如 卸载 vue-resource
卸载XXX依赖 npm uninstall XXX -S 卸载 vue-resource npm uninstall vue-resource -s ......
Module not found: Error: Can't resolve ' vue-resource'
问题： 在学习vue的过程中出现了这个问题，说明VueResource模块没有安装。 解决方法： 打开终端，进入当前项目所在目录，输入指令 npm install vue-resource --save 然后等待安装，安装好了以后在main.js中引用（下图红色框中代码） ......
贪吃蛇制作js
<!DOCTYPE html><html><head> <title>贪吃蛇游戏</title> <style> #game-board { width: 400px; height: 400px; border: 1px solid #000; position: relative; } .sna ......
Vue3 vite：is a JavaScript file. Did you mean to enable the 'allowJs' option?
描述 今天在vue3+vite下进行打包时,突然vscode报了一个error。 大概的意识是询问是否启用“allowJS”选项，因为该文件在程序内是指定用于编译的根文件。 提示信息已经很明确了，下面从网上摘抄了下什么是 allowJS 选项。 allowJs是1.8中新提供的选项。TypeScri ......
js 本地录音，保存文件
<div> <span onclick="start()">开始录音</span> <span onclick="stop()">结束录音</span> </div> <script> const constraints = { audio: true }; var mediaRecorder = ......
Vue3 如何使用 axios
在 Vue 3 中集成和使用 Axios Axios 是一个流行的 JavaScript 库，用于在浏览器和 Node.js 中进行 HTTP 请求。它提供了简洁的 API，可以轻松地发送异步请求并处理响应数据。在 Vue 3 中，我们可以使用 Axios 来与后端进行数据交互。 参考资料：Axio ......
第1节：vue3开发前准备
（1）需要安装nodeJs版本16.0或以上版本 以下是2023年6月30日官方文档截图 （2）查看你的电脑里node版本 通过cmd命令查看 node -v查看是否大于等于16 （3） 创建vue项目 注意：vue项目的命名不能用大写字母，只能小写字母，创建的项目名会以文件夹的方式呈现 创建命令： ......
js中的解构赋值
JavaScript的解构赋值语句是一种方便的语法，用于从数组或对象中提取值，并将它们赋给变量。它可以让你以一种简洁的方式从复杂的数据结构中提取数据。 数组的解构赋值 例如，假设有一个数组[1, 2, 3]，你可以使用解构赋值语句将数组中的值分别赋给变量： const [a, b, c] = [1, ......
uniapp 引入非模块化js
uniapp开发的H5,引入第三方的非模块化.js文件，如self.js，就是纯js文件，没有module.exports暴露出来成为一个对象， 这种放在common文件夹下，引入会提示找不到，这时候应该把该 self.js放在static文件夹下， uniapp发行H5时static文件下的内容不 ......
vue使用电子签名插件vue-esign
功能描述：1，兼容 PC 和 Mobile；2，画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布无需重置，自动校正坐标偏移）；3，自定义画布尺寸（导出图尺寸），画笔粗细、颜色，画布背景色；4，支持裁剪 （针对需求：有的签字需要裁剪掉四周空白）。5，导出图片格式为 base64 ； 第一步：安装： n ......
vue+ts项目出现types\express-serve-static-core\index.d.ts报错处理
如果出现`types\express-serve-static-core\index.d.ts` 的错误可以固定TS版本 ```js cnpm install typescript@4.1.6 cnpm install -D @types/express-serve-static-core@4.17 ......
JS解密为何会受到广大站长的欢迎
要了解JS解密为何会受到广大站长的欢迎，首先我们得从JS加密这块说起，为了保护自己的代码不被复制，所以大部分程序员都会对自己的代码进行各种加密，这个时候JS解密就成为了必不可少的工具了。 在了解JS解密之前一定要熟悉JS加密的原理，这样解密起来也就事半功倍了。 常用的js加密有哪些JavaScrip ......
js的听课笔记
JavaScript 所⽀持的五种基本类型： 1.Number： 即数字类型，这⼀类型的数据包括： 正负整数与浮点数，例如：0、1、-1、-0.25、3.14等。 ⼋进制数与⼗六进制数，例如：0377、0xff等。 指数，即⽤科学计数法表⽰的数字，例如：1e+2、10e+3等。 Infinity 与 ......
js的随堂笔记
js1.输出语句语法，document.write（输出的内容）向body输出内容输出内容写的是标签，也会被解析网页元素2.警示框alert（输出的内容）页面弹出警示框控制台打印输出console（控制台）.log（日志）3.输入语句prompt变量计算机中储存数据的盒子let 变量名字 声明变量= ......
jquery是什么？有什么用，跟js的关系
# jquery是什么？有什么用，跟js的关系 jQuery就是一个快速、简介的js库，把一些常用的方法写到一个单独的js文件，使用的时候直接引用这个js文件，其设计宗旨是倡导写更少的代码，做更多的事情 j就是js，Query就是查询；意思就是查询js，把js的DOM做了封装，我们就可以快速的查询使 ......
号外！MyEclipse 2023.1.1已发布，更好支持Vue框架
MyEclipse 2023.1.1是之前发布的2023.1.0的一个小错误修复版本，如果您已经安装了MyEclipse 2023，只需检查产品中的更新 (Help > Check for Updates…) 就可以选择这个新版本。或者，下载我们更新的离线安装程序来安装2023.1.1。 MyEcl ......
vue.config.js配置
chainWebpack(config) { config.externals({ // 'monaco-editor': 'monaco-editor', 'echarts': 'echarts' //页面需要直接引入echars }) npm run preview -- --report // ......
Vue3 onClick() 事件监听
这段时间学习 VUE3 ，在这里记录下来。虽然很基础，但也值得记录，以备日后忘记。 一段简单的 onclick 事件 <a class="menunma flexC fl-cen" v-on:click="CallOut()" ><i class="menunmJ"></i><p>呼叫</p></a ......