组件 常用confirm vue
Vue2使用setup、ref、reactive等Vue3的组合式api
有些同学想在当前项目中体验Vue3组合式api，setup、ref、reactive等，而且一步就可以升级到Vue3，但是vue确实2.x版本，不改变当前版本怎么办呢？ vue2.7.0开始自带composition-api可以放心体验，当然不支持 <script setup>语法糖，还需要retu ......
在vue3中读取本地txt文件
碰到运营提出需求，提供了一个.txt文件，要求输入框校验文件提供的敏感词汇，故以此记录： 上传文件： <input @change="uploadFile" type="file"> 操作函数： const fileContent = ref(''); const uploadFile = asyn ......
这5个汽车组件单元最易遭到网络攻击
报告数据显示：在过去5年中，全球汽车行业因为网络化攻击造成的损失超过5000亿美元，而近70%的汽车安全威胁由远距离的网络攻击引发。攻击者不需要在车辆附近，只要能够连接到车辆的网络系统，就可以发起攻击。 ......
vue动态切换组件
多个组件挂在到同一个组件上，通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
nginx配置vue打包npm build的静态页面
nginx 配置vue项目 server { listen 8081; server_name 10.8.8.8; index index.html; root /home/www/crm/vue/dist; #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则 #error ......
初识JSON&JSON的三种形式&JSON的常用方法
初识JSON 1.JSON是什么 Ajax 发送和接收书数据的一种格式 XML username=alex&age=18 JSON Json 全称是JavaScript Object Notation 2.为什么需要JSON JSON有3中形式，每种形式的写法都和JS中的数据类型很像，可以很轻松的和 ......
Vue2 计算属性
说明： 计算属性指的是通过一系列运算之后，最终得到一个属性值。 间的的理解，当我们拥有一些数据时，我们需要将这些数据整合到一起，这时候计算属性就会完成这个操作，整合到一起的数据会变成实例的一个新属性值。当用户改变某个数据时，计算属性也会动态的调成整合后的数据。 这个动态计算出来的属性值可以被模板结构 ......
微信公众号跳转小程序 wx-open-launch-weapp，在vue3+vite中使用 (多个问题集锦)
写这篇文章为了解决现在没有⼀个合集 ，所以我参考其他文档， 及自己的测试最后得出完整的方案 1. 公众号后台关联小程序 要求已认证的服务号 ，在服务号中关联要跳转的小程序 配置 JS接口安全域名 2. 调用wx.config配置‘wx-open-launch-weappʼ标签 3. 修改微信本来的内 ......
Mac(苹果电脑)常用快捷键汇总
一、使用场景： Macbook以便捷的触控和快捷操作键灵活的简化办公使用，小编经常忘记一些重要但又使用频率较少的快捷键，现将其汇总并记录。 二、常用快捷键汇总 1. 基础快捷键 Command+C；复制所选内容 Command+V；粘贴所复制内容 Command+X；剪切所选内容 Command+Z ......
思考 React Hook 和 Vue 组合式 API
Vue 组合式 API 优化周期函数 Vue2 选项 API 一个组件的周期函数只能有一个，比如 mounted 周期中有很多获取数据的逻辑都在这里，在 updated 周期中又有很多更新的逻辑在这里。 选项 API： export default { data() { return { a: 1, ......
vue 如何实现对弹窗中的列表进行滚动分页加载数据
html: <div class="userList" v-loading="usrLoading" ref="userListBox"> <ul v-if="userListData!=''" style="minHeight: 300px"> <li v-for="(item,i) in use ......
ant-design-vue wangeditor隐藏工具栏image
解决办法 this.editor.customConfig.menus中注释掉img就可以了 <template> <div :class="prefixCls"> <div ref="editor" class="editor-wrapper" ></div> </div></template>< ......
正则表达式 常用示例
经纬度 经度： ^-?(?:1[0-7][0-9]|[1-9][0-9]|[0-9])(?:\.\d{0,5})?|180$ 东经正数，西经为负数。经度是地球上一个地点离一根被称为本初子午线的南北方向走线以东或以西的度数。本初子午线的经度是0°，地球上其它地点的经度是向东到180°或向西到180°。 ......
3-1初始JSON|3-2JSON的三种形式|3-4JSON的常用方法
JSON是使什么 Ajax 发送和接收书数据的一种格式 XML username=alex&age=18 JSON Json 全称是JavaScript Object Notation JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式 它基于 ......
界面控件DevExtreme Tree List组件——高性能的客户端树视图
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序，该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。 De ......
第十五篇 vue - 基础 - 组件基础
组件基础 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑 Vue 同样也能很好地配合原生 Web C ......
第十四篇 vue - 基础 - 模板引用
模板引用 虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 ref attribute ref 是一个特殊的 attribute，和 v-for 章节中提到的 key 类似。它允许我们在一个 ......
第十三篇 vue - 基础 - 侦听器
基本示列 计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态 在选项式 API 中，我们可以使用 watch 选项在每次响应式属性发生变化时触发一个函数 export default { data( ......
第十二篇 vue - 基础 -生命周期
生命周期钩子 每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM 在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码 注册周期钩子 举例来说，mounted 钩子可以用来在组件 ......
第十一篇 vue - 基础 -表单输入绑定
表单输入绑定 在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦 <input :value="text" @input="event => text = event.target.value"> v-model 指 ......
Vue2数据驱动渲染（render、update）
上一篇文章我们介绍了 Vue2模版编译原理，这一章我们的目标是弄清楚模版 template和响应式数据是如何渲染成最终的DOM。数据更新驱动视图变化这部分后期会单独讲解 我们先看一下模版和响应式数据是如何渲染成最终DOM 的流程 Vue初始化 new Vue发生了什么 Vue入口构造函数 funct ......
第十篇 vue - 基础 -事件处理
监听事件 我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。用法：v-on:click="methodName" 或 @click="handler" 事件处理器的值可以是： 内联事件处理器：事件被触发时执行的内联 JavaScrip ......
Map接口和常用方法
Map接口实现类的特点（Put/Get） 1、Map和Collection并列的存在，用于保存具有映射关系的数据：Key-Value 2、Map中的key和value可以是任何引用类型的数据，会封装到HashMap$Node对象中 3、Map中的key不允许重复 4、Map中的value可以重复 5 ......
nvm常用命令切换node
注意： nvm use node版本时，要使用管理员权限打开cmd输入命令，否则报错 常用命令 nvm ls ：列出所有已安装的 node 版本 nvm ls-remote ：列出所有远程服务器的版本（官方node version list） nvm list ：列出所有已安装的 node 版本 n ......
若依框架-Vue实用框架（权限控制和页面渲染）（四）
Vue实用框架（权限控制和页面渲染） 路由的组成 前端token获取那一步中有一块内容，只是简单提了一下，但其实实际涉及到的内容很多： 用户信息的获取 第一步的GetInfo后端接口不讲了，因为接口都比较简单，就根据获取得到的数据展开下： 前端权限控制粒度 依旧挑重点讲，user对象的无非就是包含了 ......
若依框架-Vue实用框架（登录验证）（三）
Vue实用框架-Ruoyi（登录验证） token的登录验证中有一步没有详细铺开，即对用户的账号密码进行校验： package com.ruoyi.framework.web.service; @Component public class SysLoginService { 。。。省略 // 用户 ......
Vue.js 嵌套（多级）路由
视频 3.多级路由（多级路由） 配置路由规则，使用children配置项： routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { pa ......
Vue.js 路由几个注意点
视频 2.几个注意点 路由组件通常存放在pages文件夹，一般组件通常存放在components文件夹。 通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。 每个组件都有自己的$route属性，里面存储着自己的路由信息。 整个应用只有一个router，可以通过组件的$router ......
Vue.js 路由的基本使用
npm i router@3 1.基本使用 安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'vue-router' //引入Luyou ......