- 博客(13)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 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
215
原创 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
115
原创 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
567
原创 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关注的人