heyw的博客

在项目中我们使用input标签设置type属性为file，上传文件后需要清空选中的文件，<input type="file" ref="clearFile" name="file" id="file"><button @click="clearFile"></button><script>methods:{ clearFile() { this.$refs.clearFile.value = ''; // 清空file文件}}&

假设有如下代码：<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data:...

<style scoped></style>为了vue页面样式模块化，不对全局造成污染，建议每个页面的style标签加上scoped，表示他的样式只属于当前的页面，父组件的样式不会泄漏到子组件中。但是scoped也会造成一些额外的负担，如无法覆盖原有组件的样式。 可以加 /deep/。深度作用选择器/deep/or>>>如果希...

v-ifvsv-showv-if是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if有更高...

Why Fetch在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR)，Fetch ，jQuery实现的AJAX。其中, XMLHttpRequest(XHR)和Fetch是浏览器的原生API，jquery的ajax其实是封装了XHR。让我们首先来比较一下这三者的使用示例。XMLHttpRequestvar xhr;if (windo...

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮  =&gt; home 内容， about按钮 =&gt; about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。 　　点击之后，怎么做到正确的对应，比如，我点击hom...

正则表达式，又称规则表达式，英语名称：Regular Expression，在代码中常简写为regex、regexp或RE。是对字符串操作的一种逻辑公式。正则表达式主要有3个用处：1、替换文本，可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 。例如屏蔽一些骂人的特定文字等。2、提取字符串中的某些特定字符串。3、测试字符串的某个模式。例如，输入...

最近在开发自己的富文本编辑器插件，在开发中遇到了很多问题其中我觉得比较好的问题就是在你定义的插件中实现双向绑定。就好像input中v-model的功能类似。v-model语法：在vue中我们实现表单的双向绑定时代码一般时这样写的：&lt;input type="text" v-model="value" style="line-height: 30px;"&gt;data () ...

vue脚手架搭建网上有很多教程，并且在以前我的一篇博客中记录了vue-cli脚手架安装和使用的步骤，在这里我就不多加描述了。如果小伙伴们有兴趣可以看一下vue-cli搭建使用的这篇文章：https://mp.youkuaiyun.com/postedit/78109675。好了废话不多说了，接下来我们聊聊插件开发的一些问题：1、对于vue插件开发小伙伴们可以看一下vue官网上的介绍vue插件开发官网。...

使用了vue脚手架并且将其跑起来，以下是对我使用的总结，也是为了我之后的学习以及回顾做的一个笔记吧：1.在使用vue-cli开发前端框架，首先需要环境，目前我的环境是借助于node，同样我借助于node中的npm管理安装vue需要的一些依赖。没有接触过这方面可以上网查询一下这方面的知识，npm管理对于前端开发还是挺有帮助的。当然使用npm下载依赖速度有点慢。以下我推荐使用淘宝镜像： n...