- 博客(13)
- 资源 (9)
- 收藏
- 关注
原创 Vue自学之路11-属性绑定
Vue属性绑定属性绑定指的是Vue中属性绑定到变量,实现MVVMVue属性绑定语法v-bind语法<a v-bind:href='url'></a>缩写方式<a :href='url'></a>原生JS操作属性的方法(DOM操作)getAttribute:获取html标签的属性 setAttribute:设置html标签的属性属性绑定的例子<div id='app'> <!--原生h.
2021-04-18 09:18:11 216
原创 Vue自学之路10-简单的计算器
如何使用Vue实现一个简单计算器功能分析计算A和B的加和,显示到最终计算结果一栏。思路两个input输入框,分别使用v-model绑定a和b 计算按钮绑定事件,实现计算逻辑 将结果绑定到对应位置例子<div id='app'> <form> <div> <!--敲击delete键,调用handleContent,清空用户名--> <span>数值
2021-04-17 08:57:40 281
原创 Vue自学之路9-vue模版语法(事件修饰符&按键修饰符)
Vue中的事件修饰符1) .stop 阻止冒泡<input type='button' @click.stop='handle1()'/>VUE方式阻止冒泡</input>2) .prevent 阻止默认行为<a href="https://blog.csdn.net/ccgshigao?spm=1010.2135.3001.5343" v-on:click.prevent="handle2()"></a>Vue中的按键修饰符.
2021-04-16 07:44:51 202
原创 Vue自学之路8-vue模版语法(事件绑定)
事件绑定一个复杂的前端应用,离不开用户交互,而用户交互离不开事件绑定。Vue中事件绑定语法//1. v-on指令语法:<input type='button' v-on:click='num++' />//2. 简写方式(常用):<input type='button' @click='num++' />事件函数的调用方式//1. 直接绑定函数名称:<button v-on:click='say'>Hello</butto.
2021-04-15 08:42:13 129
原创 VUE自学之路7-vue模版语法(双向数据绑定)
MVVM含义:数据变化影响视图,视图变化反过来又影响数据。M(model):即data中的数据变量V(view):即所写的模块(dom元素)VM(view-model):实现model和view的控制逻辑实现过程:DOM listeners:监听View的变化,及时告知给Model。Data Bindings:绑定Model到View,模型变化后View及时做变化。v-model实现数据绑定<input type='text' v-m...
2021-04-13 08:02:56 117
原创 Vue自学之路6-vue模版语法(数据响应式)
什么是响应式html5中响应式:屏幕尺寸变化导致样式的变化。 数据的响应式(数据变化导致页面内容的变化)什么是数据绑定: 数据绑定:将数据填充到HTML标签中,html的视图和数据相互作用,相互影响。v-once:只编译一次,可以理解HTML中标签变为只读(数据变化不会在影响视图变化)。<div id='app'> <!-- 显示的信息后续不需要修改,可以直接声明v-once,可以提高性能--> <div v-once>{{msg}.
2021-04-12 07:55:54 116
原创 Vue自学之路5-vue模版语法(v-text,v-html,v-pre)
前言前一篇讲了v-cloak指令,今天来进行v-text,v-html,v-pre这三个指令的学习数据绑定指令v-text:用于填充纯文本 比插值表达式更加简洁,不存在闪动问题。 v-html:用于填充html片段 存在网络安全问题,容易遭到XSS工具,不应该使用在用户提交的内容上。 网站内部数据可以使用,第三方数据不可以用 v-pre:用于填充原始信息 显示原始信息,跳过编译过程 例子<div id='app'> <!--.
2021-04-08 07:33:22 207
原创 Vue自学之路4-vue模版语法(v-clock)
Vue模板Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染 (render) 函数,使
2021-04-06 09:22:26 305
原创 互联网测试校招系列5:offer选择篇
大家好,我是财哥。 今天给大家互联网测试岗位校招系列最后一篇:OFFER选择篇。 前面讲了如何选择职位,提前准备校招,以及笔试和面试中需要注意的点。那么如果你已经拿到了一个或者多个offer,相信你也迎来了最纠结的阶段,我该不该接受这家公司的offer,或者是该哪家公司的offer? 在这里,我从宏观和微观的角度,和你聊聊选择offer背后的深意。 首先当你拿到一份offer的时候,不应该仅仅看重它的薪资,选择offer永远不要仅仅看薪资。我在很多论坛上看到很多人都有这样的疑惑:
2021-04-05 08:22:34 417
原创 互联网测试校招系列4:面试篇
大家好,我是财哥,今天给大家继续带来互联网测试岗位校招系列第四弹:面试篇。 前面讲到笔试题目的准备,如果你笔试通过,那么恭喜你,你离校招offer只差一场面试了。 首先提出一个问题:从求职者/招聘方两者角度来看,面试这件事情的意义和重点在哪里? 先说面试环节的重要性。打一个不恰当的比喻:面试过程的重要度可能不亚于生活中相亲环节。相亲前双方通过一些基本信息数据对彼此有了一些了解,但这个了解是基于静态的数据。其实就跟做笔试题一样,最后只有一个分数,求职者留下的印象最终被简化成一个分数,而真
2021-04-04 07:45:32 559
原创 互联网测试校招系列3:笔试篇
大家好,我是财哥,今天给大家继续带来互联网测试岗位校招系列第三弹:笔试篇。 在提前准备篇里,已经给各位朋友分享了如何做面试前的准备,也提到了笔试的准备范围,本篇会更详尽地介绍笔试前后需要准备的事情以及应对之法。 我们一起来思考一个问题:笔试到底要考核什么? 从参加测试岗位校招的朋友视角来看:笔试的目的是为了考核我们的专业知识和基本功。对,这点没错,笔试确实会考核很多基本功;而从公司的角度来看,笔试的目的更为直接,就是为了在面试阶段留下一些可面试的人。进入面试阶段的人都是在笔试阶段选拔出
2021-04-03 21:32:21 568
原创 Vue自学之路3-vue模版初探
前端渲染前端渲染就是把数据填充到HTML标签中过程:模版+数据->前端渲染->HTML静态内容前端渲染方式1. 原生js拼接字符串方式:数据以字符串的方式拼接到HTML标签。缺点:不规范,代码不清晰,维护麻烦2. 前端模版引擎方式:基于art-template,代码更加规范,标准化优点:可读性提高,方便后期维护缺点:没有专门的事件机制,需要和js结合3. 使用vue特有的模板语法插值表达式 指令 事件绑定 属性绑定 样式绑定 分支循环结构
2021-04-02 06:30:05 126
原创 Vue自学之路2-vue初探
初探用vue实现一个“hello,world”例子1)原生JS的写法:DOM操作的方式<div id='msg'></div><script>var msg = "hello ,world"var div = document.getElementById('msg');div.innerHTML = msg;</script>2)JQUERY的写法<div id='msg'></div.
2021-04-01 08:25:57 83
jenkins.tar.gz
2020-08-16
jenkins-2.7.3-1.1.noarch.rpm
2020-08-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人