摘要: 在输入框中输入内容,然后点击“切换类型”按钮,切换另一个输入框,但是输入框中内容仍然保留。 原因分析: 解决办法:分别加入不同的key值 阅读全文
posted @ 2020-08-05 12:10 PupilHang 阅读(368) 评论(0) 推荐(0)
摘要: filter 把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。 map 把传入的函数依次作用于每个元素,然后返回一个新的数组。 reduce Array的reduce()把一个函数作用在这个Array的[x1, x2, x3...]上,这个函数必须接收两 阅读全文
posted @ 2020-08-05 12:03 PupilHang 阅读(101) 评论(0) 推荐(0)
摘要: 相同点:v-show和v-if都能控制元素的显示和隐藏。 不同点: 1、实现本质不同。v-if通过动态地添加、删除DOM元素;v-show仅改变display值。 2、编译的区别。v-show是控制css;v-if切换有一个局部的编译/卸载过程, 切换过会销毁或重建内部的事件监听和子组件 3、编译情 阅读全文
posted @ 2020-08-01 16:26 PupilHang 阅读(233) 评论(0) 推荐(0)
摘要: 情景: 在for循环中使用addEventListener为每个按钮分别添加事件句柄,让其被点击时输出添加句柄时的 i 值。 但是由于var的作用域的问题,在编译完成后,点击按钮时,只会输出 i 在最后的值。因此只能使用函数,将i作为形参传入立即执行函数中,使其不被全局作用域的 i 影响。 在ES6 阅读全文
posted @ 2020-08-01 16:20 PupilHang 阅读(107) 评论(0) 推荐(0)
摘要: 如图所示: 单页应用(SinglePage Application,SPA) 指只有一个主页面的应用,一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅刷新局部资源。 多页应用(MultiPage Application 阅读全文
posted @ 2020-07-25 16:02 PupilHang 阅读(852) 评论(0) 推荐(1)
摘要: 水平居中 方法一:inline-block + text-align 优点:对IE6-9的兼容性好 缺点:text-align具有继承性,会导致子元素文本也变成居中 1 .parent { 2 height: 200px; 3 width: 100%; 4 background-color: gra 阅读全文
posted @ 2020-07-02 01:00 PupilHang 阅读(221) 评论(0) 推荐(0)
摘要: 1 var twoSum = function(nums, target) { 2 let a = nums.length; 3 while(a > 1) { 4 let last = nums.pop(); //pop出最后一个元素并将返回值赋值给last 5 if (nums.indexOf(t 阅读全文
posted @ 2020-06-28 23:37 PupilHang 阅读(129) 评论(0) 推荐(0)
摘要: css: 1 <style> 2 .self-intro { 3 border: 0.5px solid #dedede; 4 /*background-color: blanchedalmond;*/ 5 background-color: #fff; 6 height: 134px; 7 wid 阅读全文
posted @ 2020-06-27 17:55 PupilHang 阅读(134) 评论(1) 推荐(0)
摘要: 这里是正文? 换行 再换行 <div id="app1"> <!--自动传入一个undefined--> <button @click="btnClick()">按钮1</button> <!--默认传入一个event事件对象--> <button @click="btnClick">按钮2</bu 阅读全文
posted @ 2020-06-27 15:31 PupilHang 阅读(55) 评论(0) 推荐(0)