three vue js
2023年最流行的13个Node.js库
2023年最流行的13个Node.js库 Haiyuan Kwong 一身多职。奶爸，博主，产品经理，SEOer……。 关注他 你经常看 Node.js 话题的内容 Node.js已经成为许多从事网络应用的开发者的首选运行环境。Node.js是为运行用世界上最流行的编程语言之一的JavaScrip ......
可视化大屏：autofit.js 一行搞定自适应
可视化大屏：autofit.js 一行搞定自适应 king 关注她 12 人赞同了该文章 可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢？因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不 ......
js中?.、??、??=的用法及使用场景
js中?.、??、??=的用法及使用场景 小熊爱敲代码 征途慢慢，唯有奋斗 关注她 你经常看 TA 的内容 上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情，下面 ......
[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线
组件的自定义事件 通过props可以将信息传递给子组件，那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法，我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
从零开始封装 vue 组件
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器，与其在每个地方都实现计数器功能，不 ......
js表格输入框
<!DOCTYPE html> <html lang="en"> <! 这里通过原生js实现了表格输入功能， 总体分为一下步骤 1，创建一个表格 2，event.srcElement 获取激活事件的对象，获取已经点击的单元格索引 3，通过处理函数abc（）判断输入内容并将内容显示在新的表格中。 -- ......
VUE使用Swiper组件，组件中嵌套Echarts图，Echarts的点击事件不生效问题解决
1.解决方案 在Swiper的配置项中添加以下属性（实测，已解决） ` options: { loop: false, simulateTouch: true, autoplay: { delay: 10000, disableOnInteraction: true }, touchStartPre ......
vue3.0+vite问题汇总
1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中 解决方法（tsconfig.json添加如下代码，添加之后重启；重启之后如果仍然有问题，可能是编辑器版本比较旧，升级编辑器版本，我从vscode v ......
vue3.0基础
1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......
vue3使用cesium
1、安装vite-plugin-cesium： npm i -D vite-plugin-cesium 2、 安装cesium： npm i -S cesium 3、vite.config.js中配置如下： import cesium from 'vite-plugin-cesium' plugin ......
JS知识点计划
tags: JavaScript 前端 author: zhanglei data: 2023-12-07 Object.assin 不支持低版本浏览器 IE适配 IE11非兼容模式下, 比较新的ES6语法不能使用, Object.assin就是其中之一, 可通过一下方法适配 const targe ......
Vue 过渡 & 动画
在 Vue 的过渡效果中，.enter-active、.leave-active、.enter 和 .leave-to 是一些预定义的 CSS 类名，用于控制过渡的不同阶段。 .enter-active：表示进入过渡的活动状态。在元素插入到 DOM 中时添加，然后在过渡结束时移除。通过设置此类的样式 ......
Vue的生命周期
Vue的生命周期 vue的生命周期，主要经历了如下几个阶段，分别是 beforeCreate，created，beforeMount，mounted，beforeUpdate，update，beforeDestroy，destroy ，主要由这四对八个组成 主要分为四个流程，创建流程，挂载流程，更新 ......
vue3 相关知识汇总
1 组合式api 和选项式api 1.1 概念 选项式api：用包含多个选项的对象来描述组件的逻辑。 组合式api：组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api： 不需要使用构建工具 或者低复杂度的场景， ......
js获取当前页面网址
在JavaScript中，可以使用window.location对象来获取当前页面的网址。以下是几种不同的实现方法： 方法一：使用window.location.href var url = window.location.href; console.log(url); 结果： http://loc ......
Electron 或 Node.js 判断当前设备是否支持触摸屏
在 Windows 系统上，可以通过注册表项 `HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\Tablet PC\IsTabletPC` 获取当前设备是否支持触摸屏 ......
js 录屏
如下： var body = document.body; // 双击页面触发的话，将“click”改为“dblclick” body.addEventListener("click",async function(){ var stream = await navigator.mediaDevic ......
js中结束多层for循环
关键字break和continue都是结束循环的作用，但是它只能结束它外面的第一层循环，如果代码里面是一层一层又一层的循环，你想直接结束最外层循环就需要outer了。 outer:for (int i = 0; i < 10; i++) { for (int j = 0; j < 10; j++) ......
vue-element-ui 日期选择器 前后端联调
前端: <el-col :span="8"> <div class="block"> <el-col :span="4">交接日期</el-col> <el-col :span="1"></el-col> <el-col :span="16"> <el-date-picker style="widt ......
取巧解决js eval()计算精度丢失问题
javaScript中存在小数点精度丢失的问题是由于其使用的浮点数表示方式。JavaScript采用的是双精度浮点数表示法，也称为IEEE 754标准，它使用64位来表示一个数字，其中52位用于表示有效数字，而其他位用于表示符号、指数和特殊情况。 由于使用有限的位数来表示无限的小数，JavaScri ......
cesium.js入门基础教程四（事件）
事件简介 Cesium中大的事件按照类型进行分类，可以分为如下几种： 鼠标键盘事件 相机事件 数据加载事件 场景加载事件 按照事件的使用方式进行分类，可以分为如下两种： 创建事件处理器Handler并指定事件触发类型定义事件，如与鼠标键盘事件相关的屏幕空间事件处理器ScreenSpaceEventH ......
vue3中的样式为什么加上scoped不生效
<style>标签添加scoped属性时，Vue会自动为该组件内的所有元素添加一个独特的数据属性，例如data-v-f3f3eg9。同时，它也会修改你的CSS选择器，使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素，避免影响到其他组件。 然而，当你尝试覆盖 ......
使用Sheet.JS导出表格
前情提要：后端不想做表格导出，无奈只能自己写了，还得是配element、antd-vue，好烦呐 一个一个页面写单独的方法导出也太low了，决定封装一下 不多bb，直接上源码 utils.ts /** * 导出 Excel 文件 * @param opts 导出选项 * @example * exp ......
Mac Vue-cli脚手架搭建
安装node环境 官网地址：http://nodejs.cn/download/ 我选择版本：v16.16.0 修改npm镜像地址 # 查看镜像地址 npm config get registry # 设置镜像地址 npm config set registry https://registry.n ......
ruoyi-vue-activiti执行npm i出现node-sass报错
解决方法：把ruoyi-ui下面的package.json里对应的这两项，改成如下图所示的版本，再次执行npm install && npm run dev就可以了 参考资料： https://blog.csdn.net/qq_40095911/article/details/119253908 ......
js动态加载
<script type="text/javascript"> // 动态加载js（顺序执行js） function loadScript(url, callback) { var script = document.createElement("script") script.type = "te ......
vue3构建全流程
1.创建工程： npm init vue@latest 删除components下的所有自动生成文件： 新建目录api、utils、views 将request.js放在utils下, request.js内容： //定制请求的实例 //导入axios npm install axios impor ......
使用JS和C#完成websocket双向通讯
写在前面： 微软官方对websocket的直接支持很差，教程也写得不用心。还要用户自己去转字节数组和字符串，太过分了！ 毕竟主推SignalR。 本文是在官方教程的基础上，对其进行了一些简单的讲解，和方法提取、封装，以期降低学习难度。 步骤描述： 1、随便建了个普通的mvc项目（任意带控制器的.ne ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
基于vue脚手架练习3
<template> <div> <first-page-3 :person="person" ></first-page-3> </div> </template> <script> import FirstPage3 from './FirstPage3.vue' export default ......