three vue js

Vue.js 求和案例-mapActions和mapMutations

视频 mapActions方法:用于帮助我们生成与actions对话的方法,即:包含$store.dispatch(xxx)的函数 methods:{ //靠mapActions生成:incrementOdd、incrementWait(对象形式) ...mapActions({incrementO ......
mapMutations mapActions 案例 Vue js

Vue.js 求和案例-mapState和mapGetters

视频 6.四个map方法的使用 mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:sum、school、subject(对象写法) ...mapState({sum:'sum',school:'school',subje ......
mapGetters mapState 案例 Vue js

Vue.js getter配置项

视频 逻辑复杂且跨组件使用 5.getters的使用 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 ......
getter Vue js

如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤

Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
Typescript Tailwind 步骤 Vue3 Vite

Vue.js Vuex开发者工具的使用&Vuex写法一些疑问

视频 4.基本使用 初始化数据、配置actions、配置mutations,操作文件store.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //引用Vuex Vue.use(Vuex) const acti ......
写法 Vuex 开发者 疑问 工具

跟着视频敲vue项目遇到的各种疑难杂症

首先我照着视频敲了一个tabbar导航栏,但是毕竟视频也是以前的,现在这个vue各个东西版本都很高,只能说不按视频来疯狂报错。 之后开始正式项目又重新创建了一个项目,我没在意我直接默认创建,默认创建和视频里有两个不一样的点,一个是eslint(什么b玩应),另一个是vue2x还是3x,视频里是2x。 ......
杂症 疑难 跟着 项目 视频

geoscene for js vue 开发环境搭建及本地化部署

1、需求 公司项目要用到geoscene for js,所以你懂的 2、环境 win10、VSCode、geoscene for js 4.25.6 3、踩坑 1)、安装geoscene 按照官方说明文档 https://doc.geoscene.cn/javascript/4.23/install ......
geoscene 环境 for vue js

Vue中使用axios发起POST请求成功,却被挂起

服务器能接收请求并处理,控制台没有报错,axios().catch也没有捕获异常。随后查看控制台网络页,发现被挂起 在Stack搜到同问题,上面说将axios()函数返回用.then查看被挂起信息。node.js - Axios get request hangs, no error, catch ......
axios POST Vue

Vue.js Vuex实现求和案例

视频 #Vuex版本 ##components ###Count.vue <template> <div> <!-- 模板里能看见vc上所有东西 --> <h1>当前求和为:{{$store.state.sum}}</h1> <select v-model.number="n"> <option v ......
案例 Vuex Vue js

js_三大高阶数组方法

####首先,这些方法遵循着函数式编程较好的习惯:不改变原有的变量的值,即-不改变数组的元素的值。这些方法只是生成了新的数组,并将其返回。(若是使用foreach(),则会改变原来数组) 小贴士1:保持较好的函数式编程习惯:尽量不改变函数之外的变量; 将函数所需要的参数在参数列表里列清楚,即-全局变 ......
高阶 数组 三大 方法 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