- 一、前言在学习和使用Vue.js 2.0 过程中遇到不少不一样的地方,本来移动端开发H5应用,准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用,但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题,所以最后拍照上传功能还是使用input file方式解决。但是内心还是不甘,由于项目进度推进,迭代版本,所以不得不放弃,后续我将此功能使用调用H5+接... 一、前言在学习和使用Vue.js 2.0 过程中遇到不少不一样的地方,本来移动端开发H5应用,准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用,但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题,所以最后拍照上传功能还是使用input file方式解决。但是内心还是不甘,由于项目进度推进,迭代版本,所以不得不放弃,后续我将此功能使用调用H5+接...
- 一、前言ECMAScript 和 JavaScript 到底是什么关系?ECMAScript是一个国际标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展。2011 年,ECMAScript 5.1 版发布。之前我们大部分人用的也就是E... 一、前言ECMAScript 和 JavaScript 到底是什么关系?ECMAScript是一个国际标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展。2011 年,ECMAScript 5.1 版发布。之前我们大部分人用的也就是E...
- 一、前言ref 有三种用法:ref 作用在普通元素上,用this.ref.name 获取dom元素;ref 作用子组件上,用this.ref.name 获取到组件实例,可以使用组件所有方法。利用 v-for 和 ref 获取一组数据或dom节点 二、注意事项ref 需要在dom渲染完成后应用,在使用时确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用,或者在 th... 一、前言ref 有三种用法:ref 作用在普通元素上,用this.ref.name 获取dom元素;ref 作用子组件上,用this.ref.name 获取到组件实例,可以使用组件所有方法。利用 v-for 和 ref 获取一组数据或dom节点 二、注意事项ref 需要在dom渲染完成后应用,在使用时确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用,或者在 th...
- 一、前言其实不只vue,react在执行列表渲染时也会要求给每个组件添加key属性。要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法。我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。其背后隐藏的原理便是高效的Diff算法。 二、Diff 算法vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简... 一、前言其实不只vue,react在执行列表渲染时也会要求给每个组件添加key属性。要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法。我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。其背后隐藏的原理便是高效的Diff算法。 二、Diff 算法vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简...
- 《第九十七篇 Vue组件定义注册是咋整的》 《第九十七篇 Vue组件定义注册是咋整的》
- 《第九十篇 系统指令必须掌握》 《第九十篇 系统指令必须掌握》
- 《第八十九篇 Vue是非常重要前端利器》 《第八十九篇 Vue是非常重要前端利器》
- 大家好,我是雄雄。 前言我们在分享公众号信息到微信或者群中的时候,会出现一个小卡片,如下所示:但是呢,这种小卡片只能走微信的接口来实现,比如我们从公众号、小程序中分享的内容可以是这样的。如果我们将自己的博客分享到微信的话,只会出现个链接。那么,试问一下你,分享出来个这样的链接,你会去点吗?会不会以为这就是个钓鱼链接。今天,我们就来看看,如何将我们自己的站,搞一个和微信一样的分享卡片出来。 准... 大家好,我是雄雄。 前言我们在分享公众号信息到微信或者群中的时候,会出现一个小卡片,如下所示:但是呢,这种小卡片只能走微信的接口来实现,比如我们从公众号、小程序中分享的内容可以是这样的。如果我们将自己的博客分享到微信的话,只会出现个链接。那么,试问一下你,分享出来个这样的链接,你会去点吗?会不会以为这就是个钓鱼链接。今天,我们就来看看,如何将我们自己的站,搞一个和微信一样的分享卡片出来。 准...
- 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义(1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域,换句话说是不包括工具栏和按钮的网页浏览器。(2)具体描述如下:vw:视窗宽度的百分比... 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义(1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域,换句话说是不包括工具栏和按钮的网页浏览器。(2)具体描述如下:vw:视窗宽度的百分比...
- 🎶 文章简介:木字楠后台管理系统开发(3):Vue项目初始化并引入基础依赖💡 创作目的:为了带大家完整的体验木字楠后台管理系统模版的开发流程☀️ 今日天气:温度骤降,差点给爷送走。📝 每日一言:比起担心会后悔而什么都不做,还不如做完了再去后悔。 🌍 1、新建一个Vue项目本文默认大家已经安装nodejs 🌎 1-1、使用npm安装Vue脚手架我们打开控制台 / Cmd,... 🎶 文章简介:木字楠后台管理系统开发(3):Vue项目初始化并引入基础依赖💡 创作目的:为了带大家完整的体验木字楠后台管理系统模版的开发流程☀️ 今日天气:温度骤降,差点给爷送走。📝 每日一言:比起担心会后悔而什么都不做,还不如做完了再去后悔。 🌍 1、新建一个Vue项目本文默认大家已经安装nodejs 🌎 1-1、使用npm安装Vue脚手架我们打开控制台 / Cmd,...
- 假如你是团队的前端负责人,现在老板要拓展新业务,需要开发一个 Web 应用,让你来做技术选型,你之前用 Vue 比较多,对 Vue 比较熟悉,希望能在团队内部推行 Vue 技术栈,你会怎么跟老板说呢? 假如你是团队的前端负责人,现在老板要拓展新业务,需要开发一个 Web 应用,让你来做技术选型,你之前用 Vue 比较多,对 Vue 比较熟悉,希望能在团队内部推行 Vue 技术栈,你会怎么跟老板说呢?
- 文章目录前言一、Mixin(混入数据)1.1、局部Mixin认识与基本使用1.2、全局Mixin定义(app.mixin({}))1.3、Mixmin自定义属性优先级(this.$options获取自定义属性)1.4、修改Mixin中属性的优先级(使用配置方法来修改策略)二、自定义指令(directive)引言2.1、局部与全局自定义指令2.2、自定义指令中生命周期函数的两个参数(el、bindi 文章目录前言一、Mixin(混入数据)1.1、局部Mixin认识与基本使用1.2、全局Mixin定义(app.mixin({}))1.3、Mixmin自定义属性优先级(this.$options获取自定义属性)1.4、修改Mixin中属性的优先级(使用配置方法来修改策略)二、自定义指令(directive)引言2.1、局部与全局自定义指令2.2、自定义指令中生命周期函数的两个参数(el、bindi
- 文章目录前言一、基础样式绑定1.1、基础样式绑定(v-bind:class)1.2、对象与数组形式控制样式二、进阶使用进阶一:子组件的样式绑定进阶二:行内样式编写(普通字符串形式与对象形式,推荐对象形式)三、transition标签使用(vue自带标签)3.1、基本使用(配合过渡或动画使用以及设置别名)3.2、自定义样式名3.3、过渡与动画同时使用时如何控制时间?(借助type属性)3.4、vue 文章目录前言一、基础样式绑定1.1、基础样式绑定(v-bind:class)1.2、对象与数组形式控制样式二、进阶使用进阶一:子组件的样式绑定进阶二:行内样式编写(普通字符串形式与对象形式,推荐对象形式)三、transition标签使用(vue自带标签)3.1、基本使用(配合过渡或动画使用以及设置别名)3.2、自定义样式名3.3、过渡与动画同时使用时如何控制时间?(借助type属性)3.4、vue
- 文章目录前言1、基础学习1.1、第一个vue:helloworld(template以及mount()使用)1.2、编写计数器(mounted应用)1.3、vue的绑定事件和事件方法(v-on:xxx以及methdos属性使用)1.4、显示隐藏套餐服务(v-if使用)1.5、vue列表与循环(v-for)1.6、动态添加指定值并显示在页面中(v-model绑定输入数据)1.7、组件化开发(初识自定 文章目录前言1、基础学习1.1、第一个vue:helloworld(template以及mount()使用)1.2、编写计数器(mounted应用)1.3、vue的绑定事件和事件方法(v-on:xxx以及methdos属性使用)1.4、显示隐藏套餐服务(v-if使用)1.5、vue列表与循环(v-for)1.6、动态添加指定值并显示在页面中(v-model绑定输入数据)1.7、组件化开发(初识自定
- 文章目录前言1、基础学习1.1、第一个vue:helloworld(template以及mount()使用)1.2、编写计数器(mounted应用)1.3、vue的绑定事件和事件方法(v-on:xxx以及methdos属性使用)1.4、显示隐藏套餐服务(v-if使用)1.5、vue列表与循环(v-for)1.6、动态添加指定值并显示在页面中(v-model绑定输入数据)1.7、组件化开发(初识自定 文章目录前言1、基础学习1.1、第一个vue:helloworld(template以及mount()使用)1.2、编写计数器(mounted应用)1.3、vue的绑定事件和事件方法(v-on:xxx以及methdos属性使用)1.4、显示隐藏套餐服务(v-if使用)1.5、vue列表与循环(v-for)1.6、动态添加指定值并显示在页面中(v-model绑定输入数据)1.7、组件化开发(初识自定
上滑加载中
推荐直播
-
Ascend C算子编程之旅:基础入门篇
2024/11/22 周五 16:00-17:30
莫老师 昇腾CANN专家
介绍Ascend C算子基本概念、异构计算架构CANN和Ascend C基本概述,以及Ascend C快速入门,夯实Ascend C算子编程基础
回顾中 -
深入解析:华为全栈AI解决方案与云智能开放能力
2024/11/22 周五 18:20-20:20
Alex 华为云学堂技术讲师
本期直播我们将重点为大家介绍华为全栈全场景AI解决方案以和华为云企业智能AI开放能力。旨在帮助开发者深入理解华为AI解决方案,并能够更加熟练地运用这些技术。通过洞悉华为解决方案,了解人工智能完整生态链条的构造。
回顾中 -
华为云DataArts+DWS助力企业数据治理一站式解决方案及应用实践
2024/11/27 周三 16:30-18:00
Walter.chi 华为云数据治理DTSE技术布道师
想知道数据治理项目中,数据主题域如何合理划分?数据标准及主数据标准如何制定?数仓分层模型如何合理规划?华为云DataArts+DWS助力企业数据治理项目一站式解决方案和应用实践告诉您答案!本期将从数据趋势、数据治理方案、数据治理规划及落地,案例分享四个方面来助力企业数据治理项目合理咨询规划及顺利实施。
去报名
热门标签