- 一、前言前端通过对象保存字典值用于列表字段翻译或者加载下拉框都是很常见的操作，有时也会需要根据字典值的value获取对应的key。测试数据paramsMap: { orderType: { '0': '咨询', '1': '投诉', '2': '举报', '3': '建议', '4': '求助', '5': '表扬', }, subjectType... 一、前言前端通过对象保存字典值用于列表字段翻译或者加载下拉框都是很常见的操作，有时也会需要根据字典值的value获取对应的key。测试数据paramsMap: { orderType: { '0': '咨询', '1': '投诉', '2': '举报', '3': '建议', '4': '求助', '5': '表扬', }, subjectType...
- vue3.0可以有多个根节点 1.setup函数的用法，可以代替vue2中的data和methos属性，compued属性，都是直接写在setup中就可以了//在script上加setup属性，组件编译过程中的代码运行是在setup函数中，所有es模块导出都认为暴露给上下文的值，并且包含在setup()返回对象中// 定义setup// setup是组件使用Composition API的... vue3.0可以有多个根节点 1.setup函数的用法，可以代替vue2中的data和methos属性，compued属性，都是直接写在setup中就可以了//在script上加setup属性，组件编译过程中的代码运行是在setup函数中，所有es模块导出都认为暴露给上下文的值，并且包含在setup()返回对象中// 定义setup// setup是组件使用Composition API的...
- Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，Vue 学习起来非常简单。官方网站：https://v3.vuejs.org/中文文档: https://v3.cn.vuejs.org/guide/introduction.... Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，Vue 学习起来非常简单。官方网站：https://v3.vuejs.org/中文文档: https://v3.cn.vuejs.org/guide/introduction....
- Vue模板语法——插值 Vue模板语法——插值
- 一. 跨域的概念同一时间，一个页面存在访问多个主机的情况，且每个主机之间，协议，主机，端口其中之一不相同。同源策略：两个主机，如果是协议，主机或域名，端口，其中之一不一样，就违反了同源策略同源策略的限制:不能发送ajax请求不能跨域操作DOM等不能跨域操作本地存储(cookie,localstorage,sessionstorage)同源策略的产生最初是为了预防XSS和CSRF跨域脚本攻... 一. 跨域的概念同一时间，一个页面存在访问多个主机的情况，且每个主机之间，协议，主机，端口其中之一不相同。同源策略：两个主机，如果是协议，主机或域名，端口，其中之一不一样，就违反了同源策略同源策略的限制:不能发送ajax请求不能跨域操作DOM等不能跨域操作本地存储(cookie,localstorage,sessionstorage)同源策略的产生最初是为了预防XSS和CSRF跨域脚本攻...
- 业务背景：在流程审批系统，需要弹出审批人列表，供提交审批的人进行选择，因为多业务模块需要共用这个弹出审批人列表，所以写在业务vue里面不合适，需要抽取成公共的代码。第一步：写公共弹出vue<template> <div> <!-- 流程弹出审批人对话框 --> <el-dialog :title="title" :visible.sync="openApprove" w... 业务背景：在流程审批系统，需要弹出审批人列表，供提交审批的人进行选择，因为多业务模块需要共用这个弹出审批人列表，所以写在业务vue里面不合适，需要抽取成公共的代码。第一步：写公共弹出vue<template> <div> <!-- 流程弹出审批人对话框 --> <el-dialog :title="title" :visible.sync="openApprove" w...
- vue之图片切换 vue之图片切换
- vue之计数器实现原理 vue之计数器实现原理
- keep-alive的实现作用：实现组件缓存钩子函数：`activated `组件渲染后调用`deactivated `组件销毁后调用复制代码原理：Vue.js内部将DOM节点抽象成了一个个的VNode节点，keep-alive组件的缓存也是基于VNode节点的而不是直接存储DOM结构。它将满足条件（pruneCache与pruneCache）的组件在cache对象中缓存起来，在需要重新渲染... keep-alive的实现作用：实现组件缓存钩子函数：`activated `组件渲染后调用`deactivated `组件销毁后调用复制代码原理：Vue.js内部将DOM节点抽象成了一个个的VNode节点，keep-alive组件的缓存也是基于VNode节点的而不是直接存储DOM结构。它将满足条件（pruneCache与pruneCache）的组件在cache对象中缓存起来，在需要重新渲染...
- 通用：1.编码统一：UTF-8；（特殊项目除外）2.命名单词过长以主意为主可将其他单词进行缩写；（详见各部分命名规范）3.文件以功能模块来划分命名（scss/vue/image）所以代码（vue，scss，js）4.采用Tab键（以2个字符为准）缩进， 代码格式化，保持干净整洁，方便维护修改VUE：1.命名规范： 【1】 模块以原型功能为主命名（模块主要是一级文件夹，同... 通用：1.编码统一：UTF-8；（特殊项目除外）2.命名单词过长以主意为主可将其他单词进行缩写；（详见各部分命名规范）3.文件以功能模块来划分命名（scss/vue/image）所以代码（vue，scss，js）4.采用Tab键（以2个字符为准）缩进， 代码格式化，保持干净整洁，方便维护修改VUE：1.命名规范： 【1】 模块以原型功能为主命名（模块主要是一级文件夹，同...
- 简介element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S引入 Element你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。完整引入在 main.... 简介element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S引入 Element你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。完整引入在 main....
- 初步学习1、vue 基础1.1 vue 简介1、javascript框架2、简化DOM操作3、响应式数据驱动1.2 第一个vue程序1、导入开发版本的Vue.js；2、创建Vue实例对象，设置el属性和data属性；3、使用简介的模板语法把数据渲染到页面上；1.3 el 挂载点el 挂载点：el是用来设置Vue实例挂载（管理）的元素；Vue实例的作用范围是什么呢？Vue会管理el选项命中的元... 初步学习1、vue 基础1.1 vue 简介1、javascript框架2、简化DOM操作3、响应式数据驱动1.2 第一个vue程序1、导入开发版本的Vue.js；2、创建Vue实例对象，设置el属性和data属性；3、使用简介的模板语法把数据渲染到页面上；1.3 el 挂载点el 挂载点：el是用来设置Vue实例挂载（管理）的元素；Vue实例的作用范围是什么呢？Vue会管理el选项命中的元...
- calc是英文单词calculate(计算)的缩写,是css3的一个新增功能;MDN的解释为：可以用在任何长度,数值,时间,角度,频率等处;CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.foo { width: calc(100px + 50px);}如果你使用过 CSS 预处理器，比如 S... calc是英文单词calculate(计算)的缩写,是css3的一个新增功能;MDN的解释为：可以用在任何长度,数值,时间,角度,频率等处;CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.foo { width: calc(100px + 50px);}如果你使用过 CSS 预处理器，比如 S...
- // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 6px; // 横向滚动条 height: 6px; // 纵向滚动条 必写 } // 滚动条的滑块 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { backgr... // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 6px; // 横向滚动条 height: 6px; // 纵向滚动条 必写 } // 滚动条的滑块 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { backgr...
- 1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。3.可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定... 1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。3.可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签