花月容一箭穿心

2019年9月17日

摘要：  <div id="upPic"> <div id="upPicCont"> <img id="susPic" src=""/> </div> <canvas id="myCanvas" style="width:50px;height: 50px;display: non 阅读全文

posted @ 2019-09-17 15:28 花月容一箭穿心阅读(250) 评论(0) 推荐(0) 编辑

订单倒计时

摘要： //待付款和失效订单执行此方法 if($('.orderStatus').val() == 'pendingPayment'){// 防止没有过期时间 if($('.expireTime').length>0){ var nowTime = $('.nowTime').val().replace(/ 阅读全文

posted @ 2019-09-17 15:06 花月容一箭穿心阅读(425) 评论(0) 推荐(0) 编辑

2019年7月22日

css flex布局实例

摘要：总共7个属性，一一说来： 1、flex-basis 属性用于设置或检索弹性盒伸缩基准值,用在子级。语法：flex-basis: number|auto|initial|inherit; number：一个长度单位或者一个百分比，规定灵活项目的初始长度。 auto：默认值。长度等于灵活项目的长度。如阅读全文

posted @ 2019-07-22 00:31 花月容一箭穿心阅读(2386) 评论(0) 推荐(0) 编辑

2019年7月19日

currentTarget与target

摘要：先看代码： <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>蚂蚁部落</title> <style type="text/css"> #ant{ width:100px; height:60px; } #inner{ widt 阅读全文

posted @ 2019-07-19 11:05 花月容一箭穿心阅读(305) 评论(0) 推荐(0) 编辑

2019年7月18日

reflow 回流（重排，重写），repaint 重绘

摘要： DOM Tree里每一个结点都会有reflow方法，一个结点的reflow可能会导致其子结点，甚至父级结点以及同级结点的reflow，同时他会触发repaint，并且reflow的开销非常昂贵。在一些高性能的电脑上或许没什么，但是如果reflow发生在低性能比如手机上，那么这个过程非常痛苦和耗电的。阅读全文

posted @ 2019-07-18 22:41 花月容一箭穿心阅读(267) 评论(0) 推荐(0) 编辑

js事件监听,捕获及冒泡

摘要：一，监听相关： 1.绑定HTML元素属性： <input type="button" value="clickMe" onclick="check(this)"> 2.绑定DOM document.getElementById("xxx").onclick 3.IE中的监听方法： [object]. 阅读全文

posted @ 2019-07-18 21:40 花月容一箭穿心阅读(1731) 评论(0) 推荐(0) 编辑

vue选项卡切换，某个组件缓存数据keep-alive demo

摘要：父组件home如下： <template> <div class="home"> <div> <button @click="buttonClick(item.name)" v-for="(item) in buttons" :key="item.name">{{item.value}}</butt 阅读全文

posted @ 2019-07-18 01:24 花月容一箭穿心阅读(2022) 评论(0) 推荐(0) 编辑

2019年7月16日

移动端从底部向上过渡弹出弹框

摘要：第一种方法：把弹框固定在底部，通过过渡弹框高度来实现。下面是完整demo,可复制。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initi 阅读全文

posted @ 2019-07-16 10:14 花月容一箭穿心阅读(4132) 评论(0) 推荐(0) 编辑

2019年7月15日

css单位中px和em,rem的区别

摘要： css单位中分为相对长度单位、绝对长度单位。今天我们主要讲解rem、em、px这些常用单位的区别和用法。 px（绝对长度单位）相信对于前端来说px这个单位是大家并不陌生，px这个单位，兼容性可以说是相当可以，大家对px的了解肯定是没有很大的问题的。 em（相对长度单位）使用：1、浏览器的默认字阅读全文

posted @ 2019-07-15 22:34 花月容一箭穿心阅读(709) 评论(0) 推荐(0) 编辑

数组去重排序

摘要： created(){ this.arrayDeReordering(); this.arrayDeReorderingTwo(); this.arrayDeReorderingThree(); this.arrayDeReorderingFour(); }, methods:{ // 数组去重排序阅读全文

posted @ 2019-07-15 18:42 花月容一箭穿心阅读(491) 评论(0) 推荐(0) 编辑

花月容一箭穿心

公告