three vue js
VUE基础03-事件监听
##事件监听 使用`v-on`指令监听DOM事件： ```{{ count }}``` 因为其经常使用，`v-on` 也有一个简写语法： ```{{ count }}``` 完整实例 ``` count is: {{ count }} ``` ......
VUE基础02-熟悉绑定
## attribute绑定 vue中为了给属性绑定一个动态值，需要使用v-bind指令： `````` 指令是由 v- 开头的一种特殊 attribute。 冒号后面的部分 (:id) 是指令的“参数”。此处，元素的 id attribute 将与组件状态里的 dynamicId 属性保持同步。 ......
js中对象数组按照另一个对象数组的某一项排序
有对象数组 arr1 和 arr2， 现在 arr2 需要按照 arr1 中的 checkItems 的值来排序 ``` const arr1 = [ {checkItems: 'A'}, {checkItems: 'B'}, {checkItems: 'C'}, ] const arr2 = [ ......
js 检测文本是否溢出
[自定义指令的方式](https://sunzsh.gitbook.io/xiaoshan.bug/fen-xiang-yi-ge-ke-yi-zi-dong-jian-ce-shi-fou-chu-xian-sheng-lve-hao-de-vue-zhi-ling "自定义指令的方式") ## ......
VUE基础01-响应式
## SFC（Single-File Component，缩写为 SFC） SFC 是一种可复用的代码组织形式，它将从属于同一个组件的 HTML、CSS 和 JavaScript 封装在使用 .vue 后缀的文件中。 ## 响应式 ### reactive() reactive() 只适用于对象 ( ......
JS基础
js基础 之前学习的都忘了，重来 一，js简介 ECMAscript是javascript标准，所以一般情况下我们认为这是一个意思 实际上javascript要更大一些 完整的javascript实现应该由以下三个部分构成 ECMAscript DOM BOM 构成 js的特点： 解释型语言 类似于 ......
js正则校验
1.常用证件正则表达式 1、省份证：/^[1-9]d{5}[1-9]d{3}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{3}(d|x|X)$/ 2、军官证：/^[0-9]{8}$/ 3、护照：/^[a-zA-Z0-9]{5,17}$/ 4、营业执照：/^[a-zA-Z0- ......
细节决定成败，聊聊JS的类型（下）
讲完了基本类型，我们来介绍一个现象：类型转换。 因为 JS 是弱类型语言，所以类型转换发生非常频繁，大部分我们熟悉的运算都会先进行类型转换。大部分类型转换符合人类的直觉，但是如果我们不去理解类型转换的严格定义，很容易造成一些代码中的判断失误。 其中最为臭名昭著的是 JavaScript 中的“ == ......
Vue 学习 day1
摘要： 我们传入 createApp 的对象实际上是一个组件，每个应用都需要一个“根组件”，其他组件将作为其子组件。 应用根组件的内容将会被渲染在容器元素里面。容器元素自己将不会被视为应用的一部分。 .mount() 方法应该始终在整个应用配置和资源注册完成后被调用。同时请注意，不同于其他资源注册方 ......
Vue3+.net6.0 四 计算属性 computed
跟Vue2一样，我们在工作中使用data中的属性时，很多时候不是直接拿来用，而是要经过一些计算，判断，筛选的过程。 比如一个数组，我们可能在使用前要判断 有没有元素，是否包含某个元素，然后根据不同的情况有不同的展示方式，这些如果都写在html部分，会非常不好阅读，如果多个地方要做类似的判断，则会大大 ......
vue3中父组件与组件之间参数传递，使用(defineProps/defineEmits)，涉及属性传递，对象传递，数组传递，以及事件传递
## Vue3 中子父组件之间的通信 ### 一、父组件传递参数到子组件 采用defineProps #### 传递属性 父组件: ```vue 这是父组件 父组件像子组件传递参数 传递属性值 ``` 子组件: ```vue 这是子组件 属性值接收区 父组件传值接收区：字符型：{{ fatherMe ......
【FLAG】VUE + .net Core WebApi -- Day01
恢复内容开始 VUE 安装nodejs 网址：Node.Js中文网 (p2hp.com) NPM更新到最新版 使用npm install npm install -g npm 查看源 先看看源指向哪里： npm config get registry 默认是指向 https://registry.n ......
Vue3+.net6.0 三 响应式基础，methods
这里的示例都用选项式风格 在 Vue 3 中，数据是基于 JavaScript Proxy（代理） 实现响应式的。 这个示例中输出是false，因为当你在赋值后再访问 this.someObj，此值已经是原来的 newObj 的一个响应式代理。 需要注意的是newObj 并不会变成响应式。 <scr ......
前端基础-js篇（二）
1.break和continue有什么区别？ 共同点：break和continue都用于循环控制，但他们的工作方式有所不同。 区别：（1）. Break: 当循环遇到break语句时，它会立即终止当前正在执行的循环，并且完全跳出该循环，不再执行剩下的迭代。此外，程序将继续执行break语句后面的代码 ......
Vue插件
### 介绍 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例： ``` js import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的 ......
Android中WebView和网页js脚本互操作
参考 Android WebView与JS的交互方式：https://blog.csdn.net/u011035026/article/details/123267616代码示例： package com.jay.wvjsapp; import android.app.Activity; impor ......
vue-electron 批量生成 PDF
> 最近有个需求，需要批量下载 pdf，单份还好，但多份时会超时。 需要改成一份一份下载，先选择下载的存储路径，再自动下载到选择的目录中，一开始使用了 will-download，但在测试过程中，测服下载速度很慢，发现保存地址还是会弹出来，下载一次弹出一份。 因此打算试试利用 electron 原来 ......
【JavaScript】js 处理复制函数实现
```ts const handleCopy = () => { if (!keywordList.value.length) return ElMessage.warning('没有数据'); const text = JSON.stringify(keywordList.value); cons ......
js小众且好用的技巧【一行代码】
数组 生成数组 当你需要要生成一个0-99的数组 方案1 js 复制代码 const createArr = (n) => Array.from(new Array(n), (v, i) => i) const arr = createArr(100) // 0 - 99 数组 方案2 js 复制代 ......
Three_Phase_Inverter_3Level：基于MATALB/Simulink的三相三电平SVPWM逆变器仿真模型。
Three_Phase_Inverter_3Level：基于MATALB/Simulink的三相三电平SVPWM逆变器仿真模型。仿真条件：MATLAB/Simulink R2015bID:2780651351004554 ......
Three_Phase_SPWM_THIPWM_Inverter：基于MATLAB/Simulink的三相SPWM逆变器和三相THIPWM逆变器仿真模型。
Three_Phase_SPWM_THIPWM_Inverter：基于MATLAB/Simulink的三相SPWM逆变器和三相THIPWM逆变器仿真模型。仿真条件：MATLAB/Simulink R2015bID:73100650789613031 ......
Three_Phase_Rectifier_SimpleSVPWM：基于MATLAB/Simulink的三相电压型简单SVPWM整流器仿真模型，输出电压
Three_Phase_Rectifier_SimpleSVPWM：基于MATLAB/Simulink的三相电压型简单SVPWM整流器仿真模型，输出电压开环控制。仿真条件：MATLAB/Simulink R2015bID:7120649953967466 ......
Three_Phase_SPWMRectifier：基于MATLAB/Simulink的三相电压型开环SPWM整流器仿真模型。
Three_Phase_SPWMRectifier：基于MATLAB/Simulink的三相电压型开环SPWM整流器仿真模型。仿真条件：MATLAB/Simulink R2015b，如需转成低版本格式请提前告知ID:5215649229233422 ......
Three_Level_NPC_Inverter：基于MATLAB/Simulink的三电平中性点钳位（NPC）逆变器仿真模型。
Three_Level_NPC_Inverter：基于MATLAB/Simulink的三电平中性点钳位（NPC）逆变器仿真模型。仿真条件：MATLAB/Simulink R2015b，购买前如需转成低版本格式请提前告知，谢谢。 ID:2570648822844657 ......
Three_Phase_Passive_Inverter_withDroop：基于MATLAB/Simulink的三相无源逆变器仿真模型，逆变器控制采用
Three_Phase_Passive_Inverter_withDroop：基于MATLAB/Simulink的三相无源逆变器仿真模型，逆变器控制采用下垂控制。仿真条件：MATLAB/Simulink R2015b，如需转成低版本格式请提前告知ID:3835649231877702 ......
前端Vue自定义商品订单tabs标题栏选项卡组件 可设置文字下划线颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
React 中的 JS 报错及容错方案
## 前言 导致白屏的原因大概有两种，一为资源的加载，二为 JS 执行出错 本文就 JS 中执行的报错，会比较容易造成"**白屏**"场景，和能解决这些问题的一些方法，作出一个汇总 ## 常见的错误 ### SyntaxError > **`SyntaxError`**（语法错误）对象代表尝试解析不 ......
vue-day15--key的作用与原理
面试题 react vue 中 的key 有什么作用（key 的内部原理） 1.虚拟DOM中key的作用 key是虚拟对象的标识，当数据发生变化时，Vue会根据新数据生成新的虚拟DOM，随后Vue进行新虚拟DOM与旧虚拟DOM的差异比较。 2.对比规则 ①旧虚拟DOM找到了与新虚拟DOM相同的key ......
vue-day15--列表渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>列表渲染< ......