路由 程式vue js
JS常用各种正则表达式（汇总）
JS常用各种正则表达式（汇总） 原文链接：https://www.cnblogs.com/mxyr/p/10039393.html 匹配URL 这个url的正则表达式判断的JavaScript！比较全面的。它验证的情况包括IP，域名（domain），ftp，二级域名，域名中的文件，域名加上端口！用户 ......
使用chrome ABC JS-CSS Injector插件，劫持网页js文件改写调试
通过保存网站JS文件，然后阻止源本该访问的JS文件，通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS，进行劫持，就可以进行修改调试 1.需要插件：ABC JS-CSS Injector 设置Title和Domain， 配置使用一下代码： 其中：http://127.0.0.1 ......
Vue中的this.$options.data()的this指向问题
项目里遇到一个问题，用this.$options.data()重置组件data时报错，原因是因为form里的rule规则采用了this写法。 如下: rules: { code: [this.$rules.required()], name: [this.$rules.required()], ag ......
Vue3
Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载： GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
学习-js的标准内置对象Object
标准内置对象Object 1、Object.defineProperty() /** * Object.defineProperty() * Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者 * 修改一个对象的现有属性，并返回此对象。 * * 备注：应当直接在 ......
JS中的 map, forEach 无法跳出循环， return和 break不起作用，可以使用every 和 some方法
JS中的 map, forEach 无法跳出循环， return和 break不起作用，可以使用every 和 some方法 敲代码的TKP 于 2022-09-01 15:52:47 发布 1711 收藏 1分类专栏： javaScript es6 文章标签： javascript 开发语言 ec ......
javaweb-vue快速入门
资料来源于：B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ，本人才疏学浅，记录笔记以供日后回顾 视频链接 知识点 Vue 前置条件：需要在项目中放入 vue.js文件 1) {{}} - 相当于innerText 2) v-bind:attr 绑定属性值。例如，v-bind:value - ......
js padStart() 详解
padStart() 标准内置对象： String.Prototype.padStart() ES2017引入了字符串补全长度的功能，如果某个字符串不够指定长度，会在头部或尾部补全。padStart() 用于头部补全，padEnd() 用于尾部补全。 str.padStart(2, 0) // 够两 ......
vue3 移动端 实现树形结构 tree
实现效果： ) 版本号： 1、需求是支持全选功能，网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 （1）npm i @ysx-libs/vue-virtual-tree （2）main.js中引入 import ' ......
pdf.js 使用
pdf文件能够比较好的保留源格式，传输也比较方便，现PC端浏览器基本都可直接查看pdf文件，只是界面风格不怎么统一，但是手机端查看pdf文件就不能很好的只“预览”，往往都是自动下载到本地再查看，今天分享pdf.js，主要用于在线pdf预览，平时我使用比较多的场景就是培训手册。 我用的是1.1.159 ......
js 中使用 decimal.js 进行不丢失精度的小数计算
npm install decimal.js import Decimal from "decimal.js" // 具体文件中引入 //加 let a = 1 let b = 6 // a 与 b 可以是 任何类型，Decimal 内部会自己处理兼容 // 下面两种都可以 可以带 new 也不可以 ......
vue keepAlive 三级菜单缓存
需求：缓存跨二级三级菜单。 原来项目是二级路由，现在增加一个层级。这种情况菜单展示是没有问题的，只是新的三级菜单不能缓存。 1.搭建框架 2.使用keepAlive --include <keep-alive :include="keepAliveList"> <router-view :key=" ......
js截图div截图
##html <div id="save"> <img src="" alt=""> </div> <div id="canvas" class="rank_data_box"> <div style="color: red;">截图这里</div> <!-- 数据空 --> </div> ##引用 ......
为vue程序多环境部署设置动态路由
问题的提出 Vue前端+springboot后端的开发架构很普遍，一般最终以war的形式部署到tomcat中运行。 笔者在开发、测试、部署时，由于环境不一致，需要不断改变vue前端的配置，导致一些不必要的重复工作。具体见下表， 运行环境 web服务器 前端访问后端的路径 开发时 vue采用ide自带 ......
vue3+ts的toRef和toRefs用法
<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
v8 js代码与canvas的绘制
v8::MaybeLocal<v8::Value> maybe_result; if (V8ScriptRunner::CompileScript(script_state, *classic_script, compile_options, no_cache_reason, host_define ......
vue-router往router component传props如果是named-views的话必须为每个named-view都定义props
在ssr改造时发现往Index.vue传props死活传不了，组件是named-view。 { path: 'list/:page', meta: { isGoodsList: true }, components: { default: () => import('pages/Index.vue' ......
Vue2可以检测 引用数据类型 数组的响应式变化
在Vue2中，响应式基于Object.defineProperty实现的响应式，官方文档中明确说明 Vue 不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length ......
parcel工具搭建three.js开发环境及报错填坑
parcel工具搭建three.js开发环境 今天用parcel工具搭建了一个threejs开发环境，遇到了一点小坑，简单的做一个记录。 首先贴出正确的操作姿势 mkdir threeJsDemo cd threeJsdemo yarn init //一路回车 然后生成package.json文件, ......
Vue Hls m3u8 视频/直播
Hls m3u8 视频/直播 涉及知识：Vue hls m3u8 乐橙云 大华摄像头 Vue2 实时显示大华摄像头画面 安装依赖 "vue": "^2.6.11", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources": " ......
Js 控制元素的显示和隐藏
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 方法一： document.getElementById("EleId").style.visibility="hidden"; document.g ......
js策略模式 以及 es6中 ?? 的用法
策略模式，es6中 ?? 的用法 const judge = function(status){ const map = [ 0: '普通用户', 1: '管理员', 2: '超级管理员' ] return map[status]??'未知用户' } ?? 是ES6提供的一个操作符，被称为非空运算符 ......
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中，如果使用 component，可以动态加载一个组件，例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。 <!- ......
直播app开发搭建，Vue如何绑定一个每两秒生成的随机数
直播app开发搭建，Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
Vue之移动端viewport-vw适配
一、前置知识 vw：与视口的宽度有关，1vw 就是视口宽度的 1% vh：与视口的高度有关，1vh 就是视口高度的 1% vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个 vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个 vmin ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
js RGB转HSV
function rgb2hsv (r,g,b) { var computedH = 0; var computedS = 0; var computedV = 0; //remove spaces from input RGB values, convert to int var r = pars ......
Vue-示例
计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
MySQL过程式编程，case when嵌套，差分(自联结完成)，PERIOD_DIFF求月份差
题目地址 https://www.nowcoder.com/practice/aef5adcef574468c82659e8911bb297f 代码 # 还是过程式编程吧，否则万一签到奖励规则变了，SQL代码你根本不知道怎么改 # Keep in mind that MySQL user varia ......