写法vue2 vue js

Vue.js 搭建Vuex环境

视频 npm i vuex@3 3.搭建vuex环境 创建文件:src/store/index.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备acti ......
环境 Vuex Vue js

Vue.js 纯Vue实现求和案例

纯Vue实现视频106 #纯Vue版本 ##components ###Count.vue <template> <div> <h1>当前求和为:{{sum}}</h1> <select v-model.number="n"> <!-- 收集到的是字符串类型, v-model.number="n"强 ......
Vue 案例 js

Vue.js Vuex简介

简介视频 ......
简介 Vuex Vue js

Vue,js Vuex工作原理图

Vuex原理解析视频107 传参带数据允许走这条线 store管理 ......
原理 Vuex Vue js

EQ-BDS面板正则内嵌JS帮助

正则命令使用JS的语法 环境变量机制 API和接口 调试输出 获取日期 file类 读入文件 写入文件 eq类 输出文本到控制台 发送QQ私聊消息 发送QQ群聊消息 获取操作系统名称 获取CPU占用率 获取内存占用率 获取总内存大小 获取已经使用的内存大小 获取CPU名称 获取BDS启动状态 获取当 ......
正则 面板 EQ-BDS BDS EQ

JS基础(上)

JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中: HTML 用来定义网页的内容,例如标题、正文、图像等; CSS 用来控制网页的外观,例如颜色、字体、背景等; JavaScript 用来实时更新网页中的内容,例如从服务器获取数据并更新到网页中,修改某些标签的样式或其 ......
基础

 js解压gzip字符串方法:  js怎么解压gzip字符串?

在JavaScript中,可以使用`pako`库对gzip格式的数据进行解压缩。`pako`是一个纯JavaScript实现的压缩库,支持多种压缩算法,包括gzip。 使用`pako`库解压gzip字符串的步骤如下: 1. 导入`pako`库:可以使用`<script>`标签将`pako`库直接引入 ......
字符串 字符 gzip 方法

Vue 核心(一)

Vue 核心(一) 一、 Vue 简介 1、 概述 Vue是一套用于==构建用户界面==的==渐进式== JavaScript 框架。 渐进式:Vue 可以自底向上逐层的应用。 简单应用:只需一个轻量小巧的核心库 复杂应用:可以引入各式各样的 Vue 插件 如果说是JQuery是手工作坊,那么Vue ......
核心 Vue

Vue——initInjections【九】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initInjections进行剖析,初始化生命周期之后紧接着。 initInjections initInjections的方法位于scr/core/instanc ......
initInjections Vue

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 ......
插件 Injector 网页 文件 chrome

Vue中的this.$options.data()的this指向问题

项目里遇到一个问题,用this.$options.data()重置组件data时报错,原因是因为form里的rule规则采用了this写法。 如下: rules: { code: [this.$rules.required()], name: [this.$rules.required()], ag ......
this 指向 options 问题 data

Vue3

Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载: GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
Vue3 Vue

学习-js的标准内置对象Object

标准内置对象Object 1、Object.defineProperty() /** * Object.defineProperty() * Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者 * 修改一个对象的现有属性,并返回此对象。 * * 备注:应当直接在 ......
对象 标准 Object js

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 ......
作用 forEach 方法 return break

javaweb-vue快速入门

资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 视频链接 知识点 Vue 前置条件:需要在项目中放入 vue.js文件 1) {{}} - 相当于innerText 2) v-bind:attr 绑定属性值。例如,v-bind:value - ......
javaweb-vue javaweb vue

js padStart() 详解

padStart() 标准内置对象: String.Prototype.padStart() ES2017引入了字符串补全长度的功能,如果某个字符串不够指定长度,会在头部或尾部补全。padStart() 用于头部补全,padEnd() 用于尾部补全。 str.padStart(2, 0) // 够两 ......
padStart js

vue3 移动端 实现树形结构 tree

实现效果: ) 版本号: 1、需求是支持全选功能,网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 (1)npm i @ysx-libs/vue-virtual-tree (2)main.js中引入 import ' ......
树形 结构 vue3 tree vue

pdf.js 使用

pdf文件能够比较好的保留源格式,传输也比较方便,现PC端浏览器基本都可直接查看pdf文件,只是界面风格不怎么统一,但是手机端查看pdf文件就不能很好的只“预览”,往往都是自动下载到本地再查看,今天分享pdf.js,主要用于在线pdf预览,平时我使用比较多的场景就是培训手册。 我用的是1.1.159 ......
pdf js

js 中使用 decimal.js 进行不丢失精度的小数计算

npm install decimal.js import Decimal from "decimal.js" // 具体文件中引入 //加 let a = 1 let b = 6 // a 与 b 可以是 任何类型,Decimal 内部会自己处理兼容 // 下面两种都可以 可以带 new 也不可以 ......
小数 精度 decimal js

vue keepAlive 三级菜单缓存

需求:缓存跨二级三级菜单。 原来项目是二级路由,现在增加一个层级。这种情况菜单展示是没有问题的,只是新的三级菜单不能缓存。 1.搭建框架 2.使用keepAlive --include <keep-alive :include="keepAliveList"> <router-view :key=" ......
缓存 keepAlive 菜单 vue

js截图div截图

##html <div id="save"> <img src="" alt=""> </div> <div id="canvas" class="rank_data_box"> <div style="color: red;">截图这里</div> <!-- 数据空 --> </div> ##引用 ......
截图 div

为vue程序多环境部署设置动态路由

问题的提出 Vue前端+springboot后端的开发架构很普遍,一般最终以war的形式部署到tomcat中运行。 笔者在开发、测试、部署时,由于环境不一致,需要不断改变vue前端的配置,导致一些不必要的重复工作。具体见下表, 运行环境 web服务器 前端访问后端的路径 开发时 vue采用ide自带 ......
路由 程序 动态 vue

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> </ ......
toRefs toRef vue3 vue ts

v8 js代码与canvas的绘制

v8::MaybeLocal<v8::Value> maybe_result; if (V8ScriptRunner::CompileScript(script_state, *classic_script, compile_options, no_cache_reason, host_define ......
代码 canvas v8

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' ......
router props named named-views vue-router

Vue2可以检测 引用数据类型 数组的响应式变化

在Vue2中,响应式基于Object.defineProperty实现的响应式,官方文档中明确说明 Vue 不能检测以下数组的变动: 当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length ......
数组 类型 数据 Vue2 Vue

parcel工具搭建three.js开发环境及报错填坑

parcel工具搭建three.js开发环境 今天用parcel工具搭建了一个threejs开发环境,遇到了一点小坑,简单的做一个记录。 首先贴出正确的操作姿势 mkdir threeJsDemo cd threeJsdemo yarn init //一路回车 然后生成package.json文件, ......
环境 工具 parcel three js

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": " ......
视频 m3u8 Vue Hls 3u

Js 控制元素的显示和隐藏

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 方法一: document.getElementById("EleId").style.visibility="hidden"; document.g ......
元素 Js