- 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config... 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config...
- 一、前言在学习和使用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、组件化开发(初识自定
上滑加载中
推荐直播
-
测试效率&质量提升,赋能产品研发的测试自动化工厂
2024/09/26 周四 16:30-18:00
苏柏亚培 华为云PaaS DTSE技术布道师
如何构建企业测试中台,实现一站式云端全流程测试自动化解决方案?本期直播将聚焦华为云PaaS 测试计划(CodeArts TestPlan)服务,它是面向软件开发者提供的一站式云端测试平台,覆盖测试管理、接口测试,融入DevOps敏捷测试理念,帮助您高效管理测试活动,保障产品高质量交付。
去报名
热门标签