three vue js

【Vue】的API风格_选项式API和组合式API

API 风格 API风格可分选项式API和组合式API。 选项是API (Options API) 使用选项式 API,可以用包含多个选项的对象来描述组件的逻辑,例如 data 、 methods 和 mounted 。 选项所定义的属性都会暴露在函数内部的 this 上,它会指向当前的组件实例。 ......
API 风格 Vue

JS逆向实战16——猿人学第20题 新年挑战-wasm进阶

# 声明 本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! # 网站 > https://match.yuanrenxue.cn/match/20 # 网站分析 首先进去网站,我们查 ......
猿人 实战 wasm

node.js安装

F:\Program Files\nodejs\ windows安装npm教程(nodejs) [就是参照这个编辑安装] https://www.cnblogs.com/kakashi-feng/p/16483727.html npm 安装详细教程 https://blog.csdn.net/cle ......
node js

【解决】Vue 高德地图自定义地图样式,无法显示、无法生效的问题

之前修改这个搜索框的样式,一直不生效,后面经过查找发现问题如下: 1、不能把样式放在scoped样式里面,还有就是不能写deep ......
地图 样式 问题 Vue

js从指定日期开始获取n个工作日后的日期

` //获取非工作日 这一个函数是根据年份获取非工作日的数组 例:'2023-2-12,2023-2-18,2023-2-19...' function query_fworkday(year) { var p_w_workday; Aurora.request({ url: Aurora.getC ......
日期 工作日

vue xlsx组件 导出的excel表头插入内容

主要就是sheet_add_dom这个方法, dom是带有table标签元素的dom节点。 timeData是个二维数组:[["条件1","条件2"],["值1","值2"]]; 如果是要在表格内容行里面插入内容,可以直接在与表格绑定的对象上,插入内容就可以了。 /*timeData 是二维数组*/ ......
表头 组件 内容 excel xlsx

Vue路由中resetRouter重置routes的参数hidden时无法生效

记录:如题,当在静态的router中设置伪权限,即设置routes路由的参数hidden 代码如下: import store from "@/store"; // 伪权限,设置定时器的原因是router/index.js中无法及时拿到store var timer = setInterval(() ......
路由 resetRouter 参数 hidden routes

Vue3 中组合式API 与 React Hooks 的区别是?

Vue3 中组合式API 与 React Hooks 的区别是? 1. 调用顺序 Vue3:组合式API不限制调用顺序,可以有条件地进行调用 React-hooks:有调用顺序的限制,不可以写在条件分支中 查看源码分析:例如:useState定义的变量会放在一个数组中,在条件分支中需要根据条件定义变 ......
React Hooks Vue3 Vue API

vue解决密码input框内回显浏览器之前保存的账号密码

问题: 浏览器保存登录的账号密码之后,在界面修改会自动回显到input框内,影响观感使用。 解决办法: 给input加上属性 autocomplete="new-password" readonly onfocus="this.removeAttribute('readonly'); this.ty ......
密码 账号 浏览器 input vue

js 中的 this

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> var tool = { a : 'some msg', sho ......
this js

vue介绍和基本使用,插值语法,文本指令和事件指令

# 1 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascri ......
指令 语法 文本 事件 vue

Vue之前端的发展史、介绍 和 基本使用、第一个helloworld、插值语法、文本指令、事件指令

[toc] # 一、前端的发展史 - 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascript=E ......
指令 发展史 语法 helloworld 文本

vue发展历史&差值语法&文本指令

## 1 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascr ......
差值 发展历史 指令 语法 amp

去往js函数式编程(5)

## 日志记录 我们可以写一个高阶函数,它以两个函数作为参数,并允许第一个函数只能执行一次,从那一点开始调用第二个函数。 ```javascript const onceAndAfter = (f, g) => { let toCall = f return (...args) => { let r ......
函数

vue3实现元素监听滚动事件

// useScroll.js import { debounce } from '@/common/util.js' export default function useScroll(elRef) { console.log('########3useScroll', elRef.value) ......
元素 事件 vue3 vue

vue2项目中使用dhtmlx gantt甘特图插件

官网示例地址:https://docs.dhtmlx.com/gantt/samples/ 可以在这里查看绑定数据的格式 ### 安装依赖 ``` npm install dhtmlx-gantt --save ``` ### 创建一个甘特图组件 ```javascript ``` 到这里传入数据就 ......
插件 项目 dhtmlx gantt vue2

vue导出word,docxtemplater,多重遍历,图片以及判断

因为项目报告导出pdf断页问题不能得到很好的解决,所以决定导出word。中间踩过的坑,今天聊作记录,分享与复盘。 其中主要用得到的是docxTemplater,docxTemplater是一个通过模板文件生成word的库,它能最大程度的保证最终生成的word的样式的完整和还原。 1、 依赖安装 // ......
图片以及 docxtemplater 图片 word vue

使用vue的简单的纯前端JS验证码实现

## 使用vue的简单的纯前端JS验证码实现 感觉人不能在SQL里面淹死,得看看别的东西了 因为是上班摸鱼偷摸搞的,所以人比较懒,很多东西也懒得修修改改,直接放在一个html文件下了 页面如下 ![image](https://img2023.cnblogs.com/blog/1672923/202 ......
前端 vue

js 粘贴定位 滚动到顶部后,固定在头部

由于css的position:sticky的粘贴定位存在兼容性问题,因为决定使用js来判断盒子的位置,添加固定定位来解决,实例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=" ......
头部 js

常用的js判断简写技巧

空值合并运算符(??)是一个逻辑运算符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。 function(obj){ var b = obj ?? {} } // 等价于 =>> function(obj){ var b; if( obj null ......
简写 常用 技巧

js 校验手机号与校验邮箱正则表达式

## js 校验手机号与校验邮箱正则表达式 以下 ``` checkMobile(mobile) { var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if (!myreg.test(mobile)) { return ......
正则 表达式 手机号 邮箱 手机

Js读取接口返回的文件流+WebApi

做个记录 前端: // 获取时间戳 let timestamp = new Date().getTime(); // 获取XMLHttpRequest let xmlResquest = new XMLHttpRequest(); var IsOnB = $("#IsOnB option:selec ......
接口 文件 WebApi

react项目,或者vue项目。手动隐藏warning。保持控制台的清晰

非常感谢您的指正和提醒,我的回答中使用了 arguments 对象,而这不是一个好的实践。可以使用 ES6 的剩余参数(rest parameters)来代替 arguments 对象。 以下是使用剩余参数替换 arguments 对象的示例代码: ``` import React from 're ......
项目 控制台 手动 warning react

文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览

合集 - 文档管理(3) 1.文档在线预览(一)通过将txt、word、pdf转成图片实现在线预览功能05-302.文档在线预览(二)word、pdf文件转html以实现文档在线预览05-30 3.文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览06-01 目录 实现 ......
前端 文档 excel word pdf

Vue3 尝试小记

### 1.安装vue 使用 npm 或 yarn 安装 Vue 3: ```javascript # npm npm install vue@next # yarn yarn add vue@next ``` ### 2.创建项目文件夹 在命令行中,输入以下命令,在根目录下创建一个项目文件夹: m ......
小记 Vue3 Vue

IIS 发布vue 方向代理配置

web(iis 配置).config ......
方向 IIS vue

Vue通用下拉树组件@riophae/vue-treeselect的使用

vue-treeselect是一款下拉树通用组件。@riophae/vue-treeselect 是一个基于 Vue.js 的树形选择器组件,可以用于选择树形结构的数据。它支持多选、搜索、异步加载等功能,可以自定义选项的样式和模板。该组件易于使用和扩展,适用于各种类型的项目。 npm:https:/ ......
vue-treeselect treeselect 组件 riophae Vue

JS 树型结构 模糊搜索 匹配到所有的节点,包括所有的父节点

treeData 就是el-tree :data要绑定的数据 :data=treeData treeOptions.data是接口返回的原始树形结构数据 // 根据关键字过滤后的数据 const treeData = computed(() => { if (!options.searchText) ......
节点 结构 JS

js文件 (下拉框,后端返回查找对应内容)

![](https://img2023.cnblogs.com/blog/2628599/202306/2628599-20230601113600520-334889566.png) ```JavaScript const DOMAIN_TYPE = { DESKTOP_WEB: "DESKTOP ......
文件 内容

uniapp+vue3+ts 使用pinia报错

"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
uniapp pinia vue3 vue ts