three vue js
GitLab部署vue项目至GitLab Pages流水线配置
image: node:16.15.0 #表示使用有nodejs环境的docker，自己项目用的什么版本这就写什么版本 stages: - deploy pages: #!!!必须!!!使用pages关键字 stage: deploy script: - npm install - npm run ......
JS(JavaScript)-事件-Event事件
1. 介绍： 事件就是可以被JS侦测到的行为。 用户操作鼠标或键盘后，触发了JS事件，然后产生相应机制。 三要素： 事件源：事件被触发的对象，就是谁触发了这个事件； 事件类型：如何触发，什么事件；比如：鼠标点击，键盘按下 事件处理程序：通过一个函数赋值的方式完成。 推荐使用外部样式连接！ 2. Ev ......
moment.js
//! moment.js //! version : 2.29.4 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors //! license : MIT //! momentjs.com (function (global ......
verifyCode.js
function GVerify(options) { // 创建一个图形验证码对象，接收options对象为参数 this.options = { // 默认options参数值 id: "", // 容器Id canvasId: "verifyCanvas", // canvas的ID widt ......
js获取当前页面域名判断跳转网址输出不同内容
js代码可以实现一些html语言无法实现的功能，比如通过js代码获取当前访问的域名。通过js代码判断当前访问域名可以进行跳转等功能。js获取当前页面域名判断跳转网址代码：<script type="text/javascript"> host = window.location.host;if (h ......
Springboot+Vue实现多文件上传
多文件上传，后端接收到多次请求vue实现 <el-upload class="upload-demo" action="http://10.240.46.88:8081/upload1" :on-preview="handlePreview" :on-remove="handleRemove" :m ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
vue如何实现文件上传及预览
vue文件上传及预览 <template> <div id="file"> <input name="files" id="uploaderInput" type="file" accept="images/*" multiple @change="change"/> <div class="fil ......
js（canvas） 图片压缩
1 function compress(url, width, height) { 2 return new Promise((resolve, reject) => { 3 let img = document.createElement('img') 4 img.onload = () => { ......
Js(Javascript)中的apply方法的使用
JavaScript 中的 apply() 方法用于调用函数，允许指定函数的 this 对象和参数。也就是通过function的apply方法来调用方法，可以改变方法的this的对象，并且还可以传入方法参数，apply对于面向对象编程还是很有用的。 参考文档：Js(Javascript)中的ap ......
vue3中自定义ref实现防抖
import { customRef } from "vue"; /** * @description 自定义ref实现防抖 * @param {String} value * @param {Number} delay * @returns */ export const debounceRef ......
wordpress整合 Prism.js实现代码高亮 切图网自用
Prism.js是一个简约漂亮的代码高亮插件，就冲简单 好用就值得一用，如何把它整合到wordpress，附代码，也是切图网自己再用的。 代码添加到主题的functions.php中 // 自定义代码高亮按钮 function appthemes_add_quicktags() { if (wp_s ......
[Vue]脚手架创建项目
文档：https://cli.vuejs.org/zh/ (脚手架最新版本是4.x) 1. 如果安装速度过慢，可以指到国内安装地址：npm config set registry https://registry.npm.taobao.org 2. 首次安装（全局）：npm install -g @ ......
12.How do you understand the three “C”s（Concise，Clear & Coherent）in an academic Abstract writing？Why are they so important and worthy of a careful study？
Round 1: Understanding the Three "C"s in Academic Abstract Writing Speaker 1 (Researcher A): Greetings, everyone. Today, we're delving into the signif ......
vue uniapp 弹出层背景穿透，穿层
// 投注信息弹窗 内容组件上 @touchmove.stop.prevent="() => {}" u-popup :show="show" @close="show= false" @open="open" component @touchmove.stop.prevent="() => {}" ......
Vue 3 使用moment设置显示时间格式
一. 问题: Vue3如何使用moment设置显示时间格式。 二.分析问题：在Vue 3中，因为过滤器(filter)已经被废弃，取而代之的是全局方法(global method)。slot-scope也被弃用使用v-slot代替。无法使用过滤器设置显示时间格式。 三. 解决问题。 （1）在vue ......
vue3学习之createApp(App).mount('#app')
装了vue-cli之后，新建个项目跑起来了，碰上个没理解的问题，不知道createApp(App).mount('#app') 挂载的这个id=“app”从哪冒出来的 用命令创建出来的项目，components/HelloWorld.vue, App.vue, main.js中都没有 估摸着得是底层 ......
vue的富文本编辑器（vue2-editor）
文章的发布功能中，我们希望像写文档一样发布一整篇带标题、分段、加粗等效果的文章，而不是单纯的一段文本，这时就需要用到富文本编辑器。富文本编辑器有很多版本，他们样式不同，使用方法不同。本篇这里我们在npm下载并使用vue相关的富文本编辑器：vue2-editor。1.安装vue2-editor 网址： ......
【前端框架Vue】Vue是什么？怎么用？
Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式 Vue是什么？ Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种 ......
Vue源码学习(十八):实现组件注册(一)Vue.component()和Vue.extend()
好家伙, 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.思路 1.1.什么是组件化? Vue 组件化是指将复杂的应用程序拆分成多个独立的、可复用的组件，这些组件可以实现特定的功能或局部功能。组件化有助于提高开发效率、方便重复 ......
vue3 vite.config.ts 如何增加构建时间，并展示在index.html里面
首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码： plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
【Python爬虫案例】抖音下载视频+X-Bogus参数JS逆向分析
接口分析 获取接口地址 选择自己感兴趣的抖音博主，本次以“经典老歌【车载U盘】”为例 每次请求的页面会有很多接口，需要对接口进行筛选： 第一步筛选XHR筛选 第二步筛选URL中带有post 通过筛选play_add值找到视频的地址 分析请求头 通过对比两次请求发现只有X-Bogus数值会有变化，ma ......
vue项目构建过于慢的问题
因为 vue init 使用的是 npm源，是国外的 注意：如果命令行运行不了npm命令或vue命令(就是提示命令不存在，则需要以管理员身份运行cmd) 1、检查npm源，如果不是taobao的源，则需要切换 //查看源，可以看到设置过的所有的源 npm config get registry 2、 ......
Vue3基于elementPlus定制样式覆盖
scss 变量替换方案 步骤： 安装scss pnpm add sass -D 准备定制样式文件 styles/element/index.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' w ......
C# + Vue3采用SM4
引用 类库： using Org.BouncyCastle.Asn1; using Org.BouncyCastle.Asn1.GM; using Org.BouncyCastle.Asn1.X9; using Org.BouncyCastle.Crypto; using Org.BouncyCas ......
flask支持Vue2 mode history历史模式
Vue Router 配置 在Vue2 router里面增加 const router = new VueRouter({ mode: 'history', base: '/admin/', //这里路径写你打包后的网址路径 routes: [ // 这里是你的路由配置 ], }); vue.con ......
javaScript/js 【call，apply，bind】
在JavaScript中，call、apply和bind都是用于改变函数执行上下文（this的值）的方法。它们在不同的情境下有不同的用途。 call方法： call方法允许你调用一个函数，并指定该函数内部的this值，以及将参数以单独的参数传递给函数。 function greet(name) { ......
vue 格式化JSON
第一步：安装 npm i bin-code-editor -S # or yarn add bin-code-editor 第二步：在main.js中引入 //引入vue import Vue from 'vue'; //引入bin-code-editor相关插件和样式 import CodeEdi ......
vue实现大文件分片上传
这里使用了element ui的文件上传插件 <div class="inputTitle">人员资料</div> <div class="uploadBox"> <div class="picture"> <img src="@/assets/images/zip-before.png"> </d ......
Vue3 diff算法详解
Diff 更新算法 由于目前Vue3对于性能的优化做了很多的处理，所以其在更新时并不会对所有的节点都进行diff更新。目前会进行diff更新的有以下两种情况： v-for容器节点 自写的render()函数 还有一种特殊情况会进行无diff的按序更新，这种更新是全替换模式，非常耗时： 无key值的v ......