- 基本用法： ES6中允许使用“箭头”(=>)定义函数 var f = v => v; 1 上面代码相当于： var f = function( v ) { return v; }12 根据箭头函数有参数和无参数来区分 1、无参数的箭头函数 var f = () => 5; 等同于 var f = fun... 基本用法： ES6中允许使用“箭头”(=>)定义函数 var f = v => v; 1 上面代码相当于： var f = function( v ) { return v; }12 根据箭头函数有参数和无参数来区分 1、无参数的箭头函数 var f = () => 5; 等同于 var f = fun...
- 此配置文件是vue开发环境和生产环境的wepack相关配置文件，主要用来处理各种文件的配置。 // 引入nodejs路径模块 var path = require('path') // 引入utils工具模块，utils主要用来处理css-loader和vue-style-loader的 var utils = require('./utils') // 引入conf... 此配置文件是vue开发环境和生产环境的wepack相关配置文件，主要用来处理各种文件的配置。 // 引入nodejs路径模块 var path = require('path') // 引入utils工具模块，utils主要用来处理css-loader和vue-style-loader的 var utils = require('./utils') // 引入conf...
- 1.子向父通信 parent.html // 页面销毁前，务必去除监听器，否则会造成资源泄露！ beforeDestory () { window.removeEventListener('message', this.listenerFun) } mounted() { window.addEventListener('message',this.listen... 1.子向父通信 parent.html // 页面销毁前，务必去除监听器，否则会造成资源泄露！ beforeDestory () { window.removeEventListener('message', this.listenerFun) } mounted() { window.addEventListener('message',this.listen...
- 在使用el-table表格时，有时会用到show-overflow-tooltip属性，即当单元格内容不能完全显示时显示tooltip文字提示，并且单元格里的内容显示省略号。但是在ie浏览器中有时单元格里的内容过长并且显示了省略号，但是鼠标滑上却不显示tooltip，这是因为单元格的padding-right影响到的，在css样式中添加以下代码即可： .el-tabl... 在使用el-table表格时，有时会用到show-overflow-tooltip属性，即当单元格内容不能完全显示时显示tooltip文字提示，并且单元格里的内容显示省略号。但是在ie浏览器中有时单元格里的内容过长并且显示了省略号，但是鼠标滑上却不显示tooltip，这是因为单元格的padding-right影响到的，在css样式中添加以下代码即可： .el-tabl...
- css中元素标识用逗号隔开表示两个不同类的样式类名用同一个样式；空格隔开表示从属包含关系，是当前的元素子元素； 逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。 比如下面的代码示例： <div class="content"> <span class="content-child">子内容</span> 内容</div> <div class=... css中元素标识用逗号隔开表示两个不同类的样式类名用同一个样式；空格隔开表示从属包含关系，是当前的元素子元素； 逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。 比如下面的代码示例： <div class="content"> <span class="content-child">子内容</span> 内容</div> <div class=...
- 语法 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 “click” 或 “mousedown”)，详参【事件类型】 第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。 注意:不要使用 “on” 前缀。 例如，使用 “... 语法 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 “click” 或 “mousedown”)，详参【事件类型】 第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。 注意:不要使用 “on” 前缀。 例如，使用 “...
- 佛语：“赠人玫瑰，手留余香。” 若您感觉博文内容与您有益，请点赞并收藏！ 敬请关注作者，海量博文持续更新中。望与各位码友同学习，共进步！ 1.介绍 VuePress ,一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa ... 佛语：“赠人玫瑰，手留余香。” 若您感觉博文内容与您有益，请点赞并收藏！ 敬请关注作者，海量博文持续更新中。望与各位码友同学习，共进步！ 1.介绍 VuePress ,一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa ...
- 使用命令窗口运行 1. npm run build 每次都打开命令窗口比较麻烦，可以在webstorm内进行配置，从webstorm内启动 选中run下面的edit configurations，scripts里面选择build。 第二步 这样就打包成功了。然后我的项目根目录就会多一个dist文件夹，里面包含static文件夹（存放i... 使用命令窗口运行 1. npm run build 每次都打开命令窗口比较麻烦，可以在webstorm内进行配置，从webstorm内启动 选中run下面的edit configurations，scripts里面选择build。 第二步 这样就打包成功了。然后我的项目根目录就会多一个dist文件夹，里面包含static文件夹（存放i...
- 在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 router.push(location) 1 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则... 在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 router.push(location) 1 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则...
- 在项目index.html头部引入这句话： <link rel="icon" href="favicon.ico" type="image/x-icon"> 1 把favicon.ico文件放到项目根目录，和index.html同级。 项目build文件夹里找到webpack.dev.conf.js和webpack.prod.conf.js这两个文件。... 在项目index.html头部引入这句话： <link rel="icon" href="favicon.ico" type="image/x-icon"> 1 把favicon.ico文件放到项目根目录，和index.html同级。 项目build文件夹里找到webpack.dev.conf.js和webpack.prod.conf.js这两个文件。...
- 概述 插槽就是子组件中用slot标签定义的预留位置，可以设置name属性，也可以不设置name属性，设置name的叫具名插槽，不设置name的的叫不具名插槽，在父组件中使用子组件时候可以在使用子组件的标签内通过声明插槽名或不声明插槽名的方式往子组件中的具名插槽或者不具名插槽写入html代码。 插槽使用的关键在于：在父组件中使用子组件标签的时候可以往子组件内写入htm... 概述 插槽就是子组件中用slot标签定义的预留位置，可以设置name属性，也可以不设置name属性，设置name的叫具名插槽，不设置name的的叫不具名插槽，在父组件中使用子组件时候可以在使用子组件的标签内通过声明插槽名或不声明插槽名的方式往子组件中的具名插槽或者不具名插槽写入html代码。 插槽使用的关键在于：在父组件中使用子组件标签的时候可以往子组件内写入htm...
- 一、背景 当我们给props，或者data中被观测的对象修改属性的时候，不能直接修改，必须使用Vue.set方法。 Vue.set方法用来修改对象的属性。如果要增加属性的对象是响应式的，那该方法可以确保属性被创建后也是响应式的，同时触发视图更新。 二、基础知识 注：所修改的对象必须为响应式对象，且操作响应式对象的属性也必须是响应式的，能够触发视图更新。否则浏览... 一、背景 当我们给props，或者data中被观测的对象修改属性的时候，不能直接修改，必须使用Vue.set方法。 Vue.set方法用来修改对象的属性。如果要增加属性的对象是响应式的，那该方法可以确保属性被创建后也是响应式的，同时触发视图更新。 二、基础知识 注：所修改的对象必须为响应式对象，且操作响应式对象的属性也必须是响应式的，能够触发视图更新。否则浏览...
- 在vue中，有两套定时器，一套是浏览器API，window对象上的；另一套就是vue/nodejs封装的，需要引入 import { setInterval, clearInterval } from 'timers' 1 建议使用window对象自带的，因为不容易错。 如果一不小心只引入一个，就怎么也清不掉了。 import { setInterval } fr... 在vue中，有两套定时器，一套是浏览器API，window对象上的；另一套就是vue/nodejs封装的，需要引入 import { setInterval, clearInterval } from 'timers' 1 建议使用window对象自带的，因为不容易错。 如果一不小心只引入一个，就怎么也清不掉了。 import { setInterval } fr...
- Vue进阶（六）：组件之间的数据传递 Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。 首先用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下... Vue进阶（六）：组件之间的数据传递 Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。 首先用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下...
- Vue2持续更新过程中，Vue3已经呼之欲出了，目前Vue官网已经显示Vue3在beta进度了。下面我们主要讲解下Vue3的一些新特性。 实践 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现，vue-cli 还没有直接支持，我们进入项目目录，并输入以下指令进行升级。 cd vue-next-test vue add vue... Vue2持续更新过程中，Vue3已经呼之欲出了，目前Vue官网已经显示Vue3在beta进度了。下面我们主要讲解下Vue3的一些新特性。 实践 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现，vue-cli 还没有直接支持，我们进入项目目录，并输入以下指令进行升级。 cd vue-next-test vue add vue...
上滑加载中
推荐直播
-
华为云码道 × 仓颉编程：工程化AI编码探索2026/05/27 周三 19:00-21:00
刘俊杰-华为云仓颉语言专家/李炎-华为云码道技术专家/王智鹏-OpenCangjie开源社区发起人
本场直播围绕华为云仓颉语言与华为云码道的深度结合，展示华为云智能编程从零基础到高效落地的完整生态能力。以华为云码道为引擎，仓颉语言为载体，带给大家日常提效、趣味创新到极速量产的开发体验。
回顾中 -
一个AI团队帮你写代码：华为云码道Agent Space实战2026/06/25 周四 19:00-21:00
张翰文-华为云码道工程师/郭英旭-青软创新科技集团股份有限公司 软件架构师
本场直播聚焦华为云码道Agent Space两大模式：研发办公、代码开发，亲身体验从需求到代码的AI自动化能力。实操演示基于华为 CodeArts CLI，依托 OpenSpec 规格体系从零搭建业务项目。
回顾中
热门标签