2020年5月29日
Vue侦听器 watch
摘要： 我们发现，与计算属性相比，侦听器并没有优势；也不见得好用，直观上反而比计算属性的使用更繁琐；虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是 阅读全文
posted @ 2020-05-29 03:45 杵臼 阅读(133) 评论(0) 推荐(0) 编辑
Vue计算属性 computed
摘要： 计算属性 computed 作用：监听数据变化，生成新值（该值不需要在data中定义）。 特性：依赖缓存进行计算，也就是说只有数据发生改变时，才会计算，若数据没有变化，则会直接取出缓存的值。 我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属 阅读全文
posted @ 2020-05-29 01:42 杵臼 阅读(104) 评论(0) 推荐(0) 编辑
2020年5月28日
Vue表单的值绑定和修饰符
摘要： 1.值绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca 阅读全文
posted @ 2020-05-28 02:25 杵臼 阅读(414) 评论(0) 推荐(0) 编辑
2020年5月27日
js编码解码decodeURI(URIstring)与decodeURIComponent(URIstring)的区别
摘要： 1、encodeURIComponent 转义 除了字母、数字、(、)、.、!、~、*、'、-和_之外的所有字符(可看下表的非转义字符更清晰)。 注意：为了避免服务器收到不可预知的请求，对任何用户输入的作为URI部分的内容你都需要用encodeURIComponent进行转义。 var x = en 阅读全文
posted @ 2020-05-27 16:48 杵臼 阅读(779) 评论(0) 推荐(0) 编辑
常用的JS表单验证
摘要： 1. 验证只能是数字 <input type="number" onblur="checkNumber(this.value)" placeholder="请输入数字！" /> <script type="text/javascript" charset="utf-8"> //验证只能是数字 fun 阅读全文
posted @ 2020-05-27 03:10 杵臼 阅读(218) 评论(0) 推荐(0) 编辑
2020年5月26日
js正则表达式匹配手机号中间四位以及匹配姓名第一个字符，将其替换为*
摘要： <script type="text/javascript" charset="utf-8"> // 手机号中间四位加密 function telHideCenter(val) { var reg = /^(\d{3})\d{4}(\d{4})$/; val = val.replace(reg, ' 阅读全文
posted @ 2020-05-26 02:43 杵臼 阅读(1341) 评论(0) 推荐(0) 编辑
2020年5月18日
Vue按键修饰符,鼠标按钮修饰符
摘要： 在一些搜索框中，我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。 在原生js或者jQuery中，我们需要判断e.keyCode的值来获取用户所按的键。 按键码 keyCode 实际键值 48到57 0到9 65到90 a到z（A到Z） 112到135 F1 阅读全文
posted @ 2020-05-18 16:13 杵臼 阅读(1006) 评论(2) 推荐(1) 编辑
Vue事件修饰符（.stop .capture .self .once .prevent .passive）
摘要： .stop 阻止事件向上(向父级)冒泡 <div id="app"> <main v-on:click="listener($event, 'Outer')"> Outer <section v-on:click="listener($event, 'Middle')"> Middle <!-- . 阅读全文
posted @ 2020-05-18 05:44 杵臼 阅读(427) 评论(0) 推荐(0) 编辑
2020年5月17日
Vue事件处理
摘要： 1.监听事件（在 v-on 中使用变量） 监听事件用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>监听事件</title> <scrip 阅读全文
posted @ 2020-05-17 23:03 杵臼 阅读(297) 评论(0) 推荐(0) 编辑
2020年5月13日
HTML元素里面多少种换行
摘要： 1.<br /> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML换行显示的方式（<br />）</title> </head> <body> <p> 暴力真的可以解决一切，<br />帅真的可以当饭吃，<br /> 阅读全文
posted @ 2020-05-13 15:21 杵臼 阅读(1747) 评论(0) 推荐(0) 编辑