- ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意： 1、ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完... ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意： 1、ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完...
- 这个配置文件是webpack生产环境核心配置文件。 由于这是一个系统的配置文件，将涉及很多模块和插件，所以这部分内容将分多个文章讲解，请关注博主其他文章。 // 下面是引入nodejs的路径模块 var path = require('path') // 下面是utils工具配置文件，主要用来处理css类文件的loader var utils = require('... 这个配置文件是webpack生产环境核心配置文件。 由于这是一个系统的配置文件，将涉及很多模块和插件，所以这部分内容将分多个文章讲解，请关注博主其他文章。 // 下面是引入nodejs的路径模块 var path = require('path') // 下面是utils工具配置文件，主要用来处理css类文件的loader var utils = require('...
- Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： <!-- 在双花括号中 --> {{ message | capitalize }} <!-- 在 `v-bi... Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： <!-- 在双花括号中 --> {{ message | capitalize }} <!-- 在 `v-bi...
- CSS 提供了三种基本的定位机制：普通流、浮动和定位；通过这三种方式可实现页面的排版布局。 普通流 普通流中元素的位置由元素在 (X)HTML 中的位置决定： 块级元素独自占一行，在文本流中从上到下一个接一个地排列；行内元素在一行中并排排列，遇到父元素的边沿会换行继续排列； 浮动 浮动会让元素脱离标准文档流，不再占原来的空间，可以让多个块级元素并排显示。 定... CSS 提供了三种基本的定位机制：普通流、浮动和定位；通过这三种方式可实现页面的排版布局。 普通流 普通流中元素的位置由元素在 (X)HTML 中的位置决定： 块级元素独自占一行，在文本流中从上到下一个接一个地排列；行内元素在一行中并排排列，遇到父元素的边沿会换行继续排列； 浮动 浮动会让元素脱离标准文档流，不再占原来的空间，可以让多个块级元素并排显示。 定...
- 项目开发过程中，在展示用户录入意见信息时，使用el-input标签，type=”textarea”属性，在指定:row=”number”后，若输入文本量或显示文本量超过指定行数后，会出现垂直滚动条，但在IE环境下，该滚动条是隐藏的，用户体验性不好，故考虑实现文本框根据文本内容自适应高度的效果。应用代码如下： <template> <div class... 项目开发过程中，在展示用户录入意见信息时，使用el-input标签，type=”textarea”属性，在指定:row=”number”后，若输入文本量或显示文本量超过指定行数后，会出现垂直滚动条，但在IE环境下，该滚动条是隐藏的，用户体验性不好，故考虑实现文本框根据文本内容自适应高度的效果。应用代码如下： <template> <div class...
- 在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题，所以最后拍照上传功能还是使用input file方式里解决的。但是内心还是不甘的，由于项目进度推进，迭代版本，所以不得不放弃，后续可能我... 在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题，所以最后拍照上传功能还是使用input file方式里解决的。但是内心还是不甘的，由于项目进度推进，迭代版本，所以不得不放弃，后续可能我...
- 子组件使用this.$emit()向父组件传值时，首先必须在父组件中引用子组件，然后实现传值。 第一步 在父组件中引入子组件 引入 使用import引入组件 import indexImportOrder from './components/indexImportOrder' 1 声明 //定义组件 components:{ indexImportOrd... 子组件使用this.$emit()向父组件传值时，首先必须在父组件中引用子组件，然后实现传值。 第一步 在父组件中引入子组件 引入 使用import引入组件 import indexImportOrder from './components/indexImportOrder' 1 声明 //定义组件 components:{ indexImportOrd...
- 一、key的作用 作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。) 只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。 二、key使用id与index的区别 不推荐使用index作为key，因为这种做法会导... 一、key的作用 作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。) 只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。 二、key使用id与index的区别 不推荐使用index作为key，因为这种做法会导...
- 1. ES5中concat合并数组 var array_1 = ['reese','root','fusco']; //["finch", "shaw", "bear", "reese", "root", "fusco"] var array_2 = ['finch','shaw','bear'].concat(array_1); 123 这样就实现了2个数组的合并... 1. ES5中concat合并数组 var array_1 = ['reese','root','fusco']; //["finch", "shaw", "bear", "reese", "root", "fusco"] var array_2 = ['finch','shaw','bear'].concat(array_1); 123 这样就实现了2个数组的合并...
- 解决方法：安装 “babel-polyfill” 命令：npm安装 npm install --save-dev babel-polyfill 或 cnpm install --save-dev babel-polyfill在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。在build文件夹下找到webpack.base.c... 解决方法：安装 “babel-polyfill” 命令：npm安装 npm install --save-dev babel-polyfill 或 cnpm install --save-dev babel-polyfill在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。在build文件夹下找到webpack.base.c...
- 1、express的router是属于后端的，Vue的router是属于前端的。2、服务端渲染时，express的router把数据和模板传给模板引擎的；客户端渲染时，通过路由去获得静态页面，浏览器发送http请求向服务端获取数据，Vue router是不需要传数据的。3、express的middleware可以检测有没有登录，有没有输入正确的密码，跟Vue route... 1、express的router是属于后端的，Vue的router是属于前端的。2、服务端渲染时，express的router把数据和模板传给模板引擎的；客户端渲染时，通过路由去获得静态页面，浏览器发送http请求向服务端获取数据，Vue router是不需要传数据的。3、express的middleware可以检测有没有登录，有没有输入正确的密码，跟Vue route...
- 在前端项目开发过程中，为优化用户体验，可考虑在用户输入查询条件后按回车键实现搜索效果。实现方法如下： el-input 监听键盘按下状态得用@keyup.enter.native,如果是非el-input 组件，可以直接用@keyup.enter。 <el-input @keyup.enter.native="search" v-model='form.sea... 在前端项目开发过程中，为优化用户体验，可考虑在用户输入查询条件后按回车键实现搜索效果。实现方法如下： el-input 监听键盘按下状态得用@keyup.enter.native,如果是非el-input 组件，可以直接用@keyup.enter。 <el-input @keyup.enter.native="search" v-model='form.sea...
- hash代表compilation的hash值。compilation在项目中任何一个文件改动后就会被重新创建，然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hash。contenthash 解决改变style文件导致js文件重新生成hash的问题(使用extract-text-web... hash代表compilation的hash值。compilation在项目中任何一个文件改动后就会被重新创建，然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hash。contenthash 解决改变style文件导致js文件重新生成hash的问题(使用extract-text-web...
- 开发过程中，经常需要使用console.log、console.info、alert等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。 一个个去删除、注释显然是很麻烦的一件事，所以我们可以通过修改配置变量，实现在开发环境打印，而生产环境不打印。 修改方法如下： 在项目的build/webpack.prod.conf.... 开发过程中，经常需要使用console.log、console.info、alert等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。 一个个去删除、注释显然是很麻烦的一件事，所以我们可以通过修改配置变量，实现在开发环境打印，而生产环境不打印。 修改方法如下： 在项目的build/webpack.prod.conf....
- 1.resource请求 cnpm install vue-resource --save import VueResource from 'vue-resource' Vue.use(VueResource) this.$http.get("") 1234 2.axios 请求 cnpm install axios --save axios.defaults... 1.resource请求 cnpm install vue-resource --save import VueResource from 'vue-resource' Vue.use(VueResource) this.$http.get("") 1234 2.axios 请求 cnpm install axios --save axios.defaults...
上滑加载中
推荐直播
0.25
-
基于开源鸿蒙+海思星闪开发板：嵌入式系统开发实战（Day1）2025/03/29 周六 09:00-18:00
华为开发者布道师
本次为期两天的课程将深入讲解OpenHarmony操作系统及其与星闪技术的结合应用，涵盖WS63E星闪开发板的详细介绍、“OpenHarmony+星闪”的创新实践、实验环境搭建以及编写首个“Hello World”程序等内容，旨在帮助学员全面掌握相关技术并进行实际操作
即将直播 -
华为云软件开发生产线（CodeArts）1月&2月新特性解读2025/03/18 周二 19:00-20:00
阿星 华为云高级产品经理
不知道产品的最新特性？没法和产品团队建立直接的沟通？本期直播产品经理将为您解读华为云软件开发生产线1月&2月发布的新特性，并在直播过程中为您答疑解惑。
去报名 -
基于能力图谱的openGauss项目闯关2025/03/20 周四 19:00-20:30
华为开发者布道师
想成为顶级数据库开发者吗？本次直播将从银行业务系统的数据库设计出发，带你逐步掌握openGauss的建库表、数据封装、密态技术、性能调优及AI应用。通过实战案例，全面展示openGauss的强大功能，助你提升技能，为未来的职业发展打下坚实基础。立即报名，开启你的数据库进阶之旅！
即将直播 -
基于开源鸿蒙+海思星闪开发板：嵌入式系统开发实战（Day1）
2025/03/29 周六 09:00-18:00
华为开发者布道师
本次为期两天的课程将深入讲解OpenHarmony操作系统及其与星闪技术的结合应用，涵盖WS63E星闪开发板的详细介绍、“OpenHarmony+星闪”的创新实践、实验环境搭建以及编写首个“Hello World”程序等内容，旨在帮助学员全面掌握相关技术并进行实际操作
即将直播 -
华为云软件开发生产线（CodeArts）1月&2月新特性解读
2025/03/18 周二 19:00-20:00
阿星 华为云高级产品经理
不知道产品的最新特性？没法和产品团队建立直接的沟通？本期直播产品经理将为您解读华为云软件开发生产线1月&2月发布的新特性，并在直播过程中为您答疑解惑。
去报名
热门标签