写法vue2 vue js
【Vue】的API风格_选项式API和组合式API
API 风格 API风格可分选项式API和组合式API。 选项是API (Options API) 使用选项式 API,可以用包含多个选项的对象来描述组件的逻辑,例如 data 、 methods 和 mounted 。 选项所定义的属性都会暴露在函数内部的 this 上,它会指向当前的组件实例。 ......
JS逆向实战16——猿人学第20题 新年挑战-wasm进阶
# 声明 本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! # 网站 > https://match.yuanrenxue.cn/match/20 # 网站分析 首先进去网站,我们查 ......
node.js安装
F:\Program Files\nodejs\ windows安装npm教程(nodejs) [就是参照这个编辑安装] https://www.cnblogs.com/kakashi-feng/p/16483727.html npm 安装详细教程 https://blog.csdn.net/cle ......
【解决】Vue 高德地图自定义地图样式,无法显示、无法生效的问题
之前修改这个搜索框的样式,一直不生效,后面经过查找发现问题如下: 1、不能把样式放在scoped样式里面,还有就是不能写deep ......
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 是二维数组*/ ......
Vue路由中resetRouter重置routes的参数hidden时无法生效
记录:如题,当在静态的router中设置伪权限,即设置routes路由的参数hidden 代码如下: import store from "@/store"; // 伪权限,设置定时器的原因是router/index.js中无法及时拿到store var timer = setInterval(() ......
前端项目中,一些好的写法
### 请求 ``` const handldeComfirmTermwork = async (params) => { // async 异步函数标识 try { //捕获错误信息 const { id, sid, label } = params // 解构赋值 const res = awa ......
Vue3 中组合式API 与 React Hooks 的区别是?
Vue3 中组合式API 与 React Hooks 的区别是? 1. 调用顺序 Vue3:组合式API不限制调用顺序,可以有条件地进行调用 React-hooks:有调用顺序的限制,不可以写在条件分支中 查看源码分析:例如:useState定义的变量会放在一个数组中,在条件分支中需要根据条件定义变 ......
vue解决密码input框内回显浏览器之前保存的账号密码
问题: 浏览器保存登录的账号密码之后,在界面修改会自动回显到input框内,影响观感使用。 解决办法: 给input加上属性 autocomplete="new-password" readonly onfocus="this.removeAttribute('readonly'); this.ty ......
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 ......
vue介绍和基本使用,插值语法,文本指令和事件指令
# 1 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascri ......
Vue之前端的发展史、介绍 和 基本使用、第一个helloworld、插值语法、文本指令、事件指令
[toc] # 一、前端的发展史 - 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascript=E ......
vue发展历史&差值语法&文本指令
## 1 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascr ......
去往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) ......
vue2项目中使用dhtmlx gantt甘特图插件
官网示例地址:https://docs.dhtmlx.com/gantt/samples/ 可以在这里查看绑定数据的格式 ### 安装依赖 ``` npm install dhtmlx-gantt --save ``` ### 创建一个甘特图组件 ```javascript ``` 到这里传入数据就 ......
vue导出word,docxtemplater,多重遍历,图片以及判断
因为项目报告导出pdf断页问题不能得到很好的解决,所以决定导出word。中间踩过的坑,今天聊作记录,分享与复盘。 其中主要用得到的是docxTemplater,docxTemplater是一个通过模板文件生成word的库,它能最大程度的保证最终生成的word的样式的完整和还原。 1、 依赖安装 // ......
使用vue的简单的纯前端JS验证码实现
## 使用vue的简单的纯前端JS验证码实现 感觉人不能在SQL里面淹死,得看看别的东西了 因为是上班摸鱼偷摸搞的,所以人比较懒,很多东西也懒得修修改改,直接放在一个html文件下了 页面如下 ![image](https://img2023.cnblogs.com/blog/1672923/202 ......
js 粘贴定位 滚动到顶部后,固定在头部
由于css的position:sticky的粘贴定位存在兼容性问题,因为决定使用js来判断盒子的位置,添加固定定位来解决,实例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=" ......
常用的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 ......
react项目,或者vue项目。手动隐藏warning。保持控制台的清晰
非常感谢您的指正和提醒,我的回答中使用了 arguments 对象,而这不是一个好的实践。可以使用 ES6 的剩余参数(rest parameters)来代替 arguments 对象。 以下是使用剩余参数替换 arguments 对象的示例代码: ``` import React from 're ......
文档在线预览(三)使用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 目录 实现 ......
Vue3 尝试小记
### 1.安装vue 使用 npm 或 yarn 安装 Vue 3: ```javascript # npm npm install vue@next # yarn yarn add vue@next ``` ### 2.创建项目文件夹 在命令行中,输入以下命令,在根目录下创建一个项目文件夹: m ......
Vue通用下拉树组件@riophae/vue-treeselect的使用
vue-treeselect是一款下拉树通用组件。@riophae/vue-treeselect 是一个基于 Vue.js 的树形选择器组件,可以用于选择树形结构的数据。它支持多选、搜索、异步加载等功能,可以自定义选项的样式和模板。该组件易于使用和扩展,适用于各种类型的项目。 npm:https:/ ......
JS 树型结构 模糊搜索 匹配到所有的节点,包括所有的父节点
treeData 就是el-tree :data要绑定的数据 :data=treeData treeOptions.data是接口返回的原始树形结构数据 // 根据关键字过滤后的数据 const treeData = computed(() => { if (!options.searchText) ......
js文件 (下拉框,后端返回查找对应内容)
![](https://img2023.cnblogs.com/blog/2628599/202306/2628599-20230601113600520-334889566.png) ```JavaScript const DOMAIN_TYPE = { DESKTOP_WEB: "DESKTOP ......