- HTML5中的template标签 html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 <!--当前页面只显示"我是自定义表现abc"这个内容，不显示"我是template", 这是因为template标签天生不可见... HTML5中的template标签 html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 <!--当前页面只显示"我是自定义表现abc"这个内容，不显示"我是template", 这是因为template标签天生不可见...
- 在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 总体来讲vue里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子 两种函数： 1、Vue.beforeEach(function(to,form,next){}) /*在跳转... 在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 总体来讲vue里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子 两种函数： 1、Vue.beforeEach(function(to,form,next){}) /*在跳转...
- 1.钩子函数 钩子函数是Windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序，通过系统调用，把它挂入系统。 2.相对于前端来讲 对于前端来说，钩子函数就是指在所有函数执行前，我先执行了的函数，即 钩住 我感兴趣的函数，只要它执行，我就先执行。 exp... 1.钩子函数 钩子函数是Windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序，通过系统调用，把它挂入系统。 2.相对于前端来讲 对于前端来说，钩子函数就是指在所有函数执行前，我先执行了的函数，即 钩住 我感兴趣的函数，只要它执行，我就先执行。 exp...
- 项目开发过程中，优化项目时考虑加入全屏功能。具体实践步骤如下： 一、安装依赖 项目中使用的是sreenfull插件，执行命令安装 npm install --save screenfull 1 二、应用 组件安装好后，引入项目，用一个按钮进行控制即可，通过Esc键退出全屏按钮方法如下： <script> import screenfull fro... 项目开发过程中，优化项目时考虑加入全屏功能。具体实践步骤如下： 一、安装依赖 项目中使用的是sreenfull插件，执行命令安装 npm install --save screenfull 1 二、应用 组件安装好后，引入项目，用一个按钮进行控制即可，通过Esc键退出全屏按钮方法如下： <script> import screenfull fro...
- 在《Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解》一文中，讲解了CSS常用的几种定位方式。此片博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。 在布局的过程中我们经常用到绝对定位，很多初学者在一开始用绝对定位经常会达不到预期的效果，因为它们往往会忽略使用绝对定位的两个条件。 什么？使用绝对定位还要条件？ 当然要啦！... 在《Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解》一文中，讲解了CSS常用的几种定位方式。此片博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。 在布局的过程中我们经常用到绝对定位，很多初学者在一开始用绝对定位经常会达不到预期的效果，因为它们往往会忽略使用绝对定位的两个条件。 什么？使用绝对定位还要条件？ 当然要啦！...
- 一般情况下，如果需要访问vuex.store中state存放的数据，需要使用this.$store.state.属性名形式。显然，这样访问数据形式代码略显繁杂，辅助函数应运而生。 辅助函数 通过辅助函数mapGetters、mapState、mapActions、mapMutations，把vuex.store中的属性映射到vue实例身上，这样在vue实例中就能访问... 一般情况下，如果需要访问vuex.store中state存放的数据，需要使用this.$store.state.属性名形式。显然，这样访问数据形式代码略显繁杂，辅助函数应运而生。 辅助函数 通过辅助函数mapGetters、mapState、mapActions、mapMutations，把vuex.store中的属性映射到vue实例身上，这样在vue实例中就能访问...
- 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个数组的合并...
上滑加载中
推荐直播
-
星闪应用开发技术课程（群）建设思路与设想2025/05/22 周四 19:00-21:00
葛非 华为开发者布道师
华中师范大学计算机学院副教授-葛非老师将深入讲解星闪核心技术及其支撑技术，并讨论如何将这些技术融入到通信工程、计算机科学与技术、软件工程等专业的课程内容中，旨在推动高等教育领域星闪鸿蒙生态的有序发展。
回顾中
热门标签