写法vue2 vue js

流程全局引入外部JS、CSS

全局引入,所有流程 E9如果在代码块里面这样: <script type="text/javascript" src="/js/layui-v2.8.13/layui/layui.js"></script> 是引入不了的。 如果想单独在某个流程引入,如下: ......
全局 流程 CSS

HTTP工具类文件request.js的完善和优化

`request.js` 在现代前端项目中通常被称为一个**HTTP请求工具**或**HTTP工具类**文件。它的主要作用是对项目中用到的HTTP请求进行统一的配置和处理。 应用示例: ``` // 查询用户列表 export function listUser(query) { return re ......
request 文件 工具 HTTP js

js:Simple pagination in javascript

https://stackoverflow.com/questions/25434813/simple-pagination-in-javascript @{ ViewBag.Title = "Index"; Layout = null; } <div id="listingTable"></div ......
javascript pagination Simple js in

JS基础-表达式和运算符

**表达式**:是由操作数和运算符(可选)构成的并产生运算结果的语法结构。例如:3+5 **运算符**:进行计算或者逻辑运算的符号,比如表达式中的 + 号 表达式分类:算术、关系、逻辑、赋值、组合 ## 算术运算符 以下符号都是算数运算符,运算符的关键词就是运算 | 意义 | 运算符 | | -- ......
运算符 表达式 基础

有道翻译js逆向

# 有道翻译 ## 数据分析 ### 生成sign 通过抓取数据,有道翻译是请求这个接口 `https://dict.youdao.com/webtranslate`,请求参数如下所示: ![1694047786722](https://img2023.cnblogs.com/blog/232469 ......

百度翻译js逆向

# 百度翻译 ## 数据分析 通过抓取数据,百度翻译是请求这个接口 `https://fanyi.baidu.com/basetrans`,请求参数如下所示: ![1694054848880](https://img2023.cnblogs.com/blog/2324693/202309/23246 ......

app直播源码,js在div里让它在内容更新时自动滚到底部

app直播源码,js在div里让它在内容更新时自动滚到底部 <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /></ ......
源码 内容 app div

新建vue项目(vue@3.3.4)

一,通过命令行创建 root@lhdpc:/data/vue# vue create responsive 此处使用默认选中的vue3,回车即可 二,运行vue项目: 按照提示运行 root@lhdpc:/data/vue# cd responsive/ root@lhdpc:/data/vue/r ......
vue 项目

npm:安装@vue/cli(5.0.8)

一,安装@vue/cli: 查看bin目录下的程序 root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/ corepack node npm npx 用npm安装 root@lhdpc:/ ......
npm cli vue

vue 图片加框及文字标注,并可返回base64

// 图片添加标注并转为base64,用于对图片某个地方画框标注文字 /** * 获取table可视化高度 * @param imgUrl 图片地址 * @param markInfo 标注信息,markInfo.target是标注画框的坐标,markInfo.text为标注文字,默认标注在画框的右 ......
文字 图片 base vue 64

VUE后台管理系统(三) 项目引入Echart

### 项目引入`Echarts.js` - 安装依赖 ``` - npm install echarts ``` - 新增`lineChart组件`,用来展示`折线图` ``` - 准备容器 - 生成echart实例 - 实例.setOption({}) # 一堆的配置... ``` ``` ## ......
后台 管理系统 项目 Echart 系统

vue本地连接多个服务器

通过配置代理的方式: 后端接口在浏览器已通 ![](https://img2023.cnblogs.com/blog/1187636/202309/1187636-20230907105143294-1568802070.png) 前端接口: ![](https://img2023.cnblogs. ......
多个 服务器 vue

js_如何获取js文件

1. 官网下载jsjs文件。 2. 使用官网在线共享的js文件。 例如:<script src="https://www.jq22.com/jquery/three.min.js"></script> 3. 在浏览器上填入上面的地址,访问页面,从页面中复制代码,粘贴在新建的空白js文件中。 有时候页 ......
文件 js

js_js&css 导入形式

href: <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="./css/font.css"> <link rel="stylesheet" href=" ......
形式 js_js js amp css

js_获取当前时间

1. 在纯JS下: <script> alert(getNowTime()); //document.getElementById('rq').value = getNowTime(); function getNowTime() { var date = new Date(); this.year ......
时间 js

Java程序员学vue3最好的方式就是搭建后台管理模板

作为Java程序员,vue3还是有必要学的,我推荐学会了vue3基础的Java工程师,尝试搭建自己的后台管理模板,这是提高vue3熟练度最快的方式。 ......
程序员 后台 模板 方式 就是

JS入门第四节

![image](https://img2023.cnblogs.com/blog/2609621/202308/2609621-20230820120002355-1915173419.png) ```html 全选 商品 商家 价格 小米手机 小米 ¥1999 小米净水器 小米 ¥4999 小米 ......
门第

vue知识点总结

一、MVVM模型(model-view-viewmodel) ......
知识点 知识 vue

搭建企业知识库:基于 Wiki.js 的实践指南

在众多开源 Wiki 产品中,Wiki.js 因其灵活的使用方式和强大的功能,受到了广泛的关注。本文将引导您了解如何使用 Wiki.js 搭建企业知识库。 ......
知识库 指南 知识 企业 Wiki

vue3 mitt快速上手

为什么要使用mitt?因为vue3已经没有提供配套的事件总线bus,需要使用第三方库mitt来完成vue2中bus完成的事情 第一步:安装mitt npm install mitt1第二步:在项目的js文件中导入mitt(局部注册) // mitt.js文件import mitt from 'mit ......
vue3 mitt vue

vue--day80---嵌套路由

1. 配置路由规则,使用children配置项: ```js routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { path:'new ......
路由 vue day 80

vue--day79---路由的几个注意点

1. 路由组件通常存放在```pages```文件夹,一般组件通常存放在```components```文件夹。 2. 通过切换,“隐藏”了的路由组件,默认是被销毁掉的,需要的时候再去挂载。 3. 每个组件都有自己的```$route```属性,里面存储着自己的路由信息。 4. 整个应用只有一个ro ......
路由 vue day 79

【JS】对数据分组处理

按照“谁”分组,就让这个“谁”作为结果对象的 key,然后把匹配的数据分别放在这些 key 对应的 value 下面 <html> <head> <title>对数据分组处理</title> </head> <body> </body> <script> const data = [ { name: ......
数据

【JS】手写防抖

防抖分为立即执行版本和非立即执行版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 ......

Vue源码学习(二):<templete>渲染第一步,模板解析

好家伙, 1.<template>去哪了 在正式内容之前,我们来思考一个问题, 当我们使用vue开发页面时,<tamplete>中的内容是如何变成我们网页中的内容的? 它会经历四步: 解析模板:Vue会解析<template>中的内容,识别出其中的指令、插值表达式({{}}),以及其他元素和属性。 ......
源码 templete 模板 Vue lt

JS性能优化

JS性能优化 一般来说:运算为10^8级,花费时间为一秒。 内存管理 内存:由可读写单元组成,表示一片可操作 空间管理:人为的去操作一片空间的申请、使用和释放 内存管理:开发者主动申请空间、使用空间、释放空间 管理流程:申请―使用―释放 内存泄漏现象 内存的泄漏:当对象持续申请初始化空间时,给予对象 ......
性能

vue 生成海报并下载

用到插件 vue-canvas-poster 具体的使用方法: html: <vue-canvas-poster :widthPixels="0" :painting="painting" @success="success" @fail="fail" ></vue-canvas-poster> < ......
海报 vue

JS在数据类型前使用“+”的作用

js在某个数据类型前使用‘+’,这个操作目的是为了将该数据类型转换为Number类型,如果转换失败,则返回NaN; 实际使用 例如:+new Date() 返回当前时间戳 参考 https://blog.csdn.net/m0_46893049/article/details/125677006 ......
作用 类型 数据

在vue项目中使用webWorker

使用web worker可以进行多线程的数据处理, 我们可以把包含大量数据的逻辑交给webworker, 能避免在数据处理过程中造成的页面卡顿. 1.首先, 你可以在项目根目录的任意目录下, 新建一个webworker的文件 直接调用预置方法postMessage来传递数据, 使用onmessage ......
webWorker 项目 vue

vue自定义指令

#### 前置内容 可以使用v-directive注册自定义指令,要想自定义指令的功能,需要先了解指令定义对象的钩子函数和钩子函数参数(参考官网内容) ##### 钩子函数 * `bind`:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 * `inserted`:被绑定 ......
指令 vue